@semantic-components/ui 0.37.0 → 0.39.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 (134) hide show
  1. package/fesm2022/semantic-components-ui.mjs +6976 -3480
  2. package/fesm2022/semantic-components-ui.mjs.map +1 -1
  3. package/index.d.ts +13 -4
  4. package/lib/components/aspect-ratio/aspect-ratio.d.ts +2 -2
  5. package/lib/components/calendar/calendar-header.d.ts +18 -0
  6. package/lib/components/calendar/calendar-utils.d.ts +6 -0
  7. package/lib/components/calendar/calendar.d.ts +37 -27
  8. package/lib/components/calendar/calendar.service.d.ts +7 -0
  9. package/lib/components/calendar/day-button.d.ts +9 -0
  10. package/lib/components/calendar/day-selector.d.ts +18 -0
  11. package/lib/components/calendar/month-selector.d.ts +15 -0
  12. package/lib/components/calendar/types.d.ts +7 -0
  13. package/lib/components/calendar/utils.d.ts +6 -0
  14. package/lib/components/calendar/year-selector.d.ts +17 -0
  15. package/lib/components/carousel/carousel-next.d.ts +6 -6
  16. package/lib/components/carousel/carousel-previous.d.ts +6 -6
  17. package/lib/components/carousel/carousel.d.ts +9 -6
  18. package/lib/components/checkbox/checkbox2.d.ts +6 -19
  19. package/lib/components/{progress → circular-progress}/circular-progress.d.ts +6 -10
  20. package/lib/components/circular-progress/index.d.ts +1 -0
  21. package/lib/components/clock-picker/clock-picker.d.ts +3 -3
  22. package/lib/components/code-highlighter/shiki.service.d.ts +4 -0
  23. package/lib/components/color-picker/color-picker.d.ts +2 -2
  24. package/lib/components/combobox/combobox.d.ts +3 -3
  25. package/lib/components/date-picker/date-picker-toggle.d.ts +10 -0
  26. package/lib/components/date-picker/date-picker.d.ts +28 -20
  27. package/lib/components/date-picker/index.d.ts +1 -0
  28. package/lib/components/date-range-picker/date-range-picker.d.ts +47 -0
  29. package/lib/components/date-range-picker/index.d.ts +1 -0
  30. package/lib/components/dual-range-slider/dual-range-slider.d.ts +15 -0
  31. package/lib/components/dual-range-slider/index.d.ts +1 -0
  32. package/lib/components/file-upload/file-upload.d.ts +28 -5
  33. package/lib/components/file-upload/index.d.ts +0 -2
  34. package/lib/components/full-calendar/full-calendar.d.ts +1 -1
  35. package/lib/components/input/input.d.ts +2 -0
  36. package/lib/components/input/plain-input.d.ts +1 -1
  37. package/lib/components/input-number/index.d.ts +3 -0
  38. package/lib/components/input-number/input-number-decrementer.d.ts +9 -0
  39. package/lib/components/input-number/input-number-incrementer.d.ts +9 -0
  40. package/lib/components/input-number/input-number.d.ts +11 -0
  41. package/lib/components/input-number-group/index.d.ts +1 -0
  42. package/lib/components/input-number-group/input-number-group.d.ts +11 -0
  43. package/lib/components/input-otp/input-otp-slot.d.ts +19 -11
  44. package/lib/components/input-otp/input-otp.d.ts +19 -21
  45. package/lib/components/input-password/input-password.d.ts +8 -8
  46. package/lib/components/multi-select/index.d.ts +1 -0
  47. package/lib/components/multi-select/multi-select.d.ts +41 -0
  48. package/lib/components/on-this-page/index.d.ts +1 -0
  49. package/lib/components/on-this-page/on-this-page.d.ts +31 -0
  50. package/lib/components/progress/index.d.ts +0 -1
  51. package/lib/components/progress/progress.d.ts +1 -3
  52. package/lib/components/range-calendar/days-selector.d.ts +19 -0
  53. package/lib/components/range-calendar/index.d.ts +1 -0
  54. package/lib/components/range-calendar/range-calendar.d.ts +41 -0
  55. package/lib/components/range-calendar/types.d.ts +5 -0
  56. package/lib/components/range-slider/index.d.ts +1 -0
  57. package/lib/components/range-slider/range-slider.d.ts +10 -0
  58. package/lib/components/rating/index.d.ts +1 -0
  59. package/lib/components/rating/rating.d.ts +23 -0
  60. package/lib/components/scroll-area/flexible-scroll-area.component.d.ts +33 -0
  61. package/lib/components/scroll-area/horizontal-scroll-area.component.d.ts +34 -0
  62. package/lib/components/scroll-area/hover-scrollbar.component.d.ts +14 -0
  63. package/lib/components/scroll-area/index.d.ts +4 -0
  64. package/lib/components/scroll-area/scroll-area.component.d.ts +24 -0
  65. package/lib/components/scroll-area/scroll-area.d.ts +4 -4
  66. package/lib/components/scroll-spy/scroll-spy.d.ts +4 -4
  67. package/lib/components/scroll-to-top/index.d.ts +2 -0
  68. package/lib/components/scroll-to-top/scroll-to-top-button.d.ts +10 -0
  69. package/lib/components/scroll-to-top/scroll-to-top-button2.d.ts +11 -0
  70. package/lib/components/scroll-to-top/scroll-to-top.d.ts +18 -0
  71. package/lib/components/select/option.d.ts +1 -2
  72. package/lib/components/sheet/sheet-close.d.ts +5 -6
  73. package/lib/components/sheet/sheet-container.d.ts +4 -4
  74. package/lib/components/sheet/sheet-trigger.d.ts +5 -5
  75. package/lib/components/sheet/sheet.d.ts +6 -7
  76. package/lib/components/sidebar/index.d.ts +1 -0
  77. package/lib/components/sidebar/sidebar-content.d.ts +7 -0
  78. package/lib/components/sidebar/sidebar-mobile.d.ts +10 -9
  79. package/lib/components/sidebar/sidebar-toggler.d.ts +7 -5
  80. package/lib/components/sidebar/sidebar.d.ts +4 -0
  81. package/lib/components/slider/slider.d.ts +2 -1
  82. package/lib/components/stepper/index.d.ts +2 -0
  83. package/lib/components/stepper/step.d.ts +9 -0
  84. package/lib/components/stepper/stepper.d.ts +11 -0
  85. package/lib/components/switch/switch.d.ts +1 -11
  86. package/lib/components/table/index.d.ts +2 -2
  87. package/lib/components/table/table-header-group.d.ts +7 -0
  88. package/lib/components/table/table-header.d.ts +1 -1
  89. package/lib/components/table-of-contents/index.d.ts +1 -0
  90. package/lib/components/table-of-contents/table-of-contents.d.ts +21 -0
  91. package/lib/components/time-picker/time-picker2.d.ts +2 -2
  92. package/lib/components/toast/index.d.ts +5 -1
  93. package/lib/components/toast/toast-action.d.ts +3 -3
  94. package/lib/components/toast/toast-close.d.ts +5 -3
  95. package/lib/components/toast/toast-container.d.ts +10 -0
  96. package/lib/components/toast/toast-content.d.ts +3 -3
  97. package/lib/components/toast/toast-description.d.ts +3 -3
  98. package/lib/components/toast/toast-id.d.ts +2 -0
  99. package/lib/components/toast/toast-title.d.ts +3 -3
  100. package/lib/components/toast/toast.d.ts +16 -5
  101. package/lib/components/toast/toast.service.d.ts +9 -0
  102. package/lib/components/toast/toaster.d.ts +23 -5
  103. package/package.json +4 -4
  104. package/styles/all-styles.css +159 -0
  105. package/styles/shiki-styles.css +1 -1
  106. package/styles/typography-styles.css +304 -0
  107. package/lib/components/calendar/month-days.d.ts +0 -19
  108. package/lib/components/calendar/month-year-header.d.ts +0 -9
  109. package/lib/components/calendar/util.d.ts +0 -5
  110. package/lib/components/chat/chat.d.ts +0 -5
  111. package/lib/components/chat/index.d.ts +0 -1
  112. package/lib/components/date-picker/date-input.d.ts +0 -9
  113. package/lib/components/file-upload/drop-zone.d.ts +0 -11
  114. package/lib/components/file-upload/file-card.d.ts +0 -12
  115. package/lib/components/file-upload/file-preview.d.ts +0 -7
  116. package/lib/components/file-upload/file-uploader.d.ts +0 -16
  117. package/lib/components/file-upload/file.d.ts +0 -4
  118. package/lib/components/file-upload/image.d.ts +0 -7
  119. package/lib/components/file-upload/single-file-uploader.d.ts +0 -18
  120. package/lib/components/file-upload/utils.d.ts +0 -4
  121. package/lib/components/input-otp/input-otp-handler.d.ts +0 -7
  122. package/lib/components/rtl/index.d.ts +0 -1
  123. package/lib/components/rtl/rtl.d.ts +0 -9
  124. package/lib/components/tab-group/index.d.ts +0 -4
  125. package/lib/components/tab-group/tab-content.d.ts +0 -7
  126. package/lib/components/tab-group/tab-group.d.ts +0 -11
  127. package/lib/components/tab-group/tab-item.d.ts +0 -5
  128. package/lib/components/tab-group/tab-label.d.ts +0 -7
  129. package/lib/components/table/table-head.d.ts +0 -7
  130. package/lib/components/tel-input/form-field-custom-control.component.d.ts +0 -9
  131. package/lib/components/tel-input/index.d.ts +0 -2
  132. package/lib/components/tel-input/tel-input.component.d.ts +0 -70
  133. package/lib/components/toast/toast-example.d.ts +0 -5
  134. package/styles/styles.css +0 -2
