@auronui/styles 1.2.1 → 1.3.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 (89) hide show
  1. package/components/context-menu.css +44 -0
  2. package/components/editable.css +136 -0
  3. package/components/hover-card.css +68 -0
  4. package/components/index.css +8 -0
  5. package/components/input.css +53 -10
  6. package/components/menubar.css +80 -0
  7. package/components/modal.css +4 -12
  8. package/components/month-range-picker.css +154 -0
  9. package/components/navigation-menu.css +144 -0
  10. package/components/time-range-field.css +543 -0
  11. package/components/year-range-picker.css +155 -0
  12. package/dist/components/context-menu/context-menu.styles.d.ts +40 -0
  13. package/dist/components/context-menu/context-menu.styles.d.ts.map +1 -0
  14. package/dist/components/context-menu/context-menu.styles.js +11 -0
  15. package/dist/components/context-menu/context-menu.styles.js.map +1 -0
  16. package/dist/components/context-menu/index.d.ts +2 -0
  17. package/dist/components/context-menu/index.d.ts.map +1 -0
  18. package/dist/components/context-menu/index.js +2 -0
  19. package/dist/components/dropdown/dropdown.styles.d.ts +3 -3
  20. package/dist/components/editable/editable.styles.d.ts +85 -0
  21. package/dist/components/editable/editable.styles.d.ts.map +1 -0
  22. package/dist/components/editable/editable.styles.js +15 -0
  23. package/dist/components/editable/editable.styles.js.map +1 -0
  24. package/dist/components/editable/index.d.ts +2 -0
  25. package/dist/components/editable/index.d.ts.map +1 -0
  26. package/dist/components/editable/index.js +2 -0
  27. package/dist/components/hover-card/hover-card.styles.d.ts +34 -0
  28. package/dist/components/hover-card/hover-card.styles.d.ts.map +1 -0
  29. package/dist/components/hover-card/hover-card.styles.js +10 -0
  30. package/dist/components/hover-card/hover-card.styles.js.map +1 -0
  31. package/dist/components/hover-card/index.d.ts +2 -0
  32. package/dist/components/hover-card/index.d.ts.map +1 -0
  33. package/dist/components/hover-card/index.js +2 -0
  34. package/dist/components/index.d.ts +8 -0
  35. package/dist/components/index.d.ts.map +1 -1
  36. package/dist/components/menubar/index.d.ts +2 -0
  37. package/dist/components/menubar/index.d.ts.map +1 -0
  38. package/dist/components/menubar/index.js +2 -0
  39. package/dist/components/menubar/menubar.styles.d.ts +40 -0
  40. package/dist/components/menubar/menubar.styles.d.ts.map +1 -0
  41. package/dist/components/menubar/menubar.styles.js +11 -0
  42. package/dist/components/menubar/menubar.styles.js.map +1 -0
  43. package/dist/components/month-range-picker/index.d.ts +2 -0
  44. package/dist/components/month-range-picker/index.d.ts.map +1 -0
  45. package/dist/components/month-range-picker/index.js +2 -0
  46. package/dist/components/month-range-picker/month-range-picker.styles.d.ts +61 -0
  47. package/dist/components/month-range-picker/month-range-picker.styles.d.ts.map +1 -0
  48. package/dist/components/month-range-picker/month-range-picker.styles.js +21 -0
  49. package/dist/components/month-range-picker/month-range-picker.styles.js.map +1 -0
  50. package/dist/components/navigation-menu/index.d.ts +2 -0
  51. package/dist/components/navigation-menu/index.d.ts.map +1 -0
  52. package/dist/components/navigation-menu/index.js +2 -0
  53. package/dist/components/navigation-menu/navigation-menu.styles.d.ts +76 -0
  54. package/dist/components/navigation-menu/navigation-menu.styles.d.ts.map +1 -0
  55. package/dist/components/navigation-menu/navigation-menu.styles.js +17 -0
  56. package/dist/components/navigation-menu/navigation-menu.styles.js.map +1 -0
  57. package/dist/components/time-range-field/index.d.ts +2 -0
  58. package/dist/components/time-range-field/index.d.ts.map +1 -0
  59. package/dist/components/time-range-field/index.js +2 -0
  60. package/dist/components/time-range-field/time-range-field.styles.d.ts +310 -0
  61. package/dist/components/time-range-field/time-range-field.styles.d.ts.map +1 -0
  62. package/dist/components/time-range-field/time-range-field.styles.js +94 -0
  63. package/dist/components/time-range-field/time-range-field.styles.js.map +1 -0
  64. package/dist/components/year-range-picker/index.d.ts +2 -0
  65. package/dist/components/year-range-picker/index.d.ts.map +1 -0
  66. package/dist/components/year-range-picker/index.js +2 -0
  67. package/dist/components/year-range-picker/year-range-picker.styles.d.ts +61 -0
  68. package/dist/components/year-range-picker/year-range-picker.styles.d.ts.map +1 -0
  69. package/dist/components/year-range-picker/year-range-picker.styles.js +21 -0
  70. package/dist/components/year-range-picker/year-range-picker.styles.js.map +1 -0
  71. package/dist/index.js +9 -1
  72. package/package.json +33 -1
  73. package/src/components/context-menu/context-menu.styles.ts +13 -0
  74. package/src/components/context-menu/index.ts +1 -0
  75. package/src/components/editable/editable.styles.ts +24 -0
  76. package/src/components/editable/index.ts +1 -0
  77. package/src/components/hover-card/hover-card.styles.ts +12 -0
  78. package/src/components/hover-card/index.ts +1 -0
  79. package/src/components/index.ts +8 -0
  80. package/src/components/menubar/index.ts +1 -0
  81. package/src/components/menubar/menubar.styles.ts +13 -0
  82. package/src/components/month-range-picker/index.ts +1 -0
  83. package/src/components/month-range-picker/month-range-picker.styles.ts +30 -0
  84. package/src/components/navigation-menu/index.ts +1 -0
  85. package/src/components/navigation-menu/navigation-menu.styles.ts +19 -0
  86. package/src/components/time-range-field/index.ts +1 -0
  87. package/src/components/time-range-field/time-range-field.styles.ts +87 -0
  88. package/src/components/year-range-picker/index.ts +1 -0
  89. package/src/components/year-range-picker/year-range-picker.styles.ts +30 -0
