@neurodyn/react-model-viewer 0.0.1 → 0.0.2

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/index.js +208 -37
  2. package/package.json +2 -2
package/dist/index.js CHANGED
@@ -113,6 +113,7 @@ var __webpack_modules__ = {
113
113
  --color-white: #fff;
114
114
  --spacing: 4px;
115
115
  --container-xs: 320px;
116
+ --container-lg: 512px;
116
117
  --text-xs: 12px;
117
118
  --text-sm: 14px;
118
119
  --text-base: 16px;
@@ -648,6 +649,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
648
649
  margin-top: calc(var(--spacing) * 1.5);
649
650
  }
650
651
 
652
+ .mt-4 {
653
+ margin-top: calc(var(--spacing) * 4);
654
+ }
655
+
651
656
  .mt-6 {
652
657
  margin-top: calc(var(--spacing) * 6);
653
658
  }
@@ -711,6 +716,22 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
711
716
  display: inline-flex;
712
717
  }
713
718
 
719
+ .table {
720
+ display: table;
721
+ }
722
+
723
+ .table-caption {
724
+ display: table-caption;
725
+ }
726
+
727
+ .table-cell {
728
+ display: table-cell;
729
+ }
730
+
731
+ .table-row {
732
+ display: table-row;
733
+ }
734
+
714
735
  .field-sizing-content {
715
736
  field-sizing: content;
716
737
  }
@@ -926,6 +947,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
926
947
  min-height: 1px;
927
948
  }
928
949
 
950
+ .w-0\\.5 {
951
+ width: calc(var(--spacing) * .5);
952
+ }
953
+
929
954
  .w-2 {
930
955
  width: calc(var(--spacing) * 2);
931
956
  }
@@ -938,6 +963,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
938
963
  width: calc(var(--spacing) * 9);
939
964
  }
940
965
 
966
+ .w-10 {
967
+ width: calc(var(--spacing) * 10);
968
+ }
969
+
941
970
  .w-11 {
942
971
  width: calc(var(--spacing) * 11);
943
972
  }
@@ -1062,6 +1091,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1062
1091
  flex-basis: 100%;
1063
1092
  }
1064
1093
 
1094
+ .caption-bottom {
1095
+ caption-side: bottom;
1096
+ }
1097
+
1065
1098
  .origin-\\(--radix-dropdown-menu-content-transform-origin\\) {
1066
1099
  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
1067
1100
  }
@@ -1136,6 +1169,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1136
1169
  cursor: default;
1137
1170
  }
1138
1171
 
1172
+ .cursor-grab {
1173
+ cursor: grab;
1174
+ }
1175
+
1139
1176
  .cursor-pointer {
1140
1177
  cursor: pointer;
1141
1178
  }
@@ -1184,6 +1221,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1184
1221
  flex-direction: column;
1185
1222
  }
1186
1223
 
1224
+ .flex-col-reverse {
1225
+ flex-direction: column-reverse;
1226
+ }
1227
+
1187
1228
  .flex-row {
1188
1229
  flex-direction: row;
1189
1230
  }
@@ -1379,6 +1420,16 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1379
1420
  border-width: 2px;
1380
1421
  }
1381
1422
 
1423
+ .border-t {
1424
+ border-top-style: var(--tw-border-style);
1425
+ border-top-width: 1px;
1426
+ }
1427
+
1428
+ .border-b {
1429
+ border-bottom-style: var(--tw-border-style);
1430
+ border-bottom-width: 1px;
1431
+ }
1432
+
1382
1433
  .border-l-0 {
1383
1434
  border-left-style: var(--tw-border-style);
1384
1435
  border-left-width: 0;
@@ -1557,7 +1608,15 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1557
1608
  background-color: var(--color-lime-400);
1558
1609
  }
1559
1610
 
1560
- .bg-muted, .bg-muted\\/50 {
1611
+ .bg-muted {
1612
+ background-color: var(--muted);
1613
+ }
1614
+
1615
+ .bg-muted-foreground {
1616
+ background-color: var(--muted-foreground);
1617
+ }
1618
+
1619
+ .bg-muted\\/50 {
1561
1620
  background-color: var(--muted);
1562
1621
  }
1563
1622
 
@@ -1680,6 +1739,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1680
1739
  padding-inline: calc(var(--spacing) * 0);
1681
1740
  }
