flowcore-fn 3.5.0 → 3.9.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 (4) hide show
  1. package/dist/pkg-index.css +329 -585
  2. package/dist/pkg-index.js +10 -1
  3. package/dist/pkg-index.mjs +9 -1
  4. package/package.json +10 -3
package/dist/pkg-index.css CHANGED
@@ -5,8 +5,13 @@
5
5
  :root,
6
6
  :host {
7
7
  --font-sans:
8
- ui-sans-serif,
9
- system-ui,
8
+ -apple-system,
9
+ BlinkMacSystemFont,
10
+ "Segoe UI",
11
+ Roboto,
12
+ "Helvetica Neue",
13
+ "Noto Sans",
14
+ Arial,
10
15
  sans-serif,
11
16
  "Apple Color Emoji",
12
17
  "Segoe UI Emoji",
@@ -83,7 +88,7 @@
83
88
  --color-gray-700: oklch(37.3% 0.034 259.733);
84
89
  --color-gray-800: oklch(27.8% 0.033 256.848);
85
90
  --color-gray-900: oklch(21% 0.034 264.665);
86
- --color-zinc-50: oklch(98.5% 0 0);
91
+ --color-zinc-50: oklch(98.5% 0 none);
87
92
  --color-zinc-400: oklch(70.5% 0.015 286.067);
88
93
  --color-zinc-600: oklch(44.2% 0.017 285.786);
89
94
  --color-zinc-950: oklch(14.1% 0.005 285.823);
@@ -152,7 +157,7 @@
152
157
  line-height: 1.5;
153
158
  -webkit-text-size-adjust: 100%;
154
159
  tab-size: 4;
155
- font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
160
+ font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
156
161
  font-feature-settings: var(--default-font-feature-settings, normal);
157
162
  font-variation-settings: var(--default-font-variation-settings, normal);
158
163
  -webkit-tap-highlight-color: transparent;
@@ -214,7 +219,7 @@
214
219
  border-color: inherit;
215
220
  border-collapse: collapse;
216
221
  }
