@a4ui/core 0.26.0 → 0.27.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.
- package/README.md +2 -2
- package/dist/elements.css +13 -0
- package/dist/full.css +13 -0
- package/dist/index.d.ts +4 -1
- package/dist/index.js +3393 -3088
- package/dist/layout/Aurora.d.ts +6 -0
- package/dist/lib/createLinkedSelection.d.ts +30 -0
- package/dist/ui/DataView.d.ts +51 -0
- package/dist/ui/SlashMenu.d.ts +43 -0
- package/package.json +1 -1
- package/preset.js +24 -0
- package/src/index.ts +4 -1
- package/src/layout/Aurora.tsx +41 -11
- package/src/lib/createLinkedSelection.ts +60 -0
- package/src/ui/DataView.tsx +198 -0
- package/src/ui/SlashMenu.tsx +141 -0
package/README.md
CHANGED
|
@@ -189,8 +189,8 @@ full list):
|
|
|
189
189
|
| Category | Representative components |
|
|
190
190
|
| -------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
|
|
191
191
|
| Forms | `Input`, `Select`, `Checkbox`, `DateField`, `Combobox`, `TagInput`, `Slider`, `NumberInput`, `PromptComposer`, `InlineSelect`, `PillSearch` |
|
|
192
|
-
| Overlays | `Modal`, `Drawer`, `Popover`, `Tooltip`, `AlertDialog`, `ContextMenu`, `HoverCard`
|
|
193
|
-
| Data & display | `Table`, `DataGrid`, `Tree`, `Calendar`, `Timeline`, `Stat`, `Descriptions`, `SpecSheet`, `RatingsSummary`, `LogoWall`, `ChatThread`, `Message`, `Citation`, `CodeTabs`, `CalendarHeatmap`
|
|
192
|
+
| Overlays | `Modal`, `Drawer`, `Popover`, `Tooltip`, `AlertDialog`, `ContextMenu`, `HoverCard`, `SlashMenu` |
|
|
193
|
+
| Data & display | `Table`, `DataGrid`, `Tree`, `Calendar`, `Timeline`, `Stat`, `Descriptions`, `SpecSheet`, `RatingsSummary`, `LogoWall`, `ChatThread`, `Message`, `Citation`, `CodeTabs`, `DataView`, `CalendarHeatmap` |
|
|
194
194
|
| Navigation | `Tabs`, `Breadcrumb`, `Pagination`, `Command`, `Anchor`, `Stepper`, `BottomNavigation`, `CategoryStrip` |
|
|
195
195
|
| Feedback | `Alert`, `AnnouncementBar`, `Toast`, `Progress`, `Skeleton`, `Empty`, `Result`, `NotificationCenter` |
|
|
196
196
|
| Layout | `AppShell`, `SpaceBackground`, `ThemedScenery`, `Card`, `Splitter`, `Affix`, `NavGroup`, `FloatingToolbar`, `ArtifactPanel`, `MasterDetail` |
|
package/dist/elements.css
CHANGED
|
@@ -1508,6 +1508,9 @@ html.calm .tile-glass {
|
|
|
1508
1508
|
.sticky {
|
|
1509
1509
|
position: sticky;
|
|
1510
1510
|
}
|
|
1511
|
+
.-inset-\[15\%\] {
|
|
1512
|
+
inset: -15%;
|
|
1513
|
+
}
|
|
1511
1514
|
.inset-0 {
|
|
1512
1515
|
inset: 0px;
|
|
1513
1516
|
}
|
|
@@ -1875,6 +1878,9 @@ html.calm .tile-glass {
|
|
|
1875
1878
|
.max-h-64 {
|
|
1876
1879
|
max-height: 16rem;
|
|
1877
1880
|
}
|
|
1881
|
+
.max-h-72 {
|
|
1882
|
+
max-height: 18rem;
|
|
1883
|
+
}
|
|
1878
1884
|
.max-h-80 {
|
|
1879
1885
|
max-height: 20rem;
|
|
1880
1886
|
}
|
|
@@ -2031,6 +2037,9 @@ html.calm .tile-glass {
|
|
|
2031
2037
|
.min-w-56 {
|
|
2032
2038
|
min-width: 14rem;
|
|
2033
2039
|
}
|
|
2040
|
+
.min-w-64 {
|
|
2041
|
+
min-width: 16rem;
|
|
2042
|
+
}
|
|
2034
2043
|
.min-w-\[1\.1em\] {
|
|
2035
2044
|
min-width: 1.1em;
|
|
2036
2045
|
}
|
|
@@ -3183,6 +3192,10 @@ html.calm .tile-glass {
|
|
|
3183
3192
|
--tw-blur: blur(8px);
|
|
3184
3193
|
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);
|
|
3185
3194
|
}
|
|
3195
|
+
.blur-2xl {
|
|
3196
|
+
--tw-blur: blur(40px);
|
|
3197
|
+
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);
|
|
3198
|
+
}
|
|
3186
3199
|
.blur-3xl {
|
|
3187
3200
|
--tw-blur: blur(64px);
|
|
3188
3201
|
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);
|
package/dist/full.css
CHANGED
|
@@ -1508,6 +1508,9 @@ html.calm .tile-glass {
|
|
|
1508
1508
|
.sticky {
|
|
1509
1509
|
position: sticky;
|
|
1510
1510
|
}
|
|
1511
|
+
.-inset-\[15\%\] {
|
|
1512
|
+
inset: -15%;
|
|
1513
|
+
}
|
|
1511
1514
|
.inset-0 {
|
|
1512
1515
|
inset: 0px;
|
|
1513
1516
|
}
|
|
@@ -1875,6 +1878,9 @@ html.calm .tile-glass {
|
|
|
1875
1878
|
.max-h-64 {
|
|
1876
1879
|
max-height: 16rem;
|
|
1877
1880
|
}
|
|
1881
|
+
.max-h-72 {
|
|
1882
|
+
max-height: 18rem;
|
|
1883
|
+
}
|
|
1878
1884
|
.max-h-80 {
|
|
1879
1885
|
max-height: 20rem;
|
|
1880
1886
|
}
|
|
@@ -2031,6 +2037,9 @@ html.calm .tile-glass {
|
|
|
2031
2037
|
.min-w-56 {
|
|
2032
2038
|
min-width: 14rem;
|
|
2033
2039
|
}
|
|
2040
|
+
.min-w-64 {
|
|
2041
|
+
min-width: 16rem;
|
|
2042
|
+
}
|
|
2034
2043
|
.min-w-\[1\.1em\] {
|
|
2035
2044
|
min-width: 1.1em;
|
|
2036
2045
|
}
|
|
@@ -3183,6 +3192,10 @@ html.calm .tile-glass {
|
|
|
3183
3192
|
--tw-blur: blur(8px);
|
|
3184
3193
|
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);
|
|
3185
3194
|
}
|
|
3195
|
+
.blur-2xl {
|
|
3196
|
+
--tw-blur: blur(40px);
|
|
3197
|
+
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);
|
|
3198
|
+
}
|
|
3186
3199
|
.blur-3xl {
|
|
3187
3200
|
--tw-blur: blur(64px);
|
|
3188
3201
|
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);
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const A4UI_VERSION = "0.
|
|
1
|
+
export declare const A4UI_VERSION = "0.27.0";
|
|
2
2
|
export { cn } from './lib/cn';
|
|
3
3
|
export { useTheme, toggleTheme, setTheme, storedTheme, applyTheme, toggled, type Theme } from './lib/theme';
|
|
4
4
|
export { useEffects, isCalm, setEffects } from './lib/effects';
|
|
@@ -8,6 +8,7 @@ export { remeasureAfterLayout } from './lib/virtual';
|
|
|
8
8
|
export { createOptimistic } from './lib/createOptimistic';
|
|
9
9
|
export { startViewTransition } from './lib/viewTransition';
|
|
10
10
|
export { EASE, SPRING, type EaseName, type SpringName } from './lib/easing';
|
|
11
|
+
export { createLinkedSelection, type LinkedSelection } from './lib/createLinkedSelection';
|
|
11
12
|
export { Accordion, type AccordionItem } from './ui/Accordion';
|
|
12
13
|
export { Badge, type BadgeTone } from './ui/Badge';
|
|
13
14
|
export { Button, type ButtonVariant } from './ui/Button';
|
|
@@ -115,6 +116,8 @@ export { CodeTabs, type CodeTabsProps, type CodeTab } from './ui/CodeTabs';
|
|
|
115
116
|
export { PillSearch, type PillSearchProps, type PillField } from './ui/PillSearch';
|
|
116
117
|
export { CategoryStrip, type CategoryStripProps, type CategoryItem } from './ui/CategoryStrip';
|
|
117
118
|
export { MasterDetail, type MasterDetailProps, type MasterDetailItem } from './ui/MasterDetail';
|
|
119
|
+
export { SlashMenu, type SlashMenuProps, type SlashItem } from './ui/SlashMenu';
|
|
120
|
+
export { DataView, type DataViewProps, type DataViewColumn, type DataViewMode } from './ui/DataView';
|
|
118
121
|
export { ScrambleText, type ScrambleTextProps } from './ui/ScrambleText';
|
|
119
122
|
export { TextReveal, type TextRevealProps } from './ui/TextReveal';
|
|
120
123
|
export { HoldToConfirm, type HoldToConfirmProps } from './ui/HoldToConfirm';
|