1682
1741
 
1742
+ .px-0\\.5 {
1743
+ padding-inline: calc(var(--spacing) * .5);
1744
+ }
1745
+
1683
1746
  .px-1\\.5 {
1684
1747
  padding-inline: calc(var(--spacing) * 1.5);
1685
1748
  }
@@ -1812,6 +1875,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1812
1875
  text-align: left;
1813
1876
  }
1814
1877
 
1878
+ .align-middle {
1879
+ vertical-align: middle;
1880
+ }
1881
+
1815
1882
  .font-mono {
1816
1883
  font-family: var(--font-mono);
1817
1884
  }
@@ -1962,6 +2029,11 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1962
2029
  font-weight: var(--font-weight-normal);
1963
2030
  }
1964
2031
 
2032
+ .font-semibold {
2033
+ --tw-font-weight: var(--font-weight-semibold);
2034
+ font-weight: var(--font-weight-semibold);
2035
+ }
2036
+
1965
2037
  .tracking-\\[-0\\.02em\\] {
1966
2038
  --tw-tracking: -.02em;
1967
2039
  letter-spacing: -.02em;
@@ -2730,10 +2802,20 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
2730
2802
  position: absolute;
2731
2803
  }
2732
2804
 
2805
+ .first\\:rounded-l-md:first-child {
2806
+ border-top-left-radius: calc(var(--radius) - 2px);
2807
+ border-bottom-left-radius: calc(var(--radius) - 2px);
2808
+ }
2809
+
2733
2810
  .last\\:mt-0:last-child {
2734
2811
  margin-top: calc(var(--spacing) * 0);
2735
2812
  }
2736
2813
 
2814
+ .last\\:rounded-r-md:last-child {
2815
+ border-top-right-radius: calc(var(--radius) - 2px);
2816
+ border-bottom-right-radius: calc(var(--radius) - 2px);
2817
+ }
2818
+
2737
2819
  .focus-within\\:border-border-dark:focus-within {
2738
2820
  border-color: var(--v-borders-dark);
2739
2821
  }
@@ -2794,10 +2876,16 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
2794
2876
  }
2795
2877
  }
2796
2878
 
2797
- .hover\\:bg-muted:hover {
2879
+ .hover\\:bg-muted:hover, .hover\\:bg-muted\\/50:hover {
2798
2880
  background-color: var(--muted);
2799
2881
  }
2800
2882
 
2883
+ @supports (color: color-mix(in lab, red, red)) {
2884
+ .hover\\:bg-muted\\/50:hover {
2885
+ background-color: color-mix(in oklab, var(--muted) 50%, transparent);
2886
+ }
2887
+ }
2888
+
2801
2889
  .hover\\:bg-primary--hover:hover {
2802
2890
  background-color: var(--contrast--hover);
2803
2891
  }
@@ -2859,6 +2947,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
2859
2947
  }
2860
2948
  }
2861
2949
 
2950
+ .focus\\:z-10:focus {
2951
+ z-index: 10;
2952
+ }
2953
+
2862
2954
  .focus\\:border-border-dark:focus {
2863
2955
  border-color: var(--v-borders-dark);
2864
2956
  }
@@ -2978,6 +3070,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
2978
3070
  outline-style: none;
2979
3071
  }
2980
3072
 
3073
+ .active\\:cursor-grabbing:active {
3074
+ cursor: grabbing;
3075
+ }
3076
+
2981
3077
  .active\\:rounded-lg:active {
2982
3078
  border-radius: var(--radius);
2983
3079
  }
@@ -3769,6 +3865,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
3769
3865
  --tw-enter-scale: .95;
3770
3866
  }
3771
3867
 
3868
+ .data-\\[state\\=selected\\]\\:bg-muted[data-state="selected"] {
3869
+ background-color: var(--muted);
3870
+ }
3871
+
3772
3872
  .data-\\[state\\=unchecked\\]\\:translate-x-0[data-state="unchecked"] {
3773
3873
  --tw-translate-x: calc(var(--spacing) * 0);
3774
3874
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -3828,6 +3928,21 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
3828
3928
  line-height: var(--tw-leading, 1.5);
3829
3929
  }