217
- :-moz-focusring {
222
+ :-moz-focusring:where(:not(iframe)) {
218
223
  outline: auto;
219
224
  }
220
225
  progress {
@@ -353,19 +358,19 @@
353
358
  position: sticky;
354
359
  }
355
360
  .inset-0 {
356
- inset: 0;
361
+ inset: 0px;
357
362
  }
358
363
  .inset-x-0 {
359
- inset-inline: 0;
364
+ inset-inline: 0px;
360
365
  }
361
366
  .inset-y-0 {
362
- inset-block: 0;
367
+ inset-block: 0px;
363
368
  }
364
369
  .-top-12 {
365
370
  top: calc(var(--spacing) * -12);
366
371
  }
367
372
  .top-0 {
368
- top: 0;
373
+ top: 0px;
369
374
  }
370
375
  .top-4 {
371
376
  top: calc(var(--spacing) * 4);
@@ -377,7 +382,7 @@
377
382
  right: calc(var(--spacing) * -12);
378
383
  }
379
384
  .right-0 {
380
- right: 0;
385
+ right: 0px;
381
386
  }
382
387
  .right-4 {
383
388
  right: calc(var(--spacing) * 4);
@@ -386,13 +391,13 @@
386
391
  bottom: calc(var(--spacing) * -10);
387
392
  }
388
393
  .bottom-0 {
389
- bottom: 0;
394
+ bottom: 0px;
390
395
  }
391
396
  .-left-10 {
392
397
  left: calc(var(--spacing) * -10);
393
398
  }
394
399
  .left-0 {
395
- left: 0;
400
+ left: 0px;
396
401
  }
397
402
  .left-\[20px\] {
398
403
  left: 20px;
@@ -410,7 +415,7 @@
410
415
  z-index: 100;
411
416
  }
412
417
  .m-0 {
413
- margin: 0;
418
+ margin: 0px;
414
419
  }
415
420
  .mx-2 {
416
421
  margin-inline: calc(var(--spacing) * 2);
@@ -581,7 +586,7 @@
581
586
  max-height: calc(92vh - 170px);
582
587
  }
583
588
  .min-h-0 {
584
- min-height: 0;
589
+ min-height: 0px;
585
590
  }
586
591
  .min-h-full {
587
592
  min-height: 100%;
@@ -590,7 +595,7 @@
590
595
  min-height: 100vh;
591
596
  }
592
597
  .w-0 {
593
- width: 0;
598
+ width: 0px;
594
599
  }
595
600
  .w-1\/2 {
596
601
  width: calc(1 / 2 * 100%);
@@ -701,7 +706,7 @@
701
706
  max-width: var(--container-xs);
702
707
  }
703
708
  .min-w-0 {
704
- min-width: 0;
709
+ min-width: 0px;
705
710
  }
706
711
  .min-w-\[28px\] {
707
712
  min-width: 28px;
@@ -744,7 +749,7 @@
744
749
  translate: var(--tw-translate-x) var(--tw-translate-y);
745
750
  }
746
751
  .translate-x-0 {
747
- --tw-translate-x: 0;
752
+ --tw-translate-x: 0px;
748
753
  translate: var(--tw-translate-x) var(--tw-translate-y);
749
754
  }
750
755
  .translate-x-4\.5 {
@@ -837,54 +842,40 @@
837
842
  .gap-\[18px\] {
838
843
  gap: 18px;
839
844
  }
840
- .space-y-3 {
841
- :where(& > :not(:last-child)) {
842
- --tw-space-y-reverse: 0;
843
- margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
844
- margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
845
- }
846
- }
847
- .space-y-4 {
848
- :where(& > :not(:last-child)) {
849
- --tw-space-y-reverse: 0;
850
- margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
851
- margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
852
- }
853
- }
854
- .space-y-5 {
855
- :where(& > :not(:last-child)) {
856
- --tw-space-y-reverse: 0;
857
- margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
858
- margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
859
- }
860
- }
861
- .space-y-6 {
862
- :where(& > :not(:last-child)) {
863
- --tw-space-y-reverse: 0;
864
- margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
865
- margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
866
- }
867
- }
868
- .space-y-8 {
869
- :where(& > :not(:last-child)) {
870
- --tw-space-y-reverse: 0;
871
- margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
872
- margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
873
- }
874
- }
875
- .divide-y {
876
- :where(& > :not(:last-child)) {
877
- --tw-divide-y-reverse: 0;
878
- border-bottom-style: var(--tw-border-style);
879
- border-top-style: var(--tw-border-style);
880
- border-top-width: calc(1px * var(--tw-divide-y-reverse));
881
- border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
882
- }
845
+ :where(.space-y-3 > :not(:last-child)) {
846
+ --tw-space-y-reverse: 0;
847
+ margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
848
+ margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
849
+ }
850
+ :where(.space-y-4 > :not(:last-child)) {
851
+ --tw-space-y-reverse: 0;
852
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
853
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
854
+ }
855
+ :where(.space-y-5 > :not(:last-child)) {
856
+ --tw-space-y-reverse: 0;
857
+ margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
858
+ margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
859
+ }
860
+ :where(.space-y-6 > :not(:last-child)) {
861
+ --tw-space-y-reverse: 0;
862
+ margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
863
+ margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
864
+ }
865
+ :where(.space-y-8 > :not(:last-child)) {
866
+ --tw-space-y-reverse: 0;
867
+ margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
868
+ margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
869
+ }
870
+ :where(.divide-y > :not(:last-child)) {
871
+ --tw-divide-y-reverse: 0;
872
+ border-bottom-style: var(--tw-border-style);
873
+ border-top-style: var(--tw-border-style);
874
+ border-top-width: calc(1px * var(--tw-divide-y-reverse));
875
+ border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
883
876
  }
884
- .divide-slate-100 {
885
- :where(& > :not(:last-child)) {
886
- border-color: var(--color-slate-100);
887
- }
877
+ :where(.divide-slate-100 > :not(:last-child)) {
878
+ border-color: var(--color-slate-100);
888
879
  }
889
880
  .truncate {
890
881
  overflow: hidden;
@@ -1694,10 +1685,8 @@
1694
1685
  -webkit-font-smoothing: antialiased;
1695
1686
  -moz-osx-font-smoothing: grayscale;
1696
1687
  }
1697
- .placeholder-slate-400 {
1698
- &::placeholder {
1699
- color: var(--color-slate-400);
1700
- }
1688
+ .placeholder-slate-400::placeholder {
1689
+ color: var(--color-slate-400);
1701
1690
  }
1702
1691
  .opacity-0 {
1703
1692
  opacity: 0%;
@@ -1921,447 +1910,219 @@
1921
1910
  -webkit-user-select: none;
1922
1911
  user-select: none;
1923
1912
  }
1924
- .group-hover\:translate-x-\[250\%\] {
1925
- &:is(:where(.group):hover *) {
1926
- @media (hover: hover) {
1927
- --tw-translate-x: 250%;
1928
- translate: var(--tw-translate-x) var(--tw-translate-y);
1929
- }
1913
+ @media (hover: hover) {
1914
+ .group-hover\:translate-x-\[250\%\]:is(:where(.group):hover *) {
1915
+ --tw-translate-x: 250%;
1916
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1930
1917
  }
1931
- }
1932
- .group-hover\:rotate-90 {
1933
- &:is(:where(.group):hover *) {
1934
- @media (hover: hover) {
1935
- rotate: 90deg;
1936
- }
1937
- }
1938
- }
1939
- .peer-checked\:bg-indigo-600 {
1940
- &:is(:where(.peer):checked ~ *) {
1941
- background-color: var(--color-indigo-600);
1918
+ .group-hover\:rotate-90:is(:where(.group):hover *) {
1919
+ rotate: 90deg;
1942
1920
  }
1943
1921
  }
1944
- .peer-focus\:outline-none {
1945
- &:is(:where(.peer):focus ~ *) {
1946
- --tw-outline-style: none;
1947
- outline-style: none;
1948
- }
1922
+ .peer-checked\:bg-indigo-600:is(:where(.peer):checked ~ *) {
1923
+ background-color: var(--color-indigo-600);
1949
1924
  }
1950
- .after\:absolute {
1951
- &::after {
1952
- content: var(--tw-content);
1953
- position: absolute;
1954
- }
1925
+ .peer-focus\:outline-none:is(:where(.peer):focus ~ *) {
1926
+ --tw-outline-style: none;
1927
+ outline-style: none;
1955
1928
  }
1956
- .after\:top-\[2px\] {
1957
- &::after {
1958
- content: var(--tw-content);
1959
- top: 2px;
1960
- }
1929
+ .after\:absolute::after {
1930
+ content: var(--tw-content);
1931
+ position: absolute;
1961
1932
  }
1962
- .after\:left-\[2px\] {
1963
- &::after {
1964
- content: var(--tw-content);
1965
- left: 2px;
1966
- }
1933
+ .after\:top-\[2px\]::after {
1934
+ content: var(--tw-content);
1935
+ top: 2px;
1967
1936
  }
1968
- .after\:h-3\.5 {
1969
- &::after {
1970
- content: var(--tw-content);
1971
- height: calc(var(--spacing) * 3.5);
1972
- }
1937
+ .after\:left-\[2px\]::after {
1938
+ content: var(--tw-content);
1939
+ left: 2px;
1973
1940
  }
1974
- .after\:w-3\.5 {
1975
- &::after {
1976
- content: var(--tw-content);
1977
- width: calc(var(--spacing) * 3.5);
1978
- }
1941
+ .after\:h-3\.5::after {
1942
+ content: var(--tw-content);
1943
+ height: calc(var(--spacing) * 3.5);
1979
1944
  }
1980
- .after\:rounded-full {
1981
- &::after {
1982
- content: var(--tw-content);
1983
- border-radius: calc(infinity * 1px);
1984
- }
1945
+ .after\:w-3\.5::after {
1946
+ content: var(--tw-content);
1947
+ width: calc(var(--spacing) * 3.5);
1985
1948
  }
1986
- .after\:border {
1987
- &::after {
1988
- content: var(--tw-content);
1989
- border-style: var(--tw-border-style);
1990
- border-width: 1px;
1991
- }
1949
+ .after\:rounded-full::after {
1950
+ content: var(--tw-content);
1951
+ border-radius: calc(infinity * 1px);
1992
1952
  }
1993
- .after\:border-slate-300 {
1994
- &::after {
1995
- content: var(--tw-content);
1996
- border-color: var(--color-slate-300);
1997
- }
1953
+ .after\:border::after {
1954
+ content: var(--tw-content);
1955
+ border-style: var(--tw-border-style);
1956
+ border-width: 1px;
1998
1957
  }
1999
- .after\:bg-white {
2000
- &::after {
2001
- content: var(--tw-content);
2002
- background-color: var(--color-white);
2003
- }
1958
+ .after\:border-slate-300::after {
1959
+ content: var(--tw-content);
1960
+ border-color: var(--color-slate-300);
2004
1961
  }
2005
- .after\:transition-all {
2006
- &::after {
2007
- content: var(--tw-content);
2008
- transition-property: all;
2009
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2010
- transition-duration: var(--tw-duration, var(--default-transition-duration));
2011
- }
1962
+ .after\:bg-white::after {
1963
+ content: var(--tw-content);
1964
+ background-color: var(--color-white);
2012
1965
  }
2013
- .after\:content-\[\'\'\] {
2014
- &::after {
2015
- --tw-content: "";
2016
- content: var(--tw-content);
2017
- }
1966
+ .after\:transition-all::after {
1967
+ content: var(--tw-content);
1968
+ transition-property: all;
1969
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1970
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2018
1971
  }
2019
- .peer-checked\:after\:translate-x-full {
2020
- &:is(:where(.peer):checked ~ *) {
2021
- &::after {
2022
- content: var(--tw-content);
2023
- --tw-translate-x: 100%;
2024
- translate: var(--tw-translate-x) var(--tw-translate-y);
2025
- }
2026
- }
1972
+ .after\:content-\[\'\'\]::after {
1973
+ --tw-content: "";
1974
+ content: var(--tw-content);
2027
1975
  }
2028
- .peer-checked\:after\:border-white {
2029
- &:is(:where(.peer):checked ~ *) {
2030
- &::after {
2031
- content: var(--tw-content);
2032
- border-color: var(--color-white);
2033
- }
2034
- }
1976
+ .peer-checked\:after\:translate-x-full:is(:where(.peer):checked ~ *)::after {
1977
+ content: var(--tw-content);
1978
+ --tw-translate-x: 100%;
1979
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2035
1980
  }
2036
- .last\:border-0 {
2037
- &:last-child {
2038
- border-style: var(--tw-border-style);
2039
- border-width: 0px;
2040
- }
1981
+ .peer-checked\:after\:border-white:is(:where(.peer):checked ~ *)::after {
1982
+ content: var(--tw-content);
1983
+ border-color: var(--color-white);
2041
1984
  }
2042
- .hover\:-translate-y-0\.5 {
2043
- &:hover {
2044
- @media (hover: hover) {
2045
- --tw-translate-y: calc(var(--spacing) * -0.5);
2046
- translate: var(--tw-translate-x) var(--tw-translate-y);
2047
- }
2048
- }
1985
+ .last\:border-0:last-child {
1986
+ border-style: var(--tw-border-style);
1987
+ border-width: 0px;
2049
1988
  }
2050
- .hover\:scale-110 {
2051
- &:hover {
2052
- @media (hover: hover) {
2053
- --tw-scale-x: 110%;
2054
- --tw-scale-y: 110%;
2055
- --tw-scale-z: 110%;
2056
- scale: var(--tw-scale-x) var(--tw-scale-y);
2057
- }
1989
+ @media (hover: hover) {
1990
+ .hover\:-translate-y-0\.5:hover {
1991
+ --tw-translate-y: calc(var(--spacing) * -0.5);
1992
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2058
1993
  }
2059
- }
2060
- .hover\:rotate-6 {
2061
- &:hover {
2062
- @media (hover: hover) {
2063
- rotate: 6deg;
2064
- }
1994
+ .hover\:scale-110:hover {
1995
+ --tw-scale-x: 110%;
1996
+ --tw-scale-y: 110%;
1997
+ --tw-scale-z: 110%;
1998
+ scale: var(--tw-scale-x) var(--tw-scale-y);
2065
1999
  }
2066
- }
2067
- .hover\:border-blue-600 {
2068
- &:hover {
2069
- @media (hover: hover) {
2070
- border-color: var(--color-blue-600);
2071
- }
2000
+ .hover\:rotate-6:hover {
2001
+ rotate: 6deg;
2072
2002
  }
2073
- }
2074
- .hover\:border-transparent {
2075
- &:hover {
2076
- @media (hover: hover) {
2077
- border-color: transparent;
2078
- }
2003
+ .hover\:border-blue-600:hover {
2004
+ border-color: var(--color-blue-600);
2079
2005
  }
2080
- }
2081
- .hover\:bg-\[\#1d4ed8\] {
2082
- &:hover {
2083
- @media (hover: hover) {
2084
- background-color: #1d4ed8;
2085
- }
2006
+ .hover\:border-transparent:hover {
2007
+ border-color: transparent;
2086
2008
  }
2087
- }
2088
- .hover\:bg-\[\#383838\] {
2089
- &:hover {
2090
- @media (hover: hover) {
2091
- background-color: #383838;
2092
- }
2009
+ .hover\:bg-\[\#1d4ed8\]:hover {
2010
+ background-color: #1d4ed8;
2093
2011
  }
2094
- }
2095
- .hover\:bg-\[\#F3F5F9\] {
2096
- &:hover {
2097
- @media (hover: hover) {
2098
- background-color: #F3F5F9;
2099
- }
2012
+ .hover\:bg-\[\#383838\]:hover {
2013
+ background-color: #383838;
2100
2014
  }
2101
- }
2102
- .hover\:bg-\[\#F6F8FC\] {
2103
- &:hover {
2104
- @media (hover: hover) {
2105
- background-color: #F6F8FC;
2106
- }
2015
+ .hover\:bg-\[\#F3F5F9\]:hover {
2016
+ background-color: #F3F5F9;
2107
2017
  }
2108
- }
2109
- .hover\:bg-\[\#F7F8FC\] {
2110
- &:hover {
2111
- @media (hover: hover) {
2112
- background-color: #F7F8FC;
2113
- }
2018
+ .hover\:bg-\[\#F6F8FC\]:hover {
2019
+ background-color: #F6F8FC;
2114
2020
  }
2115
- }
2116
- .hover\:bg-black\/\[\.04\] {
2117
- &:hover {
2118
- @media (hover: hover) {
2119
- background-color: color-mix(in srgb, #000 4%, transparent);
2120
- @supports (color: color-mix(in lab, red, red)) {
2121
- background-color: color-mix(in oklab, var(--color-black) 4%, transparent);
2122
- }
2123
- }
2021
+ .hover\:bg-\[\#F7F8FC\]:hover {
2022
+ background-color: #F7F8FC;
2124
2023
  }
2125
- }
2126
- .hover\:bg-blue-50 {
2127
- &:hover {
2128
- @media (hover: hover) {
2129
- background-color: var(--color-blue-50);
2130
- }
2024
+ .hover\:bg-black\/\[\.04\]:hover {
2025
+ background-color: color-mix(in srgb, #000 4%, transparent);
2131
2026
  }
2132
- }
2133
- .hover\:bg-blue-100 {
2134
- &:hover {
2135
- @media (hover: hover) {
2136
- background-color: var(--color-blue-100);
2027
+ @supports (color: color-mix(in lab, red, red)) {
2028
+ .hover\:bg-black\/\[\.04\]:hover {
2029
+ background-color: color-mix(in oklab, var(--color-black) 4%, transparent);
2137
2030
  }
2138
2031
  }
2139
- }
2140
- .hover\:bg-blue-200\/80 {
2141
- &:hover {
2142
- @media (hover: hover) {
2143
- background-color: color-mix(in srgb, oklch(88.2% 0.059 254.128) 80%, transparent);
2144
- @supports (color: color-mix(in lab, red, red)) {
2145
- background-color: color-mix(in oklab, var(--color-blue-200) 80%, transparent);
2146
- }
2147
- }
2032
+ .hover\:bg-blue-50:hover {
2033
+ background-color: var(--color-blue-50);
2148
2034
  }
2149
- }
2150
- .hover\:bg-blue-600 {
2151
- &:hover {
2152
- @media (hover: hover) {
2153
- background-color: var(--color-blue-600);
2154
- }
2035
+ .hover\:bg-blue-100:hover {
2036
+ background-color: var(--color-blue-100);
2155
2037
  }
2156
- }
2157
- .hover\:bg-blue-700 {
2158
- &:hover {
2159
- @media (hover: hover) {
2160
- background-color: var(--color-blue-700);
2161
- }
2038
+ .hover\:bg-blue-200\/80:hover {
2039
+ background-color: color-mix(in srgb, oklch(88.2% 0.059 254.128) 80%, transparent);
2162
2040
  }
2163
- }
2164
- .hover\:bg-gray-100 {
2165
- &:hover {
2166
- @media (hover: hover) {
2167
- background-color: var(--color-gray-100);
2041
+ @supports (color: color-mix(in lab, red, red)) {
2042
+ .hover\:bg-blue-200\/80:hover {
2043
+ background-color: color-mix(in oklab, var(--color-blue-200) 80%, transparent);
2168
2044
  }
2169
2045
  }
2170
- }
2171
- .hover\:bg-gray-200 {
2172
- &:hover {
2173
- @media (hover: hover) {
2174
- background-color: var(--color-gray-200);
2175
- }
2046
+ .hover\:bg-blue-600:hover {
2047
+ background-color: var(--color-blue-600);
2176
2048
  }
2177
- }
2178
- .hover\:bg-indigo-700 {
2179
- &:hover {
2180
- @media (hover: hover) {
2181
- background-color: var(--color-indigo-700);
2182
- }
2049
+ .hover\:bg-blue-700:hover {
2050
+ background-color: var(--color-blue-700);
2183
2051
  }
2184
- }
2185
- .hover\:bg-red-100 {
2186
- &:hover {
2187
- @media (hover: hover) {
2188
- background-color: var(--color-red-100);
2189
- }
2052
+ .hover\:bg-gray-100:hover {
2053
+ background-color: var(--color-gray-100);
2190
2054
  }
2191
- }
2192
- .hover\:bg-red-700 {
2193
- &:hover {
2194
- @media (hover: hover) {
2195
- background-color: var(--color-red-700);
2196
- }
2055
+ .hover\:bg-gray-200:hover {
2056
+ background-color: var(--color-gray-200);
2197
2057
  }
2198
- }
2199
- .hover\:bg-rose-100 {
2200
- &:hover {
2201
- @media (hover: hover) {
2202
- background-color: var(--color-rose-100);
2203
- }
2058
+ .hover\:bg-indigo-700:hover {
2059
+ background-color: var(--color-indigo-700);
2204
2060
  }
2205
- }
2206
- .hover\:bg-rose-200\/80 {
2207
- &:hover {
2208
- @media (hover: hover) {
2209
- background-color: color-mix(in srgb, oklch(89.2% 0.058 10.001) 80%, transparent);
2210
- @supports (color: color-mix(in lab, red, red)) {
2211
- background-color: color-mix(in oklab, var(--color-rose-200) 80%, transparent);
2212
- }
2213
- }
2061
+ .hover\:bg-red-100:hover {
2062
+ background-color: var(--color-red-100);
2214
2063
  }
2215
- }
2216
- .hover\:bg-rose-700 {
2217
- &:hover {
2218
- @media (hover: hover) {
2219
- background-color: var(--color-rose-700);
2220
- }
2064
+ .hover\:bg-red-700:hover {
2065
+ background-color: var(--color-red-700);
2221
2066
  }
2222
- }
2223
- .hover\:bg-slate-50 {
2224
- &:hover {
2225
- @media (hover: hover) {
2226
- background-color: var(--color-slate-50);
2227
- }
2067
+ .hover\:bg-rose-100:hover {
2068
+ background-color: var(--color-rose-100);
2228
2069
  }
2229
- }
2230
- .hover\:bg-slate-50\/50 {
2231
- &:hover {
2232
- @media (hover: hover) {
2233
- background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 50%, transparent);
2234
- @supports (color: color-mix(in lab, red, red)) {
2235
- background-color: color-mix(in oklab, var(--color-slate-50) 50%, transparent);
2236
- }
2237
- }
2070
+ .hover\:bg-rose-200\/80:hover {
2071
+ background-color: color-mix(in srgb, oklch(89.2% 0.058 10.001) 80%, transparent);
2238
2072
  }
2239
- }
2240
- .hover\:bg-slate-50\/80 {
2241
- &:hover {
2242
- @media (hover: hover) {
2243
- background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 80%, transparent);
2244
- @supports (color: color-mix(in lab, red, red)) {
2245
- background-color: color-mix(in oklab, var(--color-slate-50) 80%, transparent);
2246
- }
2247
- }
2248
- }
2249
- }
2250
- .hover\:bg-slate-100 {
2251
- &:hover {
2252
- @media (hover: hover) {
2253
- background-color: var(--color-slate-100);
2073
+ @supports (color: color-mix(in lab, red, red)) {
2074
+ .hover\:bg-rose-200\/80:hover {
2075
+ background-color: color-mix(in oklab, var(--color-rose-200) 80%, transparent);
2254
2076
  }
2255
2077
  }
2256
- }
2257
- .hover\:text-blue-600 {
2258
- &:hover {
2259
- @media (hover: hover) {
2260
- color: var(--color-blue-600);
2261
- }
2078
+ .hover\:bg-rose-700:hover {
2079
+ background-color: var(--color-rose-700);
2262
2080
  }
2263
- }
2264
- .hover\:text-gray-600 {
2265
- &:hover {
2266
- @media (hover: hover) {
2267
- color: var(--color-gray-600);
2268
- }
2081
+ .hover\:bg-slate-50:hover {
2082
+ background-color: var(--color-slate-50);
2269
2083
  }
2270
- }
2271
- .hover\:text-slate-600 {
2272
- &:hover {
2273
- @media (hover: hover) {
2274
- color: var(--color-slate-600);
2275
- }
2084
+ .hover\:bg-slate-50\/50:hover {
2085
+ background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 50%, transparent);
2276
2086
  }
2277
- }
2278
- .hover\:text-slate-700 {
2279
- &:hover {
2280
- @media (hover: hover) {
2281
- color: var(--color-slate-700);
2087
+ @supports (color: color-mix(in lab, red, red)) {
2088
+ .hover\:bg-slate-50\/50:hover {
2089
+ background-color: color-mix(in oklab, var(--color-slate-50) 50%, transparent);
2282
2090
  }
2283
2091
  }
2284
- }
2285
- .hover\:text-slate-900 {
2286
- &:hover {
2287
- @media (hover: hover) {
2288
- color: var(--color-slate-900);
2289
- }
2092
+ .hover\:bg-slate-50\/80:hover {
2093
+ background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 80%, transparent);
2290
2094
  }
2291
- }
2292
- .hover\:text-white {
2293
- &:hover {
2294
- @media (hover: hover) {
2295
- color: var(--color-white);
2095
+ @supports (color: color-mix(in lab, red, red)) {
2096
+ .hover\:bg-slate-50\/80:hover {
2097
+ background-color: color-mix(in oklab, var(--color-slate-50) 80%, transparent);
2296
2098
  }
2297
2099
  }
2298
- }
2299
- .hover\:underline {
2300
- &:hover {
2301
- @media (hover: hover) {
2302
- text-decoration-line: underline;
2303
- }
2100
+ .hover\:bg-slate-100:hover {
2101
+ background-color: var(--color-slate-100);
2304
2102
  }
2305
- }
2306
- .hover\:shadow-lg {
2307
- &:hover {
2308
- @media (hover: hover) {
2309
- --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2310
- box-shadow:
2311
- var(--tw-inset-shadow),
2312
- var(--tw-inset-ring-shadow),
2313
- var(--tw-ring-offset-shadow),
2314
- var(--tw-ring-shadow),
2315
- var(--tw-shadow);
2316
- }
2103
+ .hover\:text-blue-600:hover {
2104
+ color: var(--color-blue-600);
2317
2105
  }
2318
- }
2319
- .hover\:shadow-xl {
2320
- &:hover {
2321
- @media (hover: hover) {
2322
- --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2323
- box-shadow:
2324
- var(--tw-inset-shadow),
2325
- var(--tw-inset-ring-shadow),
2326
- var(--tw-ring-offset-shadow),
2327
- var(--tw-ring-shadow),
2328
- var(--tw-shadow);
2329
- }
2106
+ .hover\:text-gray-600:hover {
2107
+ color: var(--color-gray-600);
2330
2108
  }
2331
- }
2332
- .hover\:shadow-blue-500\/30 {
2333
- &:hover {
2334
- @media (hover: hover) {
2335
- --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
2336
- @supports (color: color-mix(in lab, red, red)) {
2337
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
2338
- }
2339
- }
2109
+ .hover\:text-slate-600:hover {
2110
+ color: var(--color-slate-600);
2340
2111
  }
2341
- }
2342
- .focus\:border-\[\#2563eb\] {
2343
- &:focus {
2344
- border-color: #2563eb;
2112
+ .hover\:text-slate-700:hover {
2113
+ color: var(--color-slate-700);
2345
2114
  }
2346
- }
2347
- .focus\:border-blue-500 {
2348
- &:focus {
2349
- border-color: var(--color-blue-500);
2115
+ .hover\:text-slate-900:hover {
2116
+ color: var(--color-slate-900);
2350
2117
  }
2351
- }
2352
- .focus\:border-indigo-500 {
2353
- &:focus {
2354
- border-color: var(--color-indigo-500);
2118
+ .hover\:text-white:hover {
2119
+ color: var(--color-white);
2355
2120
  }
2356
- }
2357
- .focus\:bg-white {
2358
- &:focus {
2359
- background-color: var(--color-white);
2121
+ .hover\:underline:hover {
2122
+ text-decoration-line: underline;
2360
2123
  }
2361
- }
2362
- .focus\:ring-1 {
2363
- &:focus {
2364
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2124
+ .hover\:shadow-lg:hover {
2125
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2365
2126
  box-shadow:
2366
2127
  var(--tw-inset-shadow),
2367
2128
  var(--tw-inset-ring-shadow),
@@ -2369,10 +2130,8 @@
2369
2130
  var(--tw-ring-shadow),
2370
2131
  var(--tw-shadow);
2371
2132
  }
2372
- }
2373
- .focus\:ring-2 {
2374
- &:focus {
2375
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2133
+ .hover\:shadow-xl:hover {
2134
+ --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2376
2135
  box-shadow:
2377
2136
  var(--tw-inset-shadow),
2378
2137
  var(--tw-inset-ring-shadow),
@@ -2380,200 +2139,185 @@
2380
2139
  var(--tw-ring-shadow),
2381
2140
  var(--tw-shadow);
2382
2141
  }
2383
- }
2384
- .focus\:ring-4 {
2385
- &:focus {
2386
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2387
- box-shadow:
2388
- var(--tw-inset-shadow),
2389
- var(--tw-inset-ring-shadow),
2390
- var(--tw-ring-offset-shadow),
2391
- var(--tw-ring-shadow),
2392
- var(--tw-shadow);
2142
+ .hover\:shadow-blue-500\/30:hover {
2143
+ --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
2393
2144
  }
2394
- }
2395
- .focus\:ring-\[\#2563eb\] {
2396
- &:focus {
2397
- --tw-ring-color: #2563eb;
2145
+ @supports (color: color-mix(in lab, red, red)) {
2146
+ .hover\:shadow-blue-500\/30:hover {
2147
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
2148
+ }
2398
2149
  }
2399
2150
  }
2400
- .focus\:ring-blue-500 {
2401
- &:focus {
2402
- --tw-ring-color: var(--color-blue-500);
2403
- }
2151
+ .focus\:border-\[\#2563eb\]:focus {
2152
+ border-color: #2563eb;
2404
2153
  }
2405
- .focus\:ring-blue-500\/10 {
2406
- &:focus {
2407
- --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
2408
- @supports (color: color-mix(in lab, red, red)) {
2409
- --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
2410
- }
2411
- }
2154
+ .focus\:border-blue-500:focus {
2155
+ border-color: var(--color-blue-500);
2412
2156
  }
2413
- .focus\:ring-blue-500\/20 {
2414
- &:focus {
2415
- --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
2416
- @supports (color: color-mix(in lab, red, red)) {
2417
- --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
2418
- }
2419
- }
2157
+ .focus\:border-indigo-500:focus {
2158
+ border-color: var(--color-indigo-500);
2420
2159
  }
2421
- .focus\:ring-gray-300 {
2422
- &:focus {
2423
- --tw-ring-color: var(--color-gray-300);
2424
- }
2160
+ .focus\:bg-white:focus {
2161
+ background-color: var(--color-white);
2425
2162
  }
2426
- .focus\:ring-indigo-500 {
2427
- &:focus {
2428
- --tw-ring-color: var(--color-indigo-500);
2429
- }
2163
+ .focus\:ring-1:focus {
2164
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2165
+ box-shadow:
2166
+ var(--tw-inset-shadow),
2167
+ var(--tw-inset-ring-shadow),
2168
+ var(--tw-ring-offset-shadow),
2169
+ var(--tw-ring-shadow),
2170
+ var(--tw-shadow);
2430
2171
  }
2431
- .focus\:ring-indigo-500\/10 {
2432
- &:focus {
2433
- --tw-ring-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent);
2434
- @supports (color: color-mix(in lab, red, red)) {
2435
- --tw-ring-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent);
2436
- }
2437
- }
2172
+ .focus\:ring-2:focus {
2173
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2174
+ box-shadow:
2175
+ var(--tw-inset-shadow),
2176
+ var(--tw-inset-ring-shadow),
2177
+ var(--tw-ring-offset-shadow),
2178
+ var(--tw-ring-shadow),
2179
+ var(--tw-shadow);
2438
2180
  }
2439
- .focus\:ring-red-500 {
2440
- &:focus {
2441
- --tw-ring-color: var(--color-red-500);
2442
- }
2181
+ .focus\:ring-4:focus {
2182
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2183
+ box-shadow:
2184
+ var(--tw-inset-shadow),
2185
+ var(--tw-inset-ring-shadow),
2186
+ var(--tw-ring-offset-shadow),
2187
+ var(--tw-ring-shadow),
2188
+ var(--tw-shadow);
2443
2189
  }
2444
- .focus\:ring-offset-2 {
2445
- &:focus {
2446
- --tw-ring-offset-width: 2px;
2447
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2448
- }
2190
+ .focus\:ring-\[\#2563eb\]:focus {
2191
+ --tw-ring-color: #2563eb;
2449
2192
  }
2450
- .focus\:outline-none {
2451
- &:focus {
2452
- --tw-outline-style: none;
2453
- outline-style: none;
2454
- }
2193
+ .focus\:ring-blue-500:focus {
2194
+ --tw-ring-color: var(--color-blue-500);
2455
2195
  }
2456
- .active\:scale-95 {
2457
- &:active {
2458
- --tw-scale-x: 95%;
2459
- --tw-scale-y: 95%;
2460
- --tw-scale-z: 95%;
2461
- scale: var(--tw-scale-x) var(--tw-scale-y);
2196
+ .focus\:ring-blue-500\/10:focus {
2197
+ --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
2198
+ @supports (color: color-mix(in lab, red, red)) {
2199
+ --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
2462
2200
  }
2463
2201
  }
2464
- .active\:bg-gray-300 {
2465
- &:active {
2466
- background-color: var(--color-gray-300);
2202
+ .focus\:ring-blue-500\/20:focus {
2203
+ --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
2204
+ @supports (color: color-mix(in lab, red, red)) {
2205
+ --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
2467
2206
  }
2468
2207
  }
2469
- .active\:bg-red-800 {
2470
- &:active {
2471
- background-color: var(--color-red-800);
2472
- }
2208
+ .focus\:ring-gray-300:focus {
2209
+ --tw-ring-color: var(--color-gray-300);
2473
2210
  }
2474
- .disabled\:opacity-40 {
2475
- &:disabled {
2476
- opacity: 40%;
2477
- }
2211
+ .focus\:ring-indigo-500:focus {
2212
+ --tw-ring-color: var(--color-indigo-500);
2478
2213
  }
2479
- .disabled\:opacity-50 {
2480
- &:disabled {
2481
- opacity: 50%;
2214
+ .focus\:ring-indigo-500\/10:focus {
2215
+ --tw-ring-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent);
2216
+ @supports (color: color-mix(in lab, red, red)) {
2217
+ --tw-ring-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent);
2482
2218
  }
2483
2219
  }
2484
- .sm\:flex-row {
2485
- @media (width >= 40rem) {
2220
+ .focus\:ring-red-500:focus {
2221
+ --tw-ring-color: var(--color-red-500);
2222
+ }
2223
+ .focus\:ring-offset-2:focus {
2224
+ --tw-ring-offset-width: 2px;
2225
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2226
+ }
2227
+ .focus\:outline-none:focus {
2228
+ --tw-outline-style: none;
2229
+ outline-style: none;
2230
+ }
2231
+ .active\:scale-95:active {
2232
+ --tw-scale-x: 95%;
2233
+ --tw-scale-y: 95%;
2234
+ --tw-scale-z: 95%;
2235
+ scale: var(--tw-scale-x) var(--tw-scale-y);
2236
+ }
2237
+ .active\:bg-gray-300:active {
2238
+ background-color: var(--color-gray-300);
2239
+ }
2240
+ .active\:bg-red-800:active {
2241
+ background-color: var(--color-red-800);
2242
+ }
2243
+ .disabled\:opacity-40:disabled {
2244
+ opacity: 40%;
2245
+ }
2246
+ .disabled\:opacity-50:disabled {
2247
+ opacity: 50%;
2248
+ }
2249
+ @media (width >= 40rem) {
2250
+ .sm\:flex-row {
2486
2251
  flex-direction: row;
2487
2252
  }
2488
- }
2489
- .sm\:items-start {
2490
- @media (width >= 40rem) {
2253
+ .sm\:items-start {
2491
2254
  align-items: flex-start;
2492
2255
  }
2493
- }
2494
- .sm\:text-left {
2495
- @media (width >= 40rem) {
2256
+ .sm\:text-left {
2496
2257
  text-align: left;
2497
2258
  }
2498
2259
  }
2499
- .md\:col-span-2 {
2500
- @media (width >= 48rem) {
2260
+ @media (width >= 48rem) {
2261
+ .md\:col-span-2 {
2501
2262
  grid-column: span 2 / span 2;
2502
2263
  }
2503
- }
2504
- .md\:w-\[158px\] {
2505
- @media (width >= 48rem) {
2264
+ .md\:w-\[158px\] {
2506
2265
  width: 158px;
2507
2266
  }
2508
- }
2509
- .md\:grid-cols-2 {
2510
- @media (width >= 48rem) {
2267
+ .md\:grid-cols-2 {
2511
2268
  grid-template-columns: repeat(2, minmax(0, 1fr));
2512
2269
  }
2513
- }
2514
- .md\:grid-cols-3 {
2515
- @media (width >= 48rem) {
2270
+ .md\:grid-cols-3 {
2516
2271
  grid-template-columns: repeat(3, minmax(0, 1fr));
2517
2272
  }
2518
- }
2519
- .md\:p-6 {
2520
- @media (width >= 48rem) {
2273
+ .md\:p-6 {
2521
2274
  padding: calc(var(--spacing) * 6);
2522
2275
  }
2523
2276
  }
2524
- .lg\:grid-cols-4 {
2525
- @media (width >= 64rem) {
2277
+ @media (width >= 64rem) {
2278
+ .lg\:grid-cols-4 {
2526
2279
  grid-template-columns: repeat(4, minmax(0, 1fr));
2527
2280
  }
2528
2281
  }
2529
- .dark\:border-white\/\[\.145\] {
2530
- @media (prefers-color-scheme: dark) {
2282
+ @media (prefers-color-scheme: dark) {
2283
+ .dark\:border-white\/\[\.145\] {
2531
2284
  border-color: color-mix(in srgb, #fff 14.499999999999998%, transparent);
2532
- @supports (color: color-mix(in lab, red, red)) {
2285
+ }
2286
+ @supports (color: color-mix(in lab, red, red)) {
2287
+ .dark\:border-white\/\[\.145\] {
2533
2288
  border-color: color-mix(in oklab, var(--color-white) 14.499999999999998%, transparent);
2534
2289
  }
2535
2290
  }
2536
- }
2537
- .dark\:bg-black {
2538
- @media (prefers-color-scheme: dark) {
2291
+ .dark\:bg-black {
2539
2292
  background-color: var(--color-black);
2540
2293
  }
2541
- }
2542
- .dark\:text-zinc-50 {
2543
- @media (prefers-color-scheme: dark) {
2294
+ .dark\:text-zinc-50 {
2544
2295
  color: var(--color-zinc-50);
2545
2296
  }
2546
- }
2547
- .dark\:text-zinc-400 {
2548
- @media (prefers-color-scheme: dark) {
2297
+ .dark\:text-zinc-400 {
2549
2298
  color: var(--color-zinc-400);
2550
2299
  }
2551
- }
2552
- .dark\:invert {
2553
- @media (prefers-color-scheme: dark) {
2300
+ .dark\:invert {
2554
2301
  --tw-invert: invert(100%);
2555
2302
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
2556
2303
  }
2557
- }
2558
- .dark\:hover\:bg-\[\#1a1a1a\] {
2559
- @media (prefers-color-scheme: dark) {
2560
- &:hover {
2561
- @media (hover: hover) {
2562
- background-color: #1a1a1a;
2563
- }
2304
+ @media (hover: hover) {
2305
+ .dark\:hover\:bg-\[\#1a1a1a\]:hover {
2306
+ background-color: #1a1a1a;
2564
2307
  }
2565
- }
2566
- }
2567
- .dark\:hover\:bg-\[\#ccc\] {
2568
- @media (prefers-color-scheme: dark) {
2569
- &:hover {
2570
- @media (hover: hover) {
2571
- background-color: #ccc;
2572
- }
2308
+ .dark\:hover\:bg-\[\#ccc\]:hover {
2309
+ background-color: #ccc;
2573
2310
  }
2574
2311
  }
2575
2312
  }
2576
2313
  }
2314
+ @layer flowcore {
2315
+ .flowcore-root {
2316
+ all: unset;
2317
+ display: block;
2318
+ box-sizing: border-box;
2319
+ }
2320
+ }
2577
2321
  @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
2578
2322
  @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
2579
2323
  @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
@@ -2713,4 +2457,4 @@
2713
2457
  }
2714
2458
  }
2715
2459
  }
2716
- /*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
2460
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
package/dist/pkg-index.js CHANGED
@@ -49,6 +49,7 @@ var pkg_index_exports = {};
49
49
  __export(pkg_index_exports, {
50
50
  ApiEndpointsProvider: () => ApiEndpointsProvider_default,
51
51
  AssignmentRulePage: () => AssignmentRulePage,
52
+ FlowcoreProvider: () => FlowcoreProvider_default,
52
53
  Layout: () => Layout_default,
53
54
  Sidebar: () => Sidebar,
54
55
  TaskPermissionPage: () => TaskPermissionPage,
@@ -5433,7 +5434,7 @@ function Sidebar({ isOpen, onToggle, childrens }) {
5433
5434
  const Icon = item.icon;
5434
5435
  const handleClick = () => {
5435
5436
  if (item.component) {
5436
- router.push("/flowCore", void 0, { shallow: true });
5437
+ router.push("/", void 0, { shallow: true });
5437
5438
  setActiveComponent(item.component);
5438
5439
  } else if (item.path) {
5439
5440
  setActiveComponent(null);
@@ -5725,10 +5726,18 @@ var Layout = ({ children }) => {
5725
5726
  ) });
5726
5727
  };
5727
5728
  var Layout_default = Layout;
5729
+
5730
+ // src/components/FlowcoreProvider.jsx
5731
+ var import_react49 = __toESM(require("react"));
5732
+ var import_jsx_runtime48 = require("react/jsx-runtime");
5733
+ var FlowcoreProvider_default = FlowcoreProvider = ({ children }) => {
5734
+ return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flowcore-root flowcore-ui", children });
5735
+ };
5728
5736
  // Annotate the CommonJS export names for ESM import in node:
5729
5737
  0 && (module.exports = {
5730
5738
  ApiEndpointsProvider,
5731
5739
  AssignmentRulePage,
5740
+ FlowcoreProvider,
5732
5741
  Layout,
5733
5742
  Sidebar,
5734
5743
  TaskPermissionPage,
package/dist/pkg-index.mjs CHANGED
@@ -5427,7 +5427,7 @@ function Sidebar({ isOpen, onToggle, childrens }) {
5427
5427
  const Icon = item.icon;
5428
5428
  const handleClick = () => {
5429
5429
  if (item.component) {
5430
- router.push("/flowCore", void 0, { shallow: true });
5430
+ router.push("/", void 0, { shallow: true });
5431
5431
  setActiveComponent(item.component);
5432
5432
  } else if (item.path) {
5433
5433
  setActiveComponent(null);
@@ -5719,9 +5719,17 @@ var Layout = ({ children }) => {
5719
5719
  ) });
5720
5720
  };
5721
5721
  var Layout_default = Layout;
5722
+
5723
+ // src/components/FlowcoreProvider.jsx
5724
+ import React46 from "react";
5725
+ import { jsx as jsx48 } from "react/jsx-runtime";
5726
+ var FlowcoreProvider_default = FlowcoreProvider = ({ children }) => {
5727
+ return /* @__PURE__ */ jsx48("div", { className: "flowcore-root flowcore-ui", children });
5728
+ };
5722
5729
  export {
5723
5730
  ApiEndpointsProvider_default as ApiEndpointsProvider,
5724
5731
  AssignmentRulePage,
5732
+ FlowcoreProvider_default as FlowcoreProvider,
5725
5733
  Layout_default as Layout,
5726
5734
  Sidebar,
5727
5735
  TaskPermissionPage,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "flowcore-fn",
3
- "version": "3.5.0",
3
+ "version": "3.9.0",
4
4
  "main": "dist/pkg-index.js",
5
5
  "module": "dist/pkg-index.mjs",
6
6
  "files": [
@@ -9,7 +9,8 @@
9
9
  "scripts": {
10
10
  "dev": "next dev",
11
11
  "build": "next build",
12
- "build:pkg": "tsup"
12
+ "build:pkg": "tsup",
13
+ "prefix": "node prefix-tailwind.js"
13
14
  },
14
15
  "peerDependencies": {
15
16
  "next": ">=14.0.0",
@@ -17,6 +18,10 @@
17
18
  "react-dom": ">=18.0.0"
18
19
  },
19
20
  "devDependencies": {
21
+ "@babel/generator": "^8.0.0",
22
+ "@babel/parser": "^8.0.4",
23
+ "@babel/traverse": "^8.0.4",
24
+ "@babel/types": "^8.0.4",
20
25
  "@tailwindcss/postcss": "^4",
21
26
  "@types/node": "^20",
22
27
  "@types/react": "^19",
@@ -24,8 +29,8 @@
24
29
  "esbuild-plugin-postcss2": "^0.1.2",
25
30
  "eslint": "^9",
26
31
  "eslint-config-next": "16.2.10",
32
+ "jscodeshift": "^17.4.0",
27
33
  "next": "^16.2.10",
28
- "postcss-prefix-selector": "^2.1.1",
29
34
  "react": "^19.2.4",
30
35
  "react-dom": "^19.2.4",
31
36
  "tailwindcss": "^4",
@@ -36,6 +41,8 @@
36
41
  "@remixicon/react": "^4.9.0",
37
42
  "axios": "^1.18.1",
38
43
  "lucide-react": "^1.24.0",
44
+ "postcss-prefix-selector": "^2.1.1",
45
+ "react-shadow": "^20.6.0",
39
46
  "remixicon-react": "^1.0.0"
40
47
  }
41
48
  }