@@ -0,0 +1,155 @@
1
+ /* =============================================================================
2
+ * YearRangePicker Component Styles
3
+ *
4
+ * A single 3x4 year grid for contiguous year-range selection.
5
+ * Density, typography, and cell layout mirror `.calendar__year-cell`
6
+ * (Calendar's year drill-up view, also shared by CalendarYearPicker) so this
7
+ * looks visually consistent outside of range-specific track/cap styling,
8
+ * which is adapted from `.range-calendar__cell`'s day-range treatment
9
+ * (simplified: year cells are single self-contained elements, not a
10
+ * <td>-wrapped circle, so no `:has()` targeting or row-wraparound
11
+ * corner-smoothing is needed). The aspect-[7/6] grid-box ratio matches
12
+ * `.calendar__year-grid` (calendar.css), confirming this is this codebase's
13
+ * deliberate convention for 3x4 picker grids, not an inherited mistake.
14
+ * ============================================================================= */
15
+
16
+ .year-range-picker {
17
+ @apply w-64 max-w-full text-xs;
18
+
19
+ container-type: inline-size;
20
+ }
21
+
22
+ /* -----------------------------------------------------------------------------
23
+ * Header
24
+ * -------------------------------------------------------------------------- */
25
+ .year-range-picker__header {
26
+ @apply flex items-center justify-between px-0.5 pb-1;
27
+ }
28
+
29
+ .year-range-picker__heading {
30
+ @apply flex flex-1 items-center justify-center text-center text-xs font-medium;
31
+ }
32
+
33
+ .year-range-picker__nav-button {
34
+ @apply flex size-6 items-center justify-center rounded-full text-accent;
35
+
36
+ will-change: scale;
37
+ transition:
38
+ transform 300ms var(--ease-out),
39
+ background-color 300ms var(--ease-out),
40
+ box-shadow 300ms var(--ease-out),
41
+ opacity 300ms var(--ease-out);
42
+ @apply transform-gpu motion-reduce:transition-none;
43
+
44
+ cursor: var(--cursor-interactive);
45
+
46
+ @media (hover: hover) {
47
+ &:hover,
48
+ &[data-hovered="true"] {
49
+ @apply bg-default text-accent;
50
+ }
51
+ }
52
+
53
+ &:active,
54
+ &[data-pressed="true"] {
55
+ transform: scale(0.95);
56
+ }
57
+
58
+ &:focus-visible,
59
+ &[data-focus-visible="true"] {
60
+ @apply status-focused;
61
+ }
62
+
63
+ &:disabled,
64
+ &[data-disabled] {
65
+ @apply status-disabled;
66
+ }
67
+ }
68
+
69
+ .year-range-picker__nav-button-icon {
70
+ @apply size-3.5;
71
+ }
72
+
73
+ /* -----------------------------------------------------------------------------
74
+ * Grid
75
+ * -------------------------------------------------------------------------- */
76
+ .year-range-picker__grid {
77
+ display: grid;
78
+ grid-template-columns: repeat(3, 1fr);
79
+ grid-template-rows: repeat(4, 1fr);
80
+ border-collapse: collapse;
81
+ @apply aspect-[7/6] w-full;
82
+ }
83
+
84
+ .year-range-picker__grid-body {
85
+ display: contents;
86
+
87
+ & > tr {
88
+ display: contents;
89
+ place-items: center;
90
+
91
+ & > td {
92
+ display: flex;
93
+ align-items: center;
94
+ justify-content: center;
95
+ padding: 0.5rem;
96
+ }
97
+ }
98
+ }
99
+
100
+ .year-range-picker__grid-row {
101
+ display: contents;
102
+ }
103
+
104
+ /* -----------------------------------------------------------------------------
105
+ * Cell
106
+ * -------------------------------------------------------------------------- */
107
+ .year-range-picker__cell {
108
+ @apply relative m-0.5 flex size-auto items-center justify-center rounded-lg text-center text-xs font-medium outline-none no-highlight;
109
+ will-change: scale;
110
+ transition:
111
+ transform 300ms var(--ease-out),
112
+ box-shadow 300ms var(--ease-out),
113
+ background-color 300ms var(--ease-out);
114
+ @apply transform-gpu motion-reduce:transition-none;
115
+ cursor: var(--cursor-interactive);
116
+
117
+ @media (hover: hover) {
118
+ &:hover:not([data-selected]),
119
+ &[data-hovered="true"]:not([data-selected]) {
120
+ @apply bg-default;
121
+ }
122
+ }
123
+
124
+ &:active,
125
+ &[data-pressed="true"] {
126
+ transform: scale(0.95);
127
+ }
128
+
129
+ &:focus-visible,
130
+ &[data-focus-visible="true"] {
131
+ @apply status-focused;
132
+ }
133
+
134
+ /* Range track (middle segment) — any year within the range, including caps */
135
+ &[data-selected] {
136
+ @apply rounded-none bg-accent-soft;
137
+ }
138
+
139
+ /* Range caps (start/end) — solid accent fill, rounded */
140
+ &[data-selection-start],
141
+ &[data-selection-end] {
142
+ @apply rounded-lg bg-accent text-accent-foreground;
143
+ }
144
+
145
+ &:disabled,
146
+ &[data-disabled] {
147
+ @apply status-disabled;
148
+
149
+ text-decoration: line-through;
150
+ }
151
+
152
+ &[data-unavailable] {
153
+ @apply status-disabled;
154
+ }
155
+ }
@@ -0,0 +1,40 @@
1
+ import { VariantProps } from '../../utils';
2
+ export declare const contextMenuVariants: import('tailwind-variants').TVReturnType<{
3
+ [key: string]: {
4
+ [key: string]: import('tailwind-variants').ClassValue | {
5
+ trigger?: import('tailwind-variants').ClassValue;
6
+ popover?: import('tailwind-variants').ClassValue;
7
+ root?: import('tailwind-variants').ClassValue;
8
+ };
9
+ };
10
+ } | {
11
+ [x: string]: {
12
+ [x: string]: import('tailwind-variants').ClassValue | {
13
+ trigger?: import('tailwind-variants').ClassValue;
14
+ popover?: import('tailwind-variants').ClassValue;
15
+ root?: import('tailwind-variants').ClassValue;
16
+ };
17
+ };
18
+ } | {}, {
19
+ root: string;
20
+ trigger: string;
21
+ popover: string;
22
+ }, undefined, {
23
+ [key: string]: {
24
+ [key: string]: import('tailwind-variants').ClassValue | {
25
+ trigger?: import('tailwind-variants').ClassValue;
26
+ popover?: import('tailwind-variants').ClassValue;
27
+ root?: import('tailwind-variants').ClassValue;
28
+ };
29
+ };
30
+ } | {}, {
31
+ root: string;
32
+ trigger: string;
33
+ popover: string;
34
+ }, import('tailwind-variants').TVReturnType<unknown, {
35
+ root: string;
36
+ trigger: string;
37
+ popover: string;
38
+ }, undefined, unknown, unknown, undefined>>;
39
+ export type ContextMenuVariants = VariantProps<typeof contextMenuVariants>;
40
+ //# sourceMappingURL=context-menu.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"context-menu.styles.d.ts","sourceRoot":"","sources":["../../../src/components/context-menu/context-menu.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,aAAa,CAAC;AAI9C,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAM9B,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}
@@ -0,0 +1,11 @@
1
+ import { tv } from "tailwind-variants";
2
+ //#region src/components/context-menu/context-menu.styles.ts
3
+ var contextMenuVariants = tv({ slots: {
4
+ root: "context-menu",
5
+ trigger: "context-menu__trigger",
6
+ popover: "context-menu__popover"
7
+ } });
8
+ //#endregion
9
+ export { contextMenuVariants };
10
+
11
+ //# sourceMappingURL=context-menu.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"context-menu.styles.js","names":[],"sources":["../../../src/components/context-menu/context-menu.styles.ts"],"sourcesContent":["import type {VariantProps} from \"../../utils\";\n\nimport {tv} from \"tailwind-variants\";\n\nexport const contextMenuVariants = tv({\n slots: {\n root: \"context-menu\",\n trigger: \"context-menu__trigger\",\n popover: \"context-menu__popover\",\n },\n});\n\nexport type ContextMenuVariants = VariantProps<typeof contextMenuVariants>;\n"],"mappings":";;AAIA,IAAa,sBAAsB,GAAG,EACpC,OAAO;CACL,MAAM;CACN,SAAS;CACT,SAAS;CACV,EACF,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './context-menu.styles';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/context-menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}
@@ -0,0 +1,2 @@
1
+ import { contextMenuVariants } from "./context-menu.styles.js";
2
+ export { contextMenuVariants };
@@ -4,8 +4,8 @@ export declare const dropdownVariants: import('tailwind-variants').TVReturnType<
4
4
  [key: string]: import('tailwind-variants').ClassValue | {
5
5
  trigger?: import('tailwind-variants').ClassValue;
6
6
  popover?: import('tailwind-variants').ClassValue;
7
- menu?: import('tailwind-variants').ClassValue;
8
7
  root?: import('tailwind-variants').ClassValue;
8
+ menu?: import('tailwind-variants').ClassValue;
9
9
  };
