@a4ui/core 0.28.0 → 0.29.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 +1 -1
- package/dist/elements.css +9 -0
- package/dist/full.css +9 -0
- package/dist/index.d.ts +2 -1
- package/dist/index.js +1670 -1601
- package/dist/ui/BlockEditor.d.ts +42 -0
- package/package.json +1 -1
- package/src/index.ts +2 -1
- package/src/ui/BlockEditor.tsx +139 -0
package/README.md
CHANGED
|
@@ -190,7 +190,7 @@ full list):
|
|
|
190
190
|
| -------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
191
191
|
| Forms | `Input`, `Select`, `Checkbox`, `DateField`, `Combobox`, `TagInput`, `Slider`, `NumberInput`, `PromptComposer`, `InlineSelect`, `PillSearch` |
|
|
192
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`, `BalanceCard`, `TransactionFeed`, `KpiBlock`, `CalendarHeatmap`
|
|
193
|
+
| Data & display | `Table`, `DataGrid`, `Tree`, `Calendar`, `Timeline`, `Stat`, `Descriptions`, `SpecSheet`, `RatingsSummary`, `LogoWall`, `ChatThread`, `Message`, `Citation`, `CodeTabs`, `DataView`, `BalanceCard`, `TransactionFeed`, `KpiBlock`, `BlockEditor`, `CalendarHeatmap` |
|
|
194
194
|
| Navigation | `Tabs`, `Breadcrumb`, `Pagination`, `Command`, `Anchor`, `Stepper`, `BottomNavigation`, `CategoryStrip`, `Spaces`, `SideRail` |
|
|
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
|
@@ -1721,6 +1721,9 @@ html.calm .tile-glass {
|
|
|
1721
1721
|
.ml-auto {
|
|
1722
1722
|
margin-left: auto;
|
|
1723
1723
|
}
|
|
1724
|
+
.mr-1 {
|
|
1725
|
+
margin-right: 0.25rem;
|
|
1726
|
+
}
|
|
1724
1727
|
.mt-0\.5 {
|
|
1725
1728
|
margin-top: 0.125rem;
|
|
1726
1729
|
}
|
|
@@ -3522,6 +3525,9 @@ html.calm .tile-glass {
|
|
|
3522
3525
|
--tw-bg-opacity: 1;
|
|
3523
3526
|
background-color: hsl(var(--muted) / var(--tw-bg-opacity, 1));
|
|
3524
3527
|
}
|
|
3528
|
+
.focus\:opacity-100:focus {
|
|
3529
|
+
opacity: 1;
|
|
3530
|
+
}
|
|
3525
3531
|
.focus\:outline-none:focus {
|
|
3526
3532
|
outline: 2px solid transparent;
|
|
3527
3533
|
outline-offset: 2px;
|
|
@@ -3594,6 +3600,9 @@ html.calm .tile-glass {
|
|
|
3594
3600
|
.disabled\:opacity-50:disabled {
|
|
3595
3601
|
opacity: 0.5;
|
|
3596
3602
|
}
|
|
3603
|
+
.group\/block:hover .group-hover\/block\:opacity-100 {
|
|
3604
|
+
opacity: 1;
|
|
3605
|
+
}
|
|
3597
3606
|
.group:focus-visible .group-focus-visible\:ring-2 {
|
|
3598
3607
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
3599
3608
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
package/dist/full.css
CHANGED
|
@@ -1721,6 +1721,9 @@ html.calm .tile-glass {
|
|
|
1721
1721
|
.ml-auto {
|
|
1722
1722
|
margin-left: auto;
|
|
1723
1723
|
}
|
|
1724
|
+
.mr-1 {
|
|
1725
|
+
margin-right: 0.25rem;
|
|
1726
|
+
}
|
|
1724
1727
|
.mt-0\.5 {
|
|
1725
1728
|
margin-top: 0.125rem;
|
|
1726
1729
|
}
|
|
@@ -3522,6 +3525,9 @@ html.calm .tile-glass {
|
|
|
3522
3525
|
--tw-bg-opacity: 1;
|
|
3523
3526
|
background-color: hsl(var(--muted) / var(--tw-bg-opacity, 1));
|
|
3524
3527
|
}
|
|
3528
|
+
.focus\:opacity-100:focus {
|
|
3529
|
+
opacity: 1;
|
|
3530
|
+
}
|
|
3525
3531
|
.focus\:outline-none:focus {
|
|
3526
3532
|
outline: 2px solid transparent;
|
|
3527
3533
|
outline-offset: 2px;
|
|
@@ -3594,6 +3600,9 @@ html.calm .tile-glass {
|
|
|
3594
3600
|
.disabled\:opacity-50:disabled {
|
|
3595
3601
|
opacity: 0.5;
|
|
3596
3602
|
}
|
|
3603
|
+
.group\/block:hover .group-hover\/block\:opacity-100 {
|
|
3604
|
+
opacity: 1;
|
|
3605
|
+
}
|
|
3597
3606
|
.group:focus-visible .group-focus-visible\:ring-2 {
|
|
3598
3607
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
3599
3608
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const A4UI_VERSION = "0.
|
|
1
|
+
export declare const A4UI_VERSION = "0.29.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';
|
|
@@ -126,6 +126,7 @@ export { KpiBlock, type KpiBlockProps } from './ui/KpiBlock';
|
|
|
126
126
|
export { MoneyActionButton, type MoneyActionButtonProps, type MoneyActionKind } from './ui/MoneyActionButton';
|
|
127
127
|
export { Spaces, type SpacesProps, type Space } from './ui/Spaces';
|
|
128
128
|
export { SideRail, type SideRailProps, type SideRailItem } from './ui/SideRail';
|
|
129
|
+
export { BlockEditor, type BlockEditorProps, type EditorBlock, type BlockTypeOption } from './ui/BlockEditor';
|
|
129
130
|
export { ScrambleText, type ScrambleTextProps } from './ui/ScrambleText';
|
|
130
131
|
export { TextReveal, type TextRevealProps } from './ui/TextReveal';
|
|
131
132
|
export { HoldToConfirm, type HoldToConfirmProps } from './ui/HoldToConfirm';
|