3830
3930
 
3931
+ .data-\\[variant\\=outline\\]\\:border-l-0[data-variant="outline"] {
3932
+ border-left-style: var(--tw-border-style);
3933
+ border-left-width: 0;
3934
+ }
3935
+
3936
+ .data-\\[variant\\=outline\\]\\:shadow-xs[data-variant="outline"] {
3937
+ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
3938
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3939
+ }
3940
+
3941
+ .data-\\[variant\\=outline\\]\\:first\\:border-l[data-variant="outline"]:first-child {
3942
+ border-left-style: var(--tw-border-style);
3943
+ border-left-width: 1px;
3944
+ }
3945
+
3831
3946
  .nth-last-2\\:-mt-1:nth-last-child(2) {
3832
3947
  margin-top: calc(var(--spacing) * -1);
3833
3948
  }
@@ -3851,10 +3966,22 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
3851
3966
  max-width: calc(var(--spacing) * 120);
3852
3967
  }
3853
3968
 
3969
+ .sm\\:max-w-lg {
3970
+ max-width: var(--container-lg);
3971
+ }
3972
+
3854
3973
  .sm\\:grid-cols-3 {
3855
3974
  grid-template-columns: repeat(3, minmax(0, 1fr));
3856
3975
  }
3857
3976
 
3977
+ .sm\\:flex-row {
3978
+ flex-direction: row;
3979
+ }
3980
+
3981
+ .sm\\:justify-end {
3982
+ justify-content: flex-end;
3983
+ }
3984
+
3858
3985
  .sm\\:p-0 {
3859
3986
  padding: calc(var(--spacing) * 0);
3860
3987
  }
@@ -3862,6 +3989,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
3862
3989
  .sm\\:p-10 {
3863
3990
  padding: calc(var(--spacing) * 10);
3864
3991
  }
3992
+
3993
+ .sm\\:text-left {
3994
+ text-align: left;
3995
+ }
3865
3996
  }
3866
3997
 
3867
3998
  @media (width >= 768px) {
@@ -4099,34 +4230,44 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
4099
4230
  }
4100
4231
  }
4101
4232
 