@@ -0,0 +1,159 @@
1
+ @import url('@fontsource/inter/index.css');
2
+ @import url('@fontsource/jetbrains-mono/index.css');
3
+
4
+ @import url('@angular/cdk/overlay-prebuilt.css');
5
+ @import './scrollbar-styles.css';
6
+ @import './shiki-styles.css';
7
+
8
+ @import 'tailwindcss';
9
+ @import 'tw-animate-css';
10
+
11
+ @plugin '@tailwindcss/typography';
12
+ @plugin 'tailwindcss-animate';
13
+
14
+ @custom-variant dark (&:where(.dark, .dark *));
15
+
16
+ @theme {
17
+ --font-sans:
18
+ Inter, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
19
+ 'Segoe UI Symbol', 'Noto Color Emoji';
20
+ --font-mono:
21
+ 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
22
+ 'Courier New', monospace;
23
+
24
+ --color-background: hsl(var(--background));
25
+ --color-foreground: hsl(var(--foreground));
26
+
27
+ --color-card: hsl(var(--card));
28
+ --color-card-foreground: hsl(var(--card-foreground));
29
+
30
+ --color-popover: hsl(var(--popover));
31
+ --color-popover-foreground: hsl(var(--popover-foreground));
32
+
33
+ --color-primary: hsl(var(--primary));
34
+ --color-primary-foreground: hsl(var(--primary-foreground));
35
+
36
+ --color-secondary: hsl(var(--secondary));
37
+ --color-secondary-foreground: hsl(var(--secondary-foreground));
38
+
39
+ --color-muted: hsl(var(--muted));
40
+ --color-muted-foreground: hsl(var(--muted-foreground));
41
+
42
+ --color-accent: hsl(var(--accent));
43
+ --color-accent-foreground: hsl(var(--accent-foreground));
44
+
45
+ --color-destructive: hsl(var(--destructive));
46
+ --color-destructive-foreground: hsl(var(--destructive-foreground));
47
+
48
+ --color-border: hsl(var(--border));
49
+ --color-input: hsl(var(--input));
50
+ --color-ring: hsl(var(--ring));
51
+ --color-radius: hsl(var(--radius));
52
+
53
+ --color-sidebar: hsl(var(--sidebar-background));
54
+ --color-sidebar-foreground: hsl(var(--sidebar-foreground));
55
+ --color-sidebar-primary: hsl(var(--sidebar-primary));
56
+ --color-sidebar-primary-foreground: hsl(var(--sidebar-primary-foreground));
57
+ --color-sidebar-accent: hsl(var(--sidebar-accent));
58
+ --color-sidebar-accent-foreground: hsl(var(--sidebar-accent-foreground));
59
+ --color-sidebar-border: hsl(var(--sidebar-border));
60
+ --color-sidebar-ring: hsl(var(--sidebar-ring));
61
+
62
+ --animate-progress: progress 1s infinite linear;
63
+
64
+ @keyframes progress {
65
+ 0% {
66
+ transform: translateX(0) scaleX(0);
67
+ }
68
+ 40% {
69
+ transform: translateX(0) scaleX(0.4);
70
+ }
71
+ 100% {
72
+ transform: translateX(100%) scaleX(0.5);
73
+ }
74
+ }
75
+ }
76
+
77
+ /*
78
+ The default border color has changed to `currentColor` in Tailwind CSS v4,
79
+ so we've added these compatibility styles to make sure everything still
80
+ looks the same as it did with Tailwind CSS v3.
81
+
82
+ If we ever want to remove these styles, we need to add an explicit border
83
+ color utility to any element that depends on these defaults.
84
+ */
85
+ @layer base {
86
+ *,
87
+ ::after,
88
+ ::before,
89
+ ::backdrop,
90
+ ::file-selector-button {
91
+ border-color: var(--color-gray-200, currentColor);
92
+ }
93
+ }
94
+
95
+ @layer base {
96
+ :root {
97
+ --background: 0 0% 100%;
98
+ --foreground: 222.2 84% 4.9%;
99
+ --card: 0 0% 100%;
100
+ --card-foreground: 222.2 84% 4.9%;
101
+ --popover: 0 0% 100%;
102
+ --popover-foreground: 222.2 84% 4.9%;
103
+ --primary: 221.2 83.2% 53.3%;
104
+ --primary-foreground: 210 40% 98%;
105
+ --secondary: 210 40% 96.1%;
106
+ --secondary-foreground: 222.2 47.4% 11.2%;
107
+ --muted: 210 40% 96.1%;
108
+ --muted-foreground: 215.4 16.3% 46.9%;
109
+ --accent: 210 40% 96.1%;
110
+ --accent-foreground: 222.2 47.4% 11.2%;
111
+ --destructive: 0 84.2% 60.2%;
112
+ --destructive-foreground: 210 40% 98%;
113
+ --border: 214.3 31.8% 91.4%;
114
+ --input: 214.3 31.8% 91.4%;
115
+ --ring: 221.2 83.2% 53.3%;
116
+ --radius: 0.5rem;
117
+ --sidebar-background: 0 0% 98%;
118
+ --sidebar-foreground: 240 5.3% 26.1%;
119
+ --sidebar-primary: 240 5.9% 10%;
120
+ --sidebar-primary-foreground: 0 0% 98%;
121
+ --sidebar-accent: 240 4.8% 95.9%;
122
+ --sidebar-accent-foreground: 240 5.9% 10%;
123
+ --sidebar-border: 220 13% 91%;
124
+ --sidebar-ring: 240 5% 64.9%;
125
+
126
+ --checkbox-checked-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-check'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
127
+ --checkbox-indeterminate-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-minus'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
128
+ }
129
+
130
+ .dark {
131
+ --background: 222.2 84% 4.9%;
132
+ --foreground: 210 40% 98%;
133
+ --card: 222.2 84% 4.9%;
134
+ --card-foreground: 210 40% 98%;
135
+ --popover: 222.2 84% 4.9%;
136
+ --popover-foreground: 210 40% 98%;
137
+ --primary: 217.2 91.2% 59.8%;
138
+ --primary-foreground: 222.2 47.4% 11.2%;
139
+ --secondary: 217.2 32.6% 17.5%;
140
+ --secondary-foreground: 210 40% 98%;
141
+ --muted: 217.2 32.6% 17.5%;
142
+ --muted-foreground: 215 20.2% 65.1%;
143
+ --accent: 217.2 32.6% 17.5%;
144
+ --accent-foreground: 210 40% 98%;
145
+ --destructive: 0 62.8% 30.6%;
146
+ --destructive-foreground: 210 40% 98%;
147
+ --border: 217.2 32.6% 17.5%;
148
+ --input: 217.2 32.6% 17.5%;
149
+ --ring: 224.3 76.3% 48%;
150
+ --sidebar-background: 240 5.9% 10%;
151
+ --sidebar-foreground: 240 4.8% 95.9%;
152
+ --sidebar-primary: 224.3 76.3% 48%;
153
+ --sidebar-primary-foreground: 0 0% 100%;
154
+ --sidebar-accent: 240 3.7% 15.9%;
155
+ --sidebar-accent-foreground: 240 4.8% 95.9%;
156
+ --sidebar-border: 240 3.7% 15.9%;
157
+ --sidebar-ring: 240 4.9% 83.9%;
158
+ }
159
+ }
@@ -1,3 +1,3 @@
1
1
  pre.shiki {
2
- @apply p-6 rounded-md overflow-auto;
2
+ @apply p-6 rounded-md overflow-auto border-1;
3
3
  }