10
10
  };
11
11
  } | {
@@ -13,8 +13,8 @@ export declare const dropdownVariants: import('tailwind-variants').TVReturnType<
13
13
  [x: string]: import('tailwind-variants').ClassValue | {
14
14
  trigger?: import('tailwind-variants').ClassValue;
15
15
  popover?: import('tailwind-variants').ClassValue;
16
- menu?: import('tailwind-variants').ClassValue;
17
16
  root?: import('tailwind-variants').ClassValue;
17
+ menu?: import('tailwind-variants').ClassValue;
18
18
  };
19
19
  };
20
20
  } | {}, {
@@ -27,8 +27,8 @@ export declare const dropdownVariants: import('tailwind-variants').TVReturnType<
27
27
  [key: string]: import('tailwind-variants').ClassValue | {
28
28
  trigger?: import('tailwind-variants').ClassValue;
29
29
  popover?: import('tailwind-variants').ClassValue;
30
- menu?: import('tailwind-variants').ClassValue;
31
30
  root?: import('tailwind-variants').ClassValue;
31
+ menu?: import('tailwind-variants').ClassValue;
32
32
  };
33
33
  };
34
34
  } | {}, {
@@ -0,0 +1,85 @@
1
+ import { VariantProps } from '../../utils';
2
+ export declare const editableVariants: import('tailwind-variants').TVReturnType<{
3
+ [key: string]: {
4
+ [key: string]: import('tailwind-variants').ClassValue | {
5
+ base?: import('tailwind-variants').ClassValue;
6
+ input?: import('tailwind-variants').ClassValue;
7
+ area?: import('tailwind-variants').ClassValue;
8
+ preview?: import('tailwind-variants').ClassValue;
9
+ editTrigger?: import('tailwind-variants').ClassValue;
10
+ submitTrigger?: import('tailwind-variants').ClassValue;
11
+ cancelTrigger?: import('tailwind-variants').ClassValue;
12
+ };
13
+ };
14
+ } | {
15
+ [x: string]: {
16
+ [x: string]: import('tailwind-variants').ClassValue | {
17
+ base?: import('tailwind-variants').ClassValue;
18
+ input?: import('tailwind-variants').ClassValue;
19
+ area?: import('tailwind-variants').ClassValue;
20
+ preview?: import('tailwind-variants').ClassValue;
21
+ editTrigger?: import('tailwind-variants').ClassValue;
22
+ submitTrigger?: import('tailwind-variants').ClassValue;
23
+ cancelTrigger?: import('tailwind-variants').ClassValue;
24
+ };
25
+ };
26
+ } | {}, {
27
+ /** Root container */
28
+ base: string;
29
+ /** Area wrapping both preview and input */
30
+ area: string;
31
+ /** Read-only text display */
32
+ preview: string;
33
+ /** Editable text input */
34
+ input: string;
35
+ /** Edit (pencil) trigger button */
36
+ editTrigger: string;
37
+ /** Submit (checkmark) trigger button */
38
+ submitTrigger: string;
39
+ /** Cancel (×) trigger button */
40
+ cancelTrigger: string;
41
+ }, undefined, {
42
+ [key: string]: {
43
+ [key: string]: import('tailwind-variants').ClassValue | {
44
+ base?: import('tailwind-variants').ClassValue;
45
+ input?: import('tailwind-variants').ClassValue;
46
+ area?: import('tailwind-variants').ClassValue;
47
+ preview?: import('tailwind-variants').ClassValue;
48
+ editTrigger?: import('tailwind-variants').ClassValue;
49
+ submitTrigger?: import('tailwind-variants').ClassValue;
50
+ cancelTrigger?: import('tailwind-variants').ClassValue;
51
+ };
52
+ };
53
+ } | {}, {
54
+ /** Root container */
55
+ base: string;
56
+ /** Area wrapping both preview and input */
57
+ area: string;
58
+ /** Read-only text display */
59
+ preview: string;
60
+ /** Editable text input */
61
+ input: string;
62
+ /** Edit (pencil) trigger button */
63
+ editTrigger: string;
64
+ /** Submit (checkmark) trigger button */
65
+ submitTrigger: string;
66
+ /** Cancel (×) trigger button */
67
+ cancelTrigger: string;
68
+ }, import('tailwind-variants').TVReturnType<unknown, {
69
+ /** Root container */
70
+ base: string;
71
+ /** Area wrapping both preview and input */
72
+ area: string;
73
+ /** Read-only text display */
74
+ preview: string;
75
+ /** Editable text input */
76
+ input: string;
77
+ /** Edit (pencil) trigger button */
78
+ editTrigger: string;
79
+ /** Submit (checkmark) trigger button */
80
+ submitTrigger: string;
81
+ /** Cancel (×) trigger button */
82
+ cancelTrigger: string;
83
+ }, undefined, unknown, unknown, undefined>>;
84
+ export type EditableVariants = VariantProps<typeof editableVariants>;
85
+ //# sourceMappingURL=editable.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"editable.styles.d.ts","sourceRoot":"","sources":["../../../src/components/editable/editable.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,aAAa,CAAC;AAI9C,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;IAEzB,qBAAqB;;IAErB,2CAA2C;;IAE3C,6BAA6B;;IAE7B,0BAA0B;;IAE1B,mCAAmC;;IAEnC,wCAAwC;;IAExC,gCAAgC;;;;;;;;;;;;;;;IAZhC,qBAAqB;;IAErB,2CAA2C;;IAE3C,6BAA6B;;IAE7B,0BAA0B;;IAE1B,mCAAmC;;IAEnC,wCAAwC;;IAExC,gCAAgC;;;IAZhC,qBAAqB;;IAErB,2CAA2C;;IAE3C,6BAA6B;;IAE7B,0BAA0B;;IAE1B,mCAAmC;;IAEnC,wCAAwC;;IAExC,gCAAgC;;2CAGlC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC"}
@@ -0,0 +1,15 @@
1
+ import { tv } from "tailwind-variants";
2
+ //#region src/components/editable/editable.styles.ts
3
+ var editableVariants = tv({ slots: {
4
+ base: "editable",
5
+ area: "editable__area",
6
+ preview: "editable__preview",
7
+ input: "editable__input",
8
+ editTrigger: "editable__edit-trigger",
9
+ submitTrigger: "editable__submit-trigger",
10
+ cancelTrigger: "editable__cancel-trigger"
11
+ } });
12
+ //#endregion
13
+ export { editableVariants };
14
+
15
+ //# sourceMappingURL=editable.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"editable.styles.js","names":[],"sources":["../../../src/components/editable/editable.styles.ts"],"sourcesContent":["import type {VariantProps} from \"../../utils\";\n\nimport {tv} from \"tailwind-variants\";\n\nexport const editableVariants = tv({\n slots: {\n /** Root container */\n base: \"editable\",\n /** Area wrapping both preview and input */\n area: \"editable__area\",\n /** Read-only text display */\n preview: \"editable__preview\",\n /** Editable text input */\n input: \"editable__input\",\n /** Edit (pencil) trigger button */\n editTrigger: \"editable__edit-trigger\",\n /** Submit (checkmark) trigger button */\n submitTrigger: \"editable__submit-trigger\",\n /** Cancel (×) trigger button */\n cancelTrigger: \"editable__cancel-trigger\",\n },\n});\n\nexport type EditableVariants = VariantProps<typeof editableVariants>;\n"],"mappings":";;AAIA,IAAa,mBAAmB,GAAG,EACjC,OAAO;CAEL,MAAM;CAEN,MAAM;CAEN,SAAS;CAET,OAAO;CAEP,aAAa;CAEb,eAAe;CAEf,eAAe;CAChB,EACF,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './editable.styles';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/editable/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}
@@ -0,0 +1,2 @@
1
+ import { editableVariants } from "./editable.styles.js";
2
+ export { editableVariants };
@@ -0,0 +1,34 @@
1
+ import { VariantProps } from '../../utils';
2
+ export declare const hoverCardVariants: import('tailwind-variants').TVReturnType<{
3
+ [key: string]: {
4
+ [key: string]: import('tailwind-variants').ClassValue | {
5
+ base?: import('tailwind-variants').ClassValue;
6
+ trigger?: import('tailwind-variants').ClassValue;
7
+ };
8
+ };
9
+ } | {
10
+ [x: string]: {
11
+ [x: string]: import('tailwind-variants').ClassValue | {
12
+ base?: import('tailwind-variants').ClassValue;
13
+ trigger?: import('tailwind-variants').ClassValue;
14
+ };
15
+ };
16
+ } | {}, {
17
+ base: string;
18
+ trigger: string;
19
+ }, undefined, {
20
+ [key: string]: {
21
+ [key: string]: import('tailwind-variants').ClassValue | {
22
+ base?: import('tailwind-variants').ClassValue;
23
+ trigger?: import('tailwind-variants').ClassValue;
24
+ };
25
+ };
26
+ } | {}, {
27
+ base: string;
28
+ trigger: string;
29
+ }, import('tailwind-variants').TVReturnType<unknown, {
30
+ base: string;
31
+ trigger: string;
32
+ }, undefined, unknown, unknown, undefined>>;
33
+ export type HoverCardVariants = VariantProps<typeof hoverCardVariants>;
34
+ //# sourceMappingURL=hover-card.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"hover-card.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hover-card/hover-card.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,aAAa,CAAC;AAI9C,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAK5B,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC"}
@@ -0,0 +1,10 @@
1
+ import { tv } from "tailwind-variants";
2
+ //#region src/components/hover-card/hover-card.styles.ts
3
+ var hoverCardVariants = tv({ slots: {
4
+ base: "hover-card",
5
+ trigger: "hover-card__trigger"
6
+ } });
7
+ //#endregion
8
+ export { hoverCardVariants };
9
+
10
+ //# sourceMappingURL=hover-card.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"hover-card.styles.js","names":[],"sources":["../../../src/components/hover-card/hover-card.styles.ts"],"sourcesContent":["import type {VariantProps} from \"../../utils\";\n\nimport {tv} from \"tailwind-variants\";\n\nexport const hoverCardVariants = tv({\n slots: {\n base: \"hover-card\",\n trigger: \"hover-card__trigger\",\n },\n});\n\nexport type HoverCardVariants = VariantProps<typeof hoverCardVariants>;\n"],"mappings":";;AAIA,IAAa,oBAAoB,GAAG,EAClC,OAAO;CACL,MAAM;CACN,SAAS;CACV,EACF,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './hover-card.styles';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/hover-card/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}
@@ -0,0 +1,2 @@
1
+ import { hoverCardVariants } from "./hover-card.styles.js";
2
+ export { hoverCardVariants };
@@ -9,6 +9,8 @@ export * from './button';
9
9
  export * from './button-group';
10
10
  export * from './calendar';
11
11
  export * from './calendar-year-picker';
12
+ export * from './month-range-picker';
13
+ export * from './year-range-picker';
12
14
  export * from './range-calendar';
13
15
  export * from './card';
14
16
  export * from './checkbox';
@@ -23,6 +25,9 @@ export * from './color-swatch';
23
25
  export * from './close-button';
24
26
  export * from './color-swatch-picker';
25
27
  export * from './combo-box';
28
+ export * from './context-menu';
29
+ export * from './menubar';
30
+ export * from './navigation-menu';
26
31
  export * from './date-input';
27
32
  export * from './date-picker';
28
33
  export * from './date-range-field';
@@ -33,10 +38,12 @@ export * from './drawer';
33
38
  export * from './collapsible';
34
39
  export * from './collapsible-group';
35
40
  export * from './dropdown';
41
+ export * from './editable';
36
42
  export * from './empty-state';
37
43
  export * from './error-message';
38
44
  export * from './fieldset';
39
45
  export * from './header';
46
+ export * from './hover-card';
40
47
  export * from './input';
41
48
  export * from './input-otp';
42
49
  export * from './kbd';
@@ -71,6 +78,7 @@ export * from './tabs';
71
78
  export * from './text';
72
79
  export * from './textarea';
73
80
  export * from './time-field';
81
+ export * from './time-range-field';
74
82
  export * from './toast';
75
83
  export * from './toggle-button';
76
84
  export * from './toggle-button-group';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './menubar.styles';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/menubar/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}