4102
- .\\[\\&_svg\\:not\\(\\[class\\*\\=\\\\\\'size-\\\\\\'\\]\\)\\]\\:size-4 svg:not([class*="'size-'"]) {
4233
+ .\\[\\&_svg\\:not\\(\\[class\\*\\=size-\\]\\)\\]\\:size-4 svg:not([class*="size-"]) {
4103
4234
  width: calc(var(--spacing) * 4);
4104
4235
  height: calc(var(--spacing) * 4);
4105
4236
  }
4106
4237
 
4107
- .\\[\\&_svg\\:not\\(\\[class\\*\\=\\\\\\'size-\\\\\\'\\]\\)\\]\\:size-6 svg:not([class*="'size-'"]), .group-data-\\[size\\=default\\]\\/input-group\\:\\[\\&_svg\\:not\\(\\[class\\*\\=\\\\\\'size-\\\\\\'\\]\\)\\]\\:size-6:is(:where(.group\\/input-group)[data-size="default"] *) svg:not([class*="'size-'"]) {
4238
+ .\\[\\&_svg\\:not\\(\\[class\\*\\=size-\\]\\)\\]\\:size-6 svg:not([class*="size-"]), .group-data-\\[size\\=default\\]\\/input-group\\:\\[\\&_svg\\:not\\(\\[class\\*\\=size-\\]\\)\\]\\:size-6:is(:where(.group\\/input-group)[data-size="default"] *) svg:not([class*="size-"]) {
4108
4239
  width: calc(var(--spacing) * 6);
4109
4240
  height: calc(var(--spacing) * 6);
4110
4241
  }
4111
4242
 
4112
- .group-data-\\[size\\=md\\]\\/input-group\\:\\[\\&_svg\\:not\\(\\[class\\*\\=\\\\\\'size-\\\\\\'\\]\\)\\]\\:size-4:is(:where(.group\\/input-group)[data-size="md"] *) svg:not([class*="'size-'"]) {
4243
+ .group-data-\\[size\\=md\\]\\/input-group\\:\\[\\&_svg\\:not\\(\\[class\\*\\=size-\\]\\)\\]\\:size-4:is(:where(.group\\/input-group)[data-size="md"] *) svg:not([class*="size-"]) {
4113
4244
  width: calc(var(--spacing) * 4);
4114
4245
  height: calc(var(--spacing) * 4);
4115
4246
  }
4116
4247
 
4117
- .group-data-\\[size\\=sm\\]\\/input-group\\:\\[\\&_svg\\:not\\(\\[class\\*\\=\\\\\\'size-\\\\\\'\\]\\)\\]\\:size-3:is(:where(.group\\/input-group)[data-size="sm"] *) svg:not([class*="'size-'"]) {
4248
+ .group-data-\\[size\\=sm\\]\\/input-group\\:\\[\\&_svg\\:not\\(\\[class\\*\\=size-\\]\\)\\]\\:size-3:is(:where(.group\\/input-group)[data-size="sm"] *) svg:not([class*="size-"]) {
4118
4249
  width: calc(var(--spacing) * 3);
4119
4250
  height: calc(var(--spacing) * 3);
4120
4251
  }
4121
4252
 
4122
- .\\[\\&_svg\\:not\\(\\[class\\*\\=\\\\\\'text-\\\\\\'\\]\\)\\]\\:text-muted-foreground svg:not([class*="'text-'"]) {
4253
+ .\\[\\&_svg\\:not\\(\\[class\\*\\=text-\\]\\)\\]\\:text-muted-foreground svg:not([class*="text-"]) {
4123
4254
  color: var(--muted-foreground);
4124
4255
  }
4125
4256
 
4126
- .\\[\\&_svg\\:not\\(\\[class\\*\\=\\\\\\'text-\\\\\\'\\]\\)\\]\\:text-text-dark svg:not([class*="'text-'"]) {
4257
+ .\\[\\&_svg\\:not\\(\\[class\\*\\=text-\\]\\)\\]\\:text-text-dark svg:not([class*="text-"]) {
4127
4258
  color: var(--v-text-dark);
4128
4259
  }
4129
4260
 
4261
+ .\\[\\&_tr\\]\\:border-b tr {
4262
+ border-bottom-style: var(--tw-border-style);
4263
+ border-bottom-width: 1px;
4264
+ }
4265
+
4266
+ .\\[\\&_tr\\:last-child\\]\\:border-0 tr:last-child {
4267
+ border-style: var(--tw-border-style);
4268
+ border-width: 0;
4269
+ }
4270
+
4130
4271
  .\\[\\&\\+\\[data-slot\\=item-content\\]\\]\\:flex-none + [data-slot="item-content"] {
4131
4272
  flex: none;
4132
4273
  }
@@ -4147,6 +4288,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
4147
4288
  appearance: none;
4148
4289
  }
4149
4290
 
4291
+ .\\[\\&\\:has\\(\\[role\\=checkbox\\]\\)\\]\\:pr-0:has([role="checkbox"]) {
4292
+ padding-right: calc(var(--spacing) * 0);
4293
+ }
4294
+
4150
4295
  .\\[\\.border-b\\]\\:pb-2\\.5.border-b {
4151
4296
  padding-bottom: calc(var(--spacing) * 2.5);
4152
4297
  }
@@ -4225,6 +4370,11 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
4225
4370
  }
4226
4371
  }
4227
4372
 
4373
+ .\\[\\&\\>\\[role\\=checkbox\\]\\]\\:translate-y-\\[2px\\] > [role="checkbox"] {
4374
+ --tw-translate-y: 2px;
4375
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4376
+ }
4377
+
4228
4378
  .has-\\[\\>\\[data-slot\\=field-content\\]\\]\\:\\[\\&\\>\\[role\\=checkbox\\]\\,\\[role\\=radio\\]\\]\\:mt-px:has( > [data-slot="field-content"]) > [role="checkbox"], .has-\\[\\>\\[data-slot\\=field-content\\]\\]\\:\\[\\&\\>\\[role\\=checkbox\\]\\,\\[role\\=radio\\]\\]\\:mt-px:has( > [data-slot="field-content"]) [role="radio"] {
4229
4379
  margin-top: 1px;
4230
4380
  }
@@ -4263,26 +4413,31 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
4263
4413
  padding-left: calc(var(--spacing) * 2);
4264
4414
  }
4265
4415
 
4266
- .\\[\\&\\>svg\\:not\\(\\[class\\*\\=\\\\\\'size-\\\\\\'\\]\\)\\]\\:size-3\\.5 > svg:not([class*="'size-'"]) {
4416
+ .\\[\\&\\>svg\\:not\\(\\[class\\*\\=size-\\]\\)\\]\\:size-3\\.5 > svg:not([class*="size-"]) {
4267
4417
  width: calc(var(--spacing) * 3.5);
4268
4418
  height: calc(var(--spacing) * 3.5);
4269
4419
  }
4270
4420
 
4271
- .group-data-\\[size\\=default\\]\\/input-group\\:\\[\\&\\>svg\\:not\\(\\[class\\*\\=\\\\\\'size-\\\\\\'\\]\\)\\]\\:size-6:is(:where(.group\\/input-group)[data-size="default"] *) > svg:not([class*="'size-'"]) {
4421
+ .group-data-\\[size\\=default\\]\\/input-group\\:\\[\\&\\>svg\\:not\\(\\[class\\*\\=size-\\]\\)\\]\\:size-6:is(:where(.group\\/input-group)[data-size="default"] *) > svg:not([class*="size-"]) {
4272
4422
  width: calc(var(--spacing) * 6);
4273
4423
  height: calc(var(--spacing) * 6);
4274
4424
  }
4275
4425
 
4276
- .group-data-\\[size\\=md\\]\\/input-group\\:\\[\\&\\>svg\\:not\\(\\[class\\*\\=\\\\\\'size-\\\\\\'\\]\\)\\]\\:size-4:is(:where(.group\\/input-group)[data-size="md"] *) > svg:not([class*="'size-'"]) {
4426
+ .group-data-\\[size\\=md\\]\\/input-group\\:\\[\\&\\>svg\\:not\\(\\[class\\*\\=size-\\]\\)\\]\\:size-4:is(:where(.group\\/input-group)[data-size="md"] *) > svg:not([class*="size-"]) {
4277
4427
  width: calc(var(--spacing) * 4);
4278
4428
  height: calc(var(--spacing) * 4);
4279
4429
  }
4280
4430
 
4281
- .group-data-\\[size\\=sm\\]\\/input-group\\:\\[\\&\\>svg\\:not\\(\\[class\\*\\=\\\\\\'size-\\\\\\'\\]\\)\\]\\:size-3:is(:where(.group\\/input-group)[data-size="sm"] *) > svg:not([class*="'size-'"]) {
4431
+ .group-data-\\[size\\=sm\\]\\/input-group\\:\\[\\&\\>svg\\:not\\(\\[class\\*\\=size-\\]\\)\\]\\:size-3:is(:where(.group\\/input-group)[data-size="sm"] *) > svg:not([class*="size-"]) {
4282
4432
  width: calc(var(--spacing) * 3);
4283
4433
  height: calc(var(--spacing) * 3);
4284
4434
  }
4285
4435
 
4436
+ .\\[\\&\\>tr\\]\\:last\\:border-b-0 > tr:last-child {
4437
+ border-bottom-style: var(--tw-border-style);
4438
+ border-bottom-width: 0;
4439
+ }
4440
+
4286
4441
  .\\[\\&\\[aria-orientation\\=horizontal\\]\\>div\\]\\:rotate-90[aria-orientation="horizontal"] > div {
4287
4442
  rotate: 90deg;
4288
4443
  }
@@ -4700,9 +4855,13 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
4700
4855
  --v-backgrounds-base: #f5f5f7;
4701
4856
  --v-backgrounds-base-2: #e9e9f0;
4702
4857
  --v-backgrounds-base-3: #dadae0;
4858
+ --v-backgrounds-gray-transparent: #8c8c9533;
4703
4859
  --v-backgrounds-red: #e2491a;
4860
+ --v-backgrounds-red-transparent: #fb783b33;
4704
4861
  --v-backgrounds-green: #85c13d;
4862
+ --v-backgrounds-green-transparent: #85d52433;
4705
4863
  --v-backgrounds-blue: #3f73ed;
4864
+ --v-backgrounds-blue-transparent: #3291fe33;
4706
4865
  --v-borders-white: #fff;
4707
4866
  --v-borders-black: #212124;
4708
4867
  --v-borders-light: #dadae0;
@@ -4797,6 +4956,8 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
4797
4956
  --v-font-family: "__tw4_shd_inter_7x4q2", sans-serif;
4798
4957
  font-family: var(--v-font-family);
4799
4958
  font-feature-settings: "liga" 1, "calt" 1;
4959
+ -webkit-font-smoothing: antialiased;
4960
+ -moz-osx-font-smoothing: grayscale;
4800
4961
  --radius: 10px;
4801
4962
  --background: var(--v-backgrounds-layout);
4802
4963
  --foreground: var(--v-text-dark);
@@ -5581,7 +5742,7 @@ const shadowRootCssText = createShadowRootCssText(styleinline.A);
5581
5742
  function utils_cn(...inputs) {
5582
5743
  return twMerge(clsx(inputs));
5583
5744
  }
5584
- const buttonVariants = cva('cursor-pointer inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-xl transition-all disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg:not([class*=\'size-\'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive', {
5745
+ const buttonVariants = cva('cursor-pointer inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-xl transition-all disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg:not([class*=size-])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive', {
5585
5746
  variants: {
5586
5747
  variant: {
5587
5748
  default: 'bg-primary text-primary-foreground hover:bg-primary--hover active:bg-primary--pressed disabled:bg-primary--disabled disabled:opacity-20',
@@ -5868,35 +6029,40 @@ function DialogOverlay({ className, ...props }) {
5868
6029
  ...props
5869
6030
  });
5870
6031
  }
5871
- function DialogContent({ className, children, showCloseButton = true, portalContainer, ...props }) {
5872
- return /*#__PURE__*/ jsxs(DialogPortal, {
5873
- "data-slot": "dialog-portal",
5874
- container: portalContainer,
6032
+ function DialogContent({ className, children, contentInsideOverlay = false, showCloseButton = true, portalContainer, ...props }) {
6033
+ const content = /*#__PURE__*/ jsxs(Content, {
6034
+ "data-slot": "dialog-content",
6035
+ className: utils_cn('bg-background-containers data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-6 rounded-3xl border-0 p-6 shadow-[var(--shadow-login)] duration-200 outline-none sm:max-w-120 sm:p-10', className),
6036
+ ...props,
5875
6037
  children: [
5876
- /*#__PURE__*/ jsx(DialogOverlay, {}),
5877
- /*#__PURE__*/ jsxs(Content, {
5878
- "data-slot": "dialog-content",
5879
- className: utils_cn('bg-background-containers data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-6 rounded-3xl border-0 p-6 shadow-[var(--shadow-login)] duration-200 outline-none sm:max-w-120 sm:p-10', className),
5880
- ...props,
6038
+ children,
6039
+ showCloseButton && /*#__PURE__*/ jsxs(react_dialog_Close, {
6040
+ "data-slot": "dialog-close",
6041
+ className: "focus-visible:ring-ring/30 absolute top-4 right-4 inline-flex size-6 cursor-pointer items-center justify-center rounded-full text-icons-light transition-colors hover:text-icons-normal focus-visible:text-icons-dark focus-visible:ring-2 focus-visible:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0",
5881
6042
  children: [
5882
- children,
5883
- showCloseButton && /*#__PURE__*/ jsxs(react_dialog_Close, {
5884
- "data-slot": "dialog-close",
5885
- className: "focus-visible:ring-ring/30 absolute top-4 right-4 inline-flex size-6 cursor-pointer items-center justify-center rounded-full text-icons-light transition-colors hover:text-icons-normal focus-visible:text-icons-dark focus-visible:ring-2 focus-visible:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0",
5886
- children: [
5887
- /*#__PURE__*/ jsx(XIcon, {
5888
- className: "size-6"
5889
- }),
5890
- /*#__PURE__*/ jsx("span", {
5891
- className: "sr-only",
5892
- children: "Close"
5893
- })
5894
- ]
6043
+ /*#__PURE__*/ jsx(XIcon, {
6044
+ className: "size-6"
6045
+ }),
6046
+ /*#__PURE__*/ jsx("span", {
6047
+ className: "sr-only",
6048
+ children: "Close"
5895
6049
  })
5896
6050
  ]
5897
6051
  })
5898
6052
  ]
5899
6053
  });
6054
+ return /*#__PURE__*/ jsx(DialogPortal, {
6055
+ "data-slot": "dialog-portal",
6056
+ container: portalContainer,
6057
+ children: contentInsideOverlay ? /*#__PURE__*/ jsx(DialogOverlay, {
6058
+ children: content
6059
+ }) : /*#__PURE__*/ jsxs(Fragment, {
6060
+ children: [
6061
+ /*#__PURE__*/ jsx(DialogOverlay, {}),
6062
+ content
6063
+ ]
6064
+ })
6065
+ });
5900
6066
  }
5901
6067
  const oklchRegex = /oklch\(([0-9.]+)\s+([0-9.]+)\s+([0-9.]+)\)/;
5902
6068
  function getOklch(color, fallback) {
@@ -5968,6 +6134,7 @@ function QRCode({ data, foreground, background, robustness = 'M', className, ...
5968
6134
  });
5969
6135
  }
5970
6136
  const MODEL_VIEWER_URL = "https://integrations.vizbl.com/model-viewer";
6137
+ const AR_DEVICE_REQUIREMENTS_DISCLAIMER = '*Requires AR-supported device and browser. We recommend iOS 12 or later with Safari, or Android 7.0 or later with Chrome.';
5971
6138
  const DEFAULT_API_TIMEOUT = 30000;
5972
6139
  function createDefaultClient(defaultBaseURL) {
5973
6140
  return axios.create({
@@ -6324,7 +6491,7 @@ function configureNodeApiClient(config) {
6324
6491
  async function node_client_node_client(config) {
6325
6492
  return requestNodeRuntime(config);
6326
6493
  }
6327
- async function publicApiControllerGetObjectByTinuuid({ tinuuid }, params, config = {}) {
6494
+ async function publicApiControllerReadObjectByTinuuid({ tinuuid }, params, config = {}) {
6328
6495
  const { client: request = node_client_node_client, ...requestConfig } = config;
6329
6496
  const res = await request({
6330
6497
  method: "GET",
@@ -6344,7 +6511,7 @@ function useObjectData(tinuuid, initialHid, options) {
6344
6511
  options.apiKey
6345
6512
  ],
6346
6513
  enabled: Boolean(tinuuid) && options.apiKey.length > 0,
6347
- queryFn: ({ signal })=>publicApiControllerGetObjectByTinuuid({
6514
+ queryFn: ({ signal })=>publicApiControllerReadObjectByTinuuid({
6348
6515
  tinuuid
6349
6516
  }, {
6350
6517
  productType: 'core-ar'
@@ -6542,6 +6709,10 @@ function AR({ disabled, onClick, onBeforeActivateAr, size = 'lg', ...props }) {
6542
6709
  className: "text-center text-lg font-medium text-text-sub",
6543
6710
  children: "Scan the QR code with your phone or tablet to view the object in your interior."
6544
6711
  }),
6712
+ /*#__PURE__*/ jsx("p", {
6713
+ className: "text-center text-xs text-text-light",
6714
+ children: AR_DEVICE_REQUIREMENTS_DISCLAIMER
6715
+ }),
6545
6716
  /*#__PURE__*/ jsx(DialogClose, {
6546
6717
  asChild: true,
6547
6718
  children: /*#__PURE__*/ jsx(button_Button, {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@neurodyn/react-model-viewer",
3
3
  "type": "module",
4
- "version": "0.0.1",
4
+ "version": "0.0.2",
5
5
  "publishConfig": {
6
6
  "access": "public"
7
7
  },
@@ -42,7 +42,7 @@
42
42
  "@microsoft/api-extractor": "^7.58.0",
43
43
  "@rsbuild/core": "1.7.1",
44
44
  "@rsbuild/plugin-react": "1.4.2",
45
- "@rsdoctor/rspack-plugin": "^1.5.2",
45
+ "@rsdoctor/rspack-plugin": "^1.5.16",
46
46
  "@rslib/core": "^0.18.6",
47
47
  "@tailwindcss/postcss": "4.1.17",
48
48
  "@types/react": "^19.2.4",