@@ -0,0 +1,304 @@
1
+ .prose {
2
+ --prose-color: var(--color-gray-700);
3
+ --prose-heading-color: var(--color-gray-950);
4
+ --prose-strong-color: var(--color-gray-950);
5
+ --prose-link-color: var(--color-gray-950);
6
+ --prose-code-color: var(--color-gray-950);
7
+ --prose-marker-color: color-mix(in oklab, var(--color-gray-700) 25%, transparent);
8
+ --prose-link-underline-color: var(--color-sky-400);
9
+ --prose-th-borders: var(--color-gray-300);
10
+ --prose-td-borders: var(--color-gray-200);
11
+ --prose-hr-color: color-mix(in oklab, var(--color-gray-950) 5%, transparent);
12
+ --prose-blockquote-border-color: var(--color-gray-300);
13
+
14
+ &:where(.dark, .dark *) {
15
+ --prose-color: var(--color-gray-300);
16
+ --prose-heading-color: var(--color-white);
17
+ --prose-strong-color: var(--color-white);
18
+ --prose-link-color: var(--color-white);
19
+ --prose-code-color: var(--color-white);
20
+ --prose-marker-color: color-mix(in oklab, var(--color-gray-300) 35%, transparent);
21
+ --prose-link-underline-color: var(--color-sky-400);
22
+ --prose-th-borders: var(--color-gray-600);
23
+ --prose-td-borders: var(--color-gray-700);
24
+ --prose-hr-color: color-mix(in oklab, var(--color-white) 10%, transparent);
25
+ --prose-blockquote-border-color: var(--color-gray-600);
26
+ }
27
+ @media (prefers-color-scheme: dark) {
28
+ &:where(.system, .system *) {
29
+ --prose-color: var(--color-gray-300);
30
+ --prose-heading-color: var(--color-white);
31
+ --prose-strong-color: var(--color-white);
32
+ --prose-link-color: var(--color-white);
33
+ --prose-code-color: var(--color-white);
34
+ --prose-marker-color: color-mix(in oklab, var(--color-gray-300) 35%, transparent);
35
+ --prose-link-underline-color: var(--color-sky-400);
36
+ --prose-th-borders: var(--color-gray-600);
37
+ --prose-td-borders: var(--color-gray-700);
38
+ --prose-hr-color: color-mix(in oklab, var(--color-white) 10%, transparent);
39
+ --prose-blockquote-border-color: var(--color-gray-600);
40
+ }
41
+ }
42
+
43
+ color: var(--prose-color);
44
+ font-size: var(--text-sm);
45
+ line-height: 2;
46
+
47
+ *:where(:not(.not-prose, .not-prose *)) + *:where(:not(.not-prose, .not-prose *)) {
48
+ margin-top: calc(var(--spacing) * 6);
49
+ }
50
+
51
+ h2:where(:not(.not-prose, .not-prose *)) {
52
+ font-size: var(--text-lg);
53
+ line-height: calc(28 / 18);
54
+ letter-spacing: -0.025em;
55
+ color: var(--prose-code-color);
56
+ font-weight: var(--font-weight-semibold);
57
+ margin-top: calc(var(--spacing) * 20);
58
+ }
59
+
60
+ h2:has(+ h3):where(:not(.not-prose, .not-prose *)) {
61
+ font-size: var(--text-xs);
62
+ line-height: 2;
63
+ font-weight: var(--font-weight-medium);
64
+ font-family: var(--font-mono);
65
+ font-variant-ligatures: none;
66
+ letter-spacing: 0.1em;
67
+ color: var(--prose-color);
68
+ text-transform: uppercase;
69
+ }
70
+
71
+ h3:where(:not(.not-prose, .not-prose *)) {
72
+ font-size: var(--text-base);
73
+ line-height: calc(28 / 18);
74
+ color: var(--prose-heading-color);
75
+ font-weight: var(--font-weight-semibold);
76
+ margin-top: calc(var(--spacing) * 16);
77
+ }
78
+
79
+ h2 + h3:where(:not(.not-prose, .not-prose *)) {
80
+ margin-top: calc(var(--spacing) * 6);
81
+ }
82
+
83
+ h4:where(:not(.not-prose, .not-prose *)) {
84
+ font-size: var(--text-sm);
85
+ line-height: calc(28 / 14);
86
+ color: var(--prose-heading-color);
87
+ font-weight: var(--font-weight-semibold);
88
+ margin-top: calc(var(--spacing) * 12);
89
+ }
90
+
91
+ :is(h2, h3, h4):where(:not(.not-prose, .not-prose *)) {
92
+ scroll-margin-top: calc(var(--spacing) * 32);
93
+ @variant lg {
94
+ scroll-margin-top: calc(var(--spacing) * 18);
95
+ }
96
+ }
97
+
98
+ ul:where(:not(.not-prose, .not-prose *)) {
99
+ padding-left: calc(var(--spacing) * 6);
100
+ list-style-type: square;
101
+ }
102
+
103
+ ul li:where(:not(.not-prose, .not-prose *)) {
104
+ padding-left: calc(var(--spacing) * 3);
105
+ }
106
+
107
+ ul li + li:where(:not(.not-prose, .not-prose *)) {
108
+ margin-top: calc(var(--spacing) * 4);
109
+ }
110
+
111
+ ul li:where(:not(.not-prose, .not-prose *))::marker {
112
+ color: var(--prose-marker-color);
113
+ }
114
+
115
+ a:not(:where(:is(h2, h3, h4) *)):where(:not(.not-prose, .not-prose *)) {
116
+ color: var(--prose-link-color);
117
+ font-weight: var(--font-weight-semibold);
118
+ text-decoration: underline;
119
+ text-underline-offset: 3px;
120
+ text-decoration-color: var(--prose-link-underline-color);
121
+ text-decoration-thickness: 1px;
122
+ & code {
123
+ font-weight: var(--font-weight-semibold);
124
+ }
125
+ }
126
+
127
+ a:hover:where(:not(.not-prose, .not-prose *)) {
128
+ text-decoration-thickness: 2px;
129
+ }
130
+
131
+ strong:where(:not(.not-prose, .not-prose *)) {
132
+ color: var(--prose-strong-color);
133
+ font-weight: var(--font-weight-semibold);
134
+ }
135
+
136
+ code:where(:not(.not-prose, .not-prose *)) {
137
+ font-variant-ligatures: none;
138
+ font-family: var(--font-mono);
139
+ font-weight: var(--font-weight-medium);
140
+ color: var(--prose-code-color);
141
+ }
142
+
143
+ :where(h2, h3, h4) code:where(:not(.not-prose, .not-prose *)) {
144
+ font-weight: var(--font-weight-semibold);
145
+ }
146
+
147
+ code:where(:not(.not-prose, .not-prose *))::before,
148
+ code:where(:not(.not-prose, .not-prose *))::after {
149
+ display: inline;
150
+ content: '`';
151
+ }
152
+
153
+ pre:where(:not(.not-prose, .not-prose *)) {
154
+ margin-top: calc(var(--spacing) * 4);
155
+ margin-bottom: calc(var(--spacing) * 10);
156
+ }
157
+
158
+ pre code * + *:where(:not(.not-prose, .not-prose *)) {
159
+ margin-top: 0;
160
+ }
161
+
162
+ pre code:where(:not(.not-prose, .not-prose *))::before,
163
+ pre code:where(:not(.not-prose, .not-prose *))::after {
164
+ content: none;
165
+ }
166
+
167
+ pre code:where(:not(.not-prose, .not-prose *)) {
168
+ font-variant-ligatures: none;
169
+ font-family: var(--font-mono);
170
+ font-size: var(--text-sm);
171
+ line-height: 2;
172
+ }
173
+
174
+ table:where(:not(.not-prose, .not-prose *)) {
175
+ width: 100%;
176
+ table-layout: auto;
177
+ margin-top: 2em;
178
+ margin-bottom: 2em;
179
+ font-size: var(--text-sm);
180
+ line-height: 1.4;
181
+ }
182
+
183
+ thead:where(:not(.not-prose, .not-prose *)) {
184
+ border-bottom-width: 1px;
185
+ border-bottom-color: var(--prose-th-borders);
186
+ }
187
+
188
+ thead th:where(:not(.not-prose, .not-prose *)) {
189
+ color: var(--prose-heading-color);
190
+ font-weight: 600;
191
+ vertical-align: bottom;
192
+ padding-inline-end: 0.6em;
193
+ padding-bottom: 0.8em;
194
+ padding-inline-start: 0.6em;
195
+ }
196
+
197
+ thead th:first-child:where(:not(.not-prose, .not-prose *)) {
198
+ padding-inline-start: 0;
199
+ }
200
+
201
+ thead th:last-child:where(:not(.not-prose, .not-prose *)) {
202
+ padding-inline-end: 0;
203
+ }
204
+
205
+ tbody tr:where(:not(.not-prose, .not-prose *)) {
206
+ border-bottom-width: 1px;
207
+ border-bottom-color: var(--prose-td-borders);
208
+ }
209
+
210
+ tbody tr:last-child:where(:not(.not-prose, .not-prose *)) {
211
+ border-bottom-width: 0;
212
+ }
213
+
214
+ tbody td:where(:not(.not-prose, .not-prose *)) {
215
+ vertical-align: baseline;
216
+ }
217
+
218
+ tfoot:where(:not(.not-prose, .not-prose *)) {
219
+ border-top-width: 1px;
220
+ border-top-color: var(--prose-th-borders);
221
+ }
222
+
223
+ tfoot td:where(:not(.not-prose, .not-prose *)) {
224
+ vertical-align: top;
225
+ }
226
+
227
+ tbody td:where(:not(.not-prose, .not-prose *)),
228
+ tfoot td:where(:not(.not-prose, .not-prose *)) {
229
+ padding-top: 0.8em;
230
+ padding-inline-end: 0.6em;
231
+ padding-bottom: 0.8em;
232
+ padding-inline-start: 0.6em;
233
+ }
234
+
235
+ tbody td:first-child:where(:not(.not-prose, .not-prose *)),
236
+ tfoot td:first-child:where(:not(.not-prose, .not-prose *)) {
237
+ padding-inline-start: 0;
238
+ }
239
+
240
+ tbody td:last-child:where(:not(.not-prose, .not-prose *)),
241
+ tfoot td:last-child:where(:not(.not-prose, .not-prose *)) {
242
+ padding-inline-end: 0;
243
+ }
244
+
245
+ th:where(:not(.not-prose, .not-prose *)),
246
+ td:where(:not(.not-prose, .not-prose *)) {
247
+ text-align: start;
248
+ }
249
+
250
+ td code:where(:not(.not-prose, .not-prose *)) {
251
+ font-size: 0.8125rem;
252
+ }
253
+
254
+ hr:where(:not(.not-prose, .not-prose *)) {
255
+ border-color: var(--prose-hr-color);
256
+ margin-block: --spacing(16);
257
+ & + h2 {
258
+ margin-top: --spacing(16);
259
+ }
260
+ }
261
+
262
+ blockquote {
263
+ font-style: italic;
264
+ border-inline-start-width: 0.25rem;
265
+ border-inline-start-color: var(--prose-blockquote-border-color);
266
+ padding-inline-start: calc(var(--spacing) * 4);
267
+ }
268
+
269
+ blockquote p:first-of-type::before {
270
+ content: open-quote;
271
+ }
272
+
273
+ blockquote p:last-of-type::after {
274
+ content: close-quote;
275
+ }
276
+
277
+ figure:where(:not(.not-prose, .not-prose *)) {
278
+ figcaption:where(:not(.not-prose, .not-prose *)) {
279
+ margin-top: calc(var(--spacing) * 3);
280
+ text-align: center;
281
+ font-size: var(--text-sm);
282
+ line-height: var(--text-sm--line-height);
283
+ font-style: italic;
284
+ color: color-mix(in oklab, var(--prose-color) 75%, transparent);
285
+ }
286
+ }
287
+
288
+ :first-child:where(:not(.not-prose, .not-prose *)) {
289
+ margin-top: 0;
290
+ }
291
+
292
+ :last-child:where(:not(.not-prose, .not-prose *)) {
293
+ margin-bottom: 0;
294
+ }
295
+ }
296
+
297
+ .prose-blog {
298
+ img:where(:not(.not-prose, .not-prose *)) {
299
+ @media (max-width: theme(--breakpoint-sm)) {
300
+ margin-inline: calc(var(--spacing) * -4);
301
+ max-width: calc(100% + calc(var(--spacing) * 8));
302
+ }
303
+ }
304
+ }
@@ -1,19 +0,0 @@
1
- import { ElementRef } from '@angular/core';
2
- import { WeekDayName } from './util';
3
- import * as i0 from "@angular/core";
4
- export declare class ScMonthDays {
5
- class: import("@angular/core").InputSignal<string>;
6
- classes: import("@angular/core").Signal<string>;
7
- weekDaysNames: import("@angular/core").InputSignal<WeekDayName[]>;
8
- days: import("@angular/core").InputSignal<string[]>;
9
- firstDayMonth: import("@angular/core").InputSignal<number>;
10
- selectedDay: import("@angular/core").InputSignal<string>;
11
- selectedDayChange: import("@angular/core").OutputEmitterRef<string>;
12
- isSelected(day: string): boolean;
13
- setSelectedDay(event: Event): void;
14
- focusedDate: import("@angular/core").InputSignal<string>;
15
- btns: import("@angular/core").Signal<readonly ElementRef<any>[]>;
16
- constructor();
17
- static ɵfac: i0.ɵɵFactoryDeclaration<ScMonthDays, never>;
18
- static ɵcmp: i0.ɵɵComponentDeclaration<ScMonthDays, "sc-month-days", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "weekDaysNames": { "alias": "weekDaysNames"; "required": true; "isSignal": true; }; "days": { "alias": "days"; "required": true; "isSignal": true; }; "firstDayMonth": { "alias": "firstDayMonth"; "required": true; "isSignal": true; }; "selectedDay": { "alias": "selectedDay"; "required": false; "isSignal": true; }; "focusedDate": { "alias": "focusedDate"; "required": false; "isSignal": true; }; }, { "selectedDayChange": "selectedDayChange"; }, never, never, true, never>;
19
- }
@@ -1,9 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class ScMonthYearHeader {
3
- class: import("@angular/core").InputSignal<string>;
4
- classes: import("@angular/core").Signal<string>;
5
- monthYear: import("@angular/core").InputSignal<string>;
6
- monthYearChange: import("@angular/core").OutputEmitterRef<number>;
7
- static ɵfac: i0.ɵɵFactoryDeclaration<ScMonthYearHeader, never>;
8
- static ɵcmp: i0.ɵɵComponentDeclaration<ScMonthYearHeader, "sc-month-year-header", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "monthYear": { "alias": "monthYear"; "required": true; "isSignal": true; }; }, { "monthYearChange": "monthYearChange"; }, never, never, true, never>;
9
- }
@@ -1,5 +0,0 @@
1
- export interface WeekDayName {
2
- narrow: string;
3
- short: string;
4
- long: string;
5
- }
@@ -1,5 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class ScChat {
3
- static ɵfac: i0.ɵɵFactoryDeclaration<ScChat, never>;
4
- static ɵcmp: i0.ɵɵComponentDeclaration<ScChat, "sc-chat", never, {}, {}, never, never, true, never>;
5
- }
@@ -1 +0,0 @@
1
- export * from './chat';
@@ -1,9 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class ScDateInput {
3
- private readonly el;
4
- private readonly dateFormatRegExp;
5
- previousKey: string;
6
- onKeyDown(event: KeyboardEvent): void;
7
- static ɵfac: i0.ɵɵFactoryDeclaration<ScDateInput, never>;
8
- static ɵdir: i0.ɵɵDirectiveDeclaration<ScDateInput, "[scDateInput]", never, {}, {}, never, never, true, never>;
9
- }
@@ -1,11 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class ScDropZone {
3
- readonly isDragActive: import("@angular/core").WritableSignal<boolean>;
4
- readonly isDisabled: import("@angular/core").InputSignal<boolean>;
5
- readonly class: import("@angular/core").InputSignal<string>;
6
- protected readonly _class: import("@angular/core").Signal<string>;
7
- handleDragOver(event: DragEvent): void;
8
- handleDragLeave(event: DragEvent): void;
9
- static ɵfac: i0.ɵɵFactoryDeclaration<ScDropZone, never>;
10
- static ɵdir: i0.ɵɵDirectiveDeclaration<ScDropZone, "[scDropZone]", ["scDropZone"], { "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
11
- }
@@ -1,12 +0,0 @@
1
- import { ScFile } from './file';
2
- import * as i0 from "@angular/core";
3
- export declare class ScFileCard {
4
- index: import("@angular/core").InputSignal<number>;
5
- file: import("@angular/core").InputSignal<ScFile>;
6
- progress: import("@angular/core").InputSignal<number | undefined>;
7
- removed: import("@angular/core").OutputEmitterRef<number>;
8
- formatedSize: import("@angular/core").Signal<string>;
9
- remove(): void;
10
- static ɵfac: i0.ɵɵFactoryDeclaration<ScFileCard, never>;
11
- static ɵcmp: i0.ɵɵComponentDeclaration<ScFileCard, "sc-file-card", never, { "index": { "alias": "index"; "required": true; "isSignal": true; }; "file": { "alias": "file"; "required": true; "isSignal": true; }; "progress": { "alias": "progress"; "required": false; "isSignal": true; }; }, { "removed": "removed"; }, never, never, true, never>;
12
- }
@@ -1,7 +0,0 @@
1
- import { ScFile } from './file';
2
- import * as i0 from "@angular/core";
3
- export declare class ScFilePreview {
4
- file: import("@angular/core").InputSignal<ScFile>;
5
- static ɵfac: i0.ɵɵFactoryDeclaration<ScFilePreview, never>;
6
- static ɵcmp: i0.ɵɵComponentDeclaration<ScFilePreview, "sc-file-preview", never, { "file": { "alias": "file"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
7
- }
@@ -1,16 +0,0 @@
1
- import { ScFile } from './file';
2
- import * as i0 from "@angular/core";
3
- export declare class ScFileUploader {
4
- readonly class: import("@angular/core").InputSignal<string>;
5
- protected readonly _class: import("@angular/core").Signal<string>;
6
- maxSize: import("@angular/core").InputSignal<number>;
7
- maxFiles: import("@angular/core").InputSignal<number>;
8
- files: import("@angular/core").WritableSignal<ScFile[]>;
9
- multiple: import("@angular/core").Signal<boolean>;
10
- progresses: import("@angular/core").InputSignal<Record<string, number> | undefined>;
11
- uploadInfo(): string;
12
- onRemove(index: number): void;
13
- handleFileChange(event: Event): void;
14
- static ɵfac: i0.ɵɵFactoryDeclaration<ScFileUploader, never>;
15
- static ɵcmp: i0.ɵɵComponentDeclaration<ScFileUploader, "sc-file-uploader", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "maxFiles": { "alias": "maxFiles"; "required": false; "isSignal": true; }; "progresses": { "alias": "progresses"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
16
- }
@@ -1,4 +0,0 @@
1
- export interface ScFile {
2
- file: File;
3
- preview: string | ArrayBuffer | null;
4
- }
@@ -1,7 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class ScImage {
3
- readonly class: import("@angular/core").InputSignal<string>;
4
- protected readonly _class: import("@angular/core").Signal<string>;
5
- static ɵfac: i0.ɵɵFactoryDeclaration<ScImage, never>;
6
- static ɵcmp: i0.ɵɵComponentDeclaration<ScImage, "img[sc-image]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
7
- }
@@ -1,18 +0,0 @@
1
- import { DataService } from '@semantic-components/supabase';
2
- import * as i0 from "@angular/core";
3
- export declare class ScSingleFileUploader {
4
- dataService: DataService;
5
- readonly class: import("@angular/core").InputSignal<string>;
6
- protected readonly _class: import("@angular/core").Signal<string>;
7
- file: import("@angular/core").WritableSignal<File | null | undefined>;
8
- fileUrl: import("@angular/core").Signal<string | null | undefined>;
9
- status: import("@angular/core").WritableSignal<"error" | "init" | "uploading" | "success">;
10
- uploadProgress: import("@angular/core").WritableSignal<number>;
11
- maxSize: import("@angular/core").InputSignal<number>;
12
- uploadInfo(): string;
13
- handleFileChange(event: Event): void;
14
- removeFile(): void;
15
- uploadFile(): void;
16
- static ɵfac: i0.ɵɵFactoryDeclaration<ScSingleFileUploader, never>;
17
- static ɵcmp: i0.ɵɵComponentDeclaration<ScSingleFileUploader, "sc-single-file-uploader", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
18
- }
@@ -1,4 +0,0 @@
1
- export declare function formatBytes(bytes: number, opts?: {
2
- decimals?: number;
3
- sizeType?: 'accurate' | 'normal';
4
- }): string;
@@ -1,7 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class InputOtpHandler {
3
- inputIndex: import("@angular/core").WritableSignal<number>;
4
- length: import("@angular/core").WritableSignal<number>;
5
- static ɵfac: i0.ɵɵFactoryDeclaration<InputOtpHandler, never>;
6
- static ɵprov: i0.ɵɵInjectableDeclaration<InputOtpHandler>;
7
- }
@@ -1 +0,0 @@
1
- export * from './rtl';
@@ -1,9 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class ScRTL {
3
- text: import("@angular/core").WritableSignal<string>;
4
- isRTL: import("@angular/core").Signal<boolean>;
5
- text2: import("@angular/core").WritableSignal<string>;
6
- isRTL2: import("@angular/core").Signal<boolean>;
7
- static ɵfac: i0.ɵɵFactoryDeclaration<ScRTL, never>;
8
- static ɵcmp: i0.ɵɵComponentDeclaration<ScRTL, "sc-rtl", never, {}, {}, never, never, true, never>;
9
- }
@@ -1,4 +0,0 @@
1
- export * from './tab-group';
2
- export * from './tab-item';
3
- export * from './tab-label';
4
- export * from './tab-content';
@@ -1,7 +0,0 @@
1
- import { TemplateRef } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export declare class ScTabContent2 {
4
- readonly template: import("@angular/core").Signal<TemplateRef<unknown>>;
5
- static ɵfac: i0.ɵɵFactoryDeclaration<ScTabContent2, never>;
6
- static ɵcmp: i0.ɵɵComponentDeclaration<ScTabContent2, "sc-tab-content2", never, {}, {}, never, ["*"], true, never>;
7
- }
@@ -1,11 +0,0 @@
1
- import { AfterViewInit } from '@angular/core';
2
- import { ScTabContent2 } from './tab-content';
3
- import { ScTabLabel2 } from './tab-label';
4
- import * as i0 from "@angular/core";
5
- export declare class ScTabGroup implements AfterViewInit {
6
- readonly tabLabels: import("@angular/core").Signal<readonly ScTabLabel2[]>;
7
- readonly tabContents: import("@angular/core").Signal<readonly ScTabContent2[]>;
8
- ngAfterViewInit(): void;
9
- static ɵfac: i0.ɵɵFactoryDeclaration<ScTabGroup, never>;
10
- static ɵcmp: i0.ɵɵComponentDeclaration<ScTabGroup, "sc-tab-group", never, {}, {}, ["tabLabels", "tabContents"], ["*"], true, never>;
11
- }