@@ -0,0 +1,2 @@
1
+ import { menubarVariants } from "./menubar.styles.js";
2
+ export { menubarVariants };
@@ -0,0 +1,40 @@
1
+ import { VariantProps } from '../../utils';
2
+ export declare const menubarVariants: import('tailwind-variants').TVReturnType<{
3
+ [key: string]: {
4
+ [key: string]: import('tailwind-variants').ClassValue | {
5
+ trigger?: import('tailwind-variants').ClassValue;
6
+ popover?: import('tailwind-variants').ClassValue;
7
+ root?: import('tailwind-variants').ClassValue;
8
+ };
9
+ };
10
+ } | {
11
+ [x: string]: {
12
+ [x: string]: import('tailwind-variants').ClassValue | {
13
+ trigger?: import('tailwind-variants').ClassValue;
14
+ popover?: import('tailwind-variants').ClassValue;
15
+ root?: import('tailwind-variants').ClassValue;
16
+ };
17
+ };
18
+ } | {}, {
19
+ root: string;
20
+ trigger: string;
21
+ popover: string;
22
+ }, undefined, {
23
+ [key: string]: {
24
+ [key: string]: import('tailwind-variants').ClassValue | {
25
+ trigger?: import('tailwind-variants').ClassValue;
26
+ popover?: import('tailwind-variants').ClassValue;
27
+ root?: import('tailwind-variants').ClassValue;
28
+ };
29
+ };
30
+ } | {}, {
31
+ root: string;
32
+ trigger: string;
33
+ popover: string;
34
+ }, import('tailwind-variants').TVReturnType<unknown, {
35
+ root: string;
36
+ trigger: string;
37
+ popover: string;
38
+ }, undefined, unknown, unknown, undefined>>;
39
+ export type MenubarVariants = VariantProps<typeof menubarVariants>;
40
+ //# sourceMappingURL=menubar.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"menubar.styles.d.ts","sourceRoot":"","sources":["../../../src/components/menubar/menubar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,aAAa,CAAC;AAI9C,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAM1B,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC"}
@@ -0,0 +1,11 @@
1
+ import { tv } from "tailwind-variants";
2
+ //#region src/components/menubar/menubar.styles.ts
3
+ var menubarVariants = tv({ slots: {
4
+ root: "menubar",
5
+ trigger: "menubar__trigger",
6
+ popover: "menubar__popover"
7
+ } });
8
+ //#endregion
9
+ export { menubarVariants };
10
+
11
+ //# sourceMappingURL=menubar.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"menubar.styles.js","names":[],"sources":["../../../src/components/menubar/menubar.styles.ts"],"sourcesContent":["import type {VariantProps} from \"../../utils\";\n\nimport {tv} from \"tailwind-variants\";\n\nexport const menubarVariants = tv({\n slots: {\n root: \"menubar\",\n trigger: \"menubar__trigger\",\n popover: \"menubar__popover\",\n },\n});\n\nexport type MenubarVariants = VariantProps<typeof menubarVariants>;\n"],"mappings":";;AAIA,IAAa,kBAAkB,GAAG,EAChC,OAAO;CACL,MAAM;CACN,SAAS;CACT,SAAS;CACV,EACF,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './month-range-picker.styles';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/month-range-picker/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC"}
@@ -0,0 +1,2 @@
1
+ import { monthRangePickerVariants } from "./month-range-picker.styles.js";
2
+ export { monthRangePickerVariants };
@@ -0,0 +1,61 @@
1
+ import { VariantProps } from '../../utils';
2
+ export declare const monthRangePickerVariants: import('tailwind-variants').TVReturnType<{}, {
3
+ /** Root month range picker container */
4
+ base: string;
5
+ /** Header containing heading and navigation */
6
+ header: string;
7
+ /** Previous/Next navigation button */
8
+ navButton: string;
9
+ /** Navigation button icon */
10
+ navButtonIcon: string;
11
+ /** Heading text */
12
+ heading: string;
13
+ /** Grid (table) */
14
+ grid: string;
15
+ /** Grid body (tbody) */
16
+ gridBody: string;
17
+ /** Grid row (tr) */
18
+ gridRow: string;
19
+ /** Month cell (button per month) */
20
+ cell: string;
21
+ }, undefined, {}, {
22
+ /** Root month range picker container */
23
+ base: string;
24
+ /** Header containing heading and navigation */
25
+ header: string;
26
+ /** Previous/Next navigation button */
27
+ navButton: string;
28
+ /** Navigation button icon */
29
+ navButtonIcon: string;
30
+ /** Heading text */
31
+ heading: string;
32
+ /** Grid (table) */
33
+ grid: string;
34
+ /** Grid body (tbody) */
35
+ gridBody: string;
36
+ /** Grid row (tr) */
37
+ gridRow: string;
38
+ /** Month cell (button per month) */
39
+ cell: string;
40
+ }, import('tailwind-variants').TVReturnType<{}, {
41
+ /** Root month range picker container */
42
+ base: string;
43
+ /** Header containing heading and navigation */
44
+ header: string;
45
+ /** Previous/Next navigation button */
46
+ navButton: string;
47
+ /** Navigation button icon */
48
+ navButtonIcon: string;
49
+ /** Heading text */
50
+ heading: string;
51
+ /** Grid (table) */
52
+ grid: string;
53
+ /** Grid body (tbody) */
54
+ gridBody: string;
55
+ /** Grid row (tr) */
56
+ gridRow: string;
57
+ /** Month cell (button per month) */
58
+ cell: string;
59
+ }, undefined, unknown, unknown, undefined>>;
60
+ export type MonthRangePickerVariants = VariantProps<typeof monthRangePickerVariants>;
61
+ //# sourceMappingURL=month-range-picker.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"month-range-picker.styles.d.ts","sourceRoot":"","sources":["../../../src/components/month-range-picker/month-range-picker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,aAAa,CAAC;AAI9C,eAAO,MAAM,wBAAwB;IAGjC,wCAAwC;;IAExC,+CAA+C;;IAE/C,sCAAsC;;IAEtC,6BAA6B;;IAE7B,mBAAmB;;IAEnB,mBAAmB;;IAEnB,wBAAwB;;IAExB,oBAAoB;;IAEpB,oCAAoC;;;IAhBpC,wCAAwC;;IAExC,+CAA+C;;IAE/C,sCAAsC;;IAEtC,6BAA6B;;IAE7B,mBAAmB;;IAEnB,mBAAmB;;IAEnB,wBAAwB;;IAExB,oBAAoB;;IAEpB,oCAAoC;;;IAhBpC,wCAAwC;;IAExC,+CAA+C;;IAE/C,sCAAsC;;IAEtC,6BAA6B;;IAE7B,mBAAmB;;IAEnB,mBAAmB;;IAEnB,wBAAwB;;IAExB,oBAAoB;;IAEpB,oCAAoC;;2CAItC,CAAC;AAEH,MAAM,MAAM,wBAAwB,GAAG,YAAY,CAAC,OAAO,wBAAwB,CAAC,CAAC"}