@cloudflare/kumo 1.5.1 → 1.7.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/CHANGELOG.md +113 -0
- package/ai/component-registry.json +53 -10
- package/ai/component-registry.md +291 -90
- package/ai/schemas.ts +11 -2
- package/dist/.build-complete +1 -1
- package/dist/ai/schemas.d.ts +24 -5
- package/dist/ai/schemas.d.ts.map +1 -1
- package/dist/catalog.js +1 -1
- package/dist/{checkbox-CWANiedi.js → checkbox-Dt8iSNOg.js} +3 -3
- package/dist/{checkbox-CWANiedi.js.map → checkbox-Dt8iSNOg.js.map} +1 -1
- package/dist/clipboard-text-CeoyR28P.js +185 -0
- package/dist/clipboard-text-CeoyR28P.js.map +1 -0
- package/dist/{combobox-C9koouxM.js → combobox-BIC-YZ2L.js} +41 -41
- package/dist/combobox-BIC-YZ2L.js.map +1 -0
- package/dist/command-line/cli.js +88 -30
- package/dist/command-line/commands/add.js +88 -30
- package/dist/{command-palette-TGXgr6Vq.js → command-palette-D3MNR7w9.js} +31 -31
- package/dist/{command-palette-TGXgr6Vq.js.map → command-palette-D3MNR7w9.js.map} +1 -1
- package/dist/components/checkbox.js +1 -1
- package/dist/components/clipboard-text.js +1 -1
- package/dist/components/combobox.js +1 -1
- package/dist/components/command-palette.js +1 -1
- package/dist/components/date-picker.js +6 -0
- package/dist/components/date-picker.js.map +1 -0
- package/dist/components/dialog.js +1 -1
- package/dist/components/dropdown.js +1 -1
- package/dist/components/field.js +1 -1
- package/dist/components/flow.js +5640 -0
- package/dist/components/flow.js.map +1 -0
- package/dist/components/input.js +3 -3
- package/dist/components/label.js +1 -1
- package/dist/components/link.js +1 -1
- package/dist/components/menubar.js +1 -1
- package/dist/components/meter.js +1 -1
- package/dist/components/pagination.js +1 -1
- package/dist/components/popover.js +1 -1
- package/dist/components/radio.js +1 -1
- package/dist/components/select.js +1 -1
- package/dist/components/sensitive-input.js +1 -1
- package/dist/components/switch.js +1 -1
- package/dist/components/table.js +1 -1
- package/dist/components/tabs.js +1 -1
- package/dist/components/toast.js +2 -2
- package/dist/components/tooltip.js +1 -1
- package/dist/date-picker-M6uNX5Ca.js +2921 -0
- package/dist/date-picker-M6uNX5Ca.js.map +1 -0
- package/dist/date-range-picker-CbKEQ9pi.js.map +1 -1
- package/dist/{dialog-CpCeOqSZ.js → dialog-toS9krNF.js} +17 -17
- package/dist/dialog-toS9krNF.js.map +1 -0
- package/dist/{dropdown-DFeFcKfn.js → dropdown-BquiYKKC.js} +38 -38
- package/dist/dropdown-BquiYKKC.js.map +1 -0
- package/dist/{field-Dt-XuSaQ.js → field-DCq04TgZ.js} +3 -3
- package/dist/{field-Dt-XuSaQ.js.map → field-DCq04TgZ.js.map} +1 -1
- package/dist/index.js +53 -49
- package/dist/index.js.map +1 -1
- package/dist/{input-GZAWBXYX.js → input-CCR8NGG7.js} +3 -3
- package/dist/{input-GZAWBXYX.js.map → input-CCR8NGG7.js.map} +1 -1
- package/dist/{input-area-CS1-ceY4.js → input-area-DU2Yvp_t.js} +3 -3
- package/dist/{input-area-CS1-ceY4.js.map → input-area-DU2Yvp_t.js.map} +1 -1
- package/dist/{input-group-COo-wz5O.js → input-group-C365-qBq.js} +2 -2
- package/dist/{input-group-COo-wz5O.js.map → input-group-C365-qBq.js.map} +1 -1
- package/dist/{label-ChZ2Pp5p.js → label-zjtV7oXa.js} +2 -2
- package/dist/{label-ChZ2Pp5p.js.map → label-zjtV7oXa.js.map} +1 -1
- package/dist/{link-Mj2WM1AS.js → link-C8pUZ4Q-.js} +8 -8
- package/dist/{link-Mj2WM1AS.js.map → link-C8pUZ4Q-.js.map} +1 -1
- package/dist/{menubar-CbXWXQYR.js → menubar-D7WvAf6x.js} +6 -6
- package/dist/menubar-D7WvAf6x.js.map +1 -0
- package/dist/{meter-Bu5f3mAc.js → meter-jQGKS1z4.js} +4 -4
- package/dist/{meter-Bu5f3mAc.js.map → meter-jQGKS1z4.js.map} +1 -1
- package/dist/{pagination-Cf-yRO-n.js → pagination-BN80iKY6.js} +2 -2
- package/dist/{pagination-Cf-yRO-n.js.map → pagination-BN80iKY6.js.map} +1 -1
- package/dist/{popover-D7yeRosi.js → popover-syU1104E.js} +4 -4
- package/dist/{popover-D7yeRosi.js.map → popover-syU1104E.js.map} +1 -1
- package/dist/primitives/accordion.js +1 -1
- package/dist/primitives/alert-dialog.js +1 -1
- package/dist/primitives/autocomplete.js +1 -1
- package/dist/primitives/avatar.js +1 -1
- package/dist/primitives/button.js +1 -1
- package/dist/primitives/checkbox-group.js +1 -1
- package/dist/primitives/checkbox.js +1 -1
- package/dist/primitives/collapsible.js +1 -1
- package/dist/primitives/combobox.js +1 -1
- package/dist/primitives/context-menu.js +1 -1
- package/dist/primitives/dialog.js +1 -1
- package/dist/primitives/direction-provider.js +1 -1
- package/dist/primitives/field.js +1 -1
- package/dist/primitives/fieldset.js +1 -1
- package/dist/primitives/form.js +1 -1
- package/dist/primitives/input.js +1 -1
- package/dist/primitives/menu.js +1 -1
- package/dist/primitives/menubar.js +1 -1
- package/dist/primitives/meter.js +1 -1
- package/dist/primitives/navigation-menu.js +1 -1
- package/dist/primitives/number-field.js +1 -1
- package/dist/primitives/popover.js +1 -1
- package/dist/primitives/preview-card.js +1 -1
- package/dist/primitives/progress.js +1 -1
- package/dist/primitives/radio-group.js +1 -1
- package/dist/primitives/radio.js +1 -1
- package/dist/primitives/scroll-area.js +1 -1
- package/dist/primitives/select.js +1 -1
- package/dist/primitives/separator.js +1 -1
- package/dist/primitives/slider.js +1 -1
- package/dist/primitives/switch.js +1 -1
- package/dist/primitives/tabs.js +1 -1
- package/dist/primitives/toast.js +1 -1
- package/dist/primitives/toggle-group.js +1 -1
- package/dist/primitives/toggle.js +1 -1
- package/dist/primitives/toolbar.js +1 -1
- package/dist/primitives/tooltip.js +1 -1
- package/dist/primitives.js +1 -1
- package/dist/{radio-CKn09bGo.js → radio-CWMtSx65.js} +8 -8
- package/dist/{radio-CKn09bGo.js.map → radio-CWMtSx65.js.map} +1 -1
- package/dist/{schemas-H10xB2M_.js → schemas-DbIwo0ET.js} +251 -239
- package/dist/{schemas-H10xB2M_.js.map → schemas-DbIwo0ET.js.map} +1 -1
- package/dist/{select-DvpgiOau.js → select-G6JqBVkg.js} +37 -37
- package/dist/{select-DvpgiOau.js.map → select-G6JqBVkg.js.map} +1 -1
- package/dist/{sensitive-input-BuYT6U6C.js → sensitive-input-DNFpycoy.js} +4 -4
- package/dist/{sensitive-input-BuYT6U6C.js.map → sensitive-input-DNFpycoy.js.map} +1 -1
- package/dist/src/command-line/utils/transformer.d.ts +8 -4
- package/dist/src/command-line/utils/transformer.d.ts.map +1 -1
- package/dist/src/components/clipboard-text/clipboard-text.d.ts +23 -0
- package/dist/src/components/clipboard-text/clipboard-text.d.ts.map +1 -1
- package/dist/src/components/date-picker/date-picker.d.ts +65 -0
- package/dist/src/components/date-picker/date-picker.d.ts.map +1 -0
- package/dist/src/components/date-picker/index.d.ts +4 -0
- package/dist/src/components/date-picker/index.d.ts.map +1 -0
- package/dist/src/components/date-range-picker/date-range-picker.d.ts +7 -0
- package/dist/src/components/date-range-picker/date-range-picker.d.ts.map +1 -1
- package/dist/src/components/date-range-picker/index.d.ts +3 -0
- package/dist/src/components/date-range-picker/index.d.ts.map +1 -1
- package/dist/src/components/dropdown/dropdown.d.ts.map +1 -1
- package/dist/src/components/flow/connectors.d.ts +35 -0
- package/dist/src/components/flow/connectors.d.ts.map +1 -0
- package/dist/src/components/flow/diagram.d.ts +62 -0
- package/dist/src/components/flow/diagram.d.ts.map +1 -0
- package/dist/src/components/flow/index.d.ts +26 -0
- package/dist/src/components/flow/index.d.ts.map +1 -0
- package/dist/src/components/flow/node.d.ts +52 -0
- package/dist/src/components/flow/node.d.ts.map +1 -0
- package/dist/src/components/flow/parallel.d.ts +5 -0
- package/dist/src/components/flow/parallel.d.ts.map +1 -0
- package/dist/src/components/flow/use-children.d.ts +69 -0
- package/dist/src/components/flow/use-children.d.ts.map +1 -0
- package/dist/src/index.d.ts +5 -0
- package/dist/src/index.d.ts.map +1 -1
- package/dist/styles/kumo-binding.css +0 -4
- package/dist/styles/kumo-standalone.css +1 -1
- package/dist/styles/kumo.css +541 -0
- package/dist/styles/theme-kumo.css +1 -1
- package/dist/{switch-Tu34uFoa.js → switch-CmsZ4z-g.js} +9 -9
- package/dist/{switch-Tu34uFoa.js.map → switch-CmsZ4z-g.js.map} +1 -1
- package/dist/{table-DtUrZ2Rj.js → table-Dc0AGcLV.js} +2 -2
- package/dist/{table-DtUrZ2Rj.js.map → table-Dc0AGcLV.js.map} +1 -1
- package/dist/{tabs-B7THfqHW.js → tabs-BpD1iUiz.js} +2 -2
- package/dist/{tabs-B7THfqHW.js.map → tabs-BpD1iUiz.js.map} +1 -1
- package/dist/{toast-Du4y8qng.js → toast-BrR0pjLE.js} +8 -8
- package/dist/{toast-Du4y8qng.js.map → toast-BrR0pjLE.js.map} +1 -1
- package/dist/{tooltip-BxV1H6AV.js → tooltip-daVJYtXY.js} +2 -2
- package/dist/{tooltip-BxV1H6AV.js.map → tooltip-daVJYtXY.js.map} +1 -1
- package/dist/{vendor-base-ui-CQ6wEonS.js → vendor-base-ui-9w7J6BvW.js} +7246 -7245
- package/dist/{vendor-base-ui-CQ6wEonS.js.map → vendor-base-ui-9w7J6BvW.js.map} +1 -1
- package/package.json +12 -1
- package/scripts/component-registry/discovery.ts +1 -7
- package/scripts/theme-generator/config.ts +1 -1
- package/dist/clipboard-text-B32_yb2r.js +0 -108
- package/dist/clipboard-text-B32_yb2r.js.map +0 -1
- package/dist/combobox-C9koouxM.js.map +0 -1
- package/dist/dialog-CpCeOqSZ.js.map +0 -1
- package/dist/dropdown-DFeFcKfn.js.map +0 -1
- package/dist/menubar-CbXWXQYR.js.map +0 -1
package/ai/component-registry.md
CHANGED
|
@@ -512,10 +512,14 @@ Read-only text field with a one-click copy-to-clipboard button.
|
|
|
512
512
|
The text to display and copy to clipboard.
|
|
513
513
|
- `className`: string
|
|
514
514
|
Additional CSS classes merged via `cn()`.
|
|
515
|
+
- `tooltip`: object
|
|
516
|
+
Tooltip config. Shows tooltip on hover, anchored toast on click.
|
|
517
|
+
- `labels`: object
|
|
518
|
+
Accessible labels for i18n.
|
|
515
519
|
|
|
516
520
|
**Colors (kumo tokens used):**
|
|
517
521
|
|
|
518
|
-
`bg-kumo-base`, `border-kumo-line`
|
|
522
|
+
`bg-kumo-base`, `border-kumo-line`, `outline-kumo-fill`, `text-kumo-default`
|
|
519
523
|
|
|
520
524
|
**Styling:**
|
|
521
525
|
|
|
@@ -569,6 +573,13 @@ Read-only text field with a one-click copy-to-clipboard button.
|
|
|
569
573
|
<ClipboardText text="0c239dd2" />
|
|
570
574
|
```
|
|
571
575
|
|
|
576
|
+
```tsx
|
|
577
|
+
<ClipboardText
|
|
578
|
+
text="npx kumo add button"
|
|
579
|
+
tooltip={{ text: "Copy", copiedText: "Copied!", side: "top" }}
|
|
580
|
+
/>
|
|
581
|
+
```
|
|
582
|
+
|
|
572
583
|
|
|
573
584
|
---
|
|
574
585
|
|
|
@@ -1639,6 +1650,180 @@ CommandPalette — accessible command palette / spotlight search overlay. Compo
|
|
|
1639
1650
|
```
|
|
1640
1651
|
|
|
1641
1652
|
|
|
1653
|
+
---
|
|
1654
|
+
|
|
1655
|
+
### DatePicker
|
|
1656
|
+
|
|
1657
|
+
DatePicker — a date selection calendar. Built on [react-day-picker](https://daypicker.dev) with Kumo styling. Supports three selection modes: single, multiple, and range.
|
|
1658
|
+
|
|
1659
|
+
**Type:** component
|
|
1660
|
+
|
|
1661
|
+
**Import:** `import { DatePicker } from "@cloudflare/kumo";`
|
|
1662
|
+
|
|
1663
|
+
**Category:** Other
|
|
1664
|
+
|
|
1665
|
+
**Props:**
|
|
1666
|
+
|
|
1667
|
+
- `className`: string
|
|
1668
|
+
Additional CSS classes
|
|
1669
|
+
- `children`: ReactNode
|
|
1670
|
+
Child elements
|
|
1671
|
+
|
|
1672
|
+
**Colors (kumo tokens used):**
|
|
1673
|
+
|
|
1674
|
+
`bg-kumo-base`
|
|
1675
|
+
|
|
1676
|
+
**Examples:**
|
|
1677
|
+
|
|
1678
|
+
```tsx
|
|
1679
|
+
<div className="flex flex-col gap-4">
|
|
1680
|
+
<DatePicker mode="single" selected={date} onChange={d => {
|
|
1681
|
+
if (d) {
|
|
1682
|
+
setDate(d);
|
|
1683
|
+
}
|
|
1684
|
+
}} />
|
|
1685
|
+
<p className="text-sm text-kumo-subtle">
|
|
1686
|
+
Selected: {date ? date.toLocaleDateString() : "None"}
|
|
1687
|
+
</p>
|
|
1688
|
+
</div>
|
|
1689
|
+
```
|
|
1690
|
+
|
|
1691
|
+
```tsx
|
|
1692
|
+
<div className="flex flex-col gap-4">
|
|
1693
|
+
<DatePicker
|
|
1694
|
+
mode="multiple"
|
|
1695
|
+
selected={dates}
|
|
1696
|
+
onChange={setDates}
|
|
1697
|
+
max={5}
|
|
1698
|
+
/>
|
|
1699
|
+
<p className="text-sm text-kumo-subtle">
|
|
1700
|
+
Selected: {dates?.length ?? 0} date(s)
|
|
1701
|
+
</p>
|
|
1702
|
+
</div>
|
|
1703
|
+
```
|
|
1704
|
+
|
|
1705
|
+
```tsx
|
|
1706
|
+
<div className="flex flex-col gap-4">
|
|
1707
|
+
<DatePicker
|
|
1708
|
+
mode="range"
|
|
1709
|
+
selected={range}
|
|
1710
|
+
onChange={setRange}
|
|
1711
|
+
numberOfMonths={2}
|
|
1712
|
+
/>
|
|
1713
|
+
<p className="text-sm text-kumo-subtle">
|
|
1714
|
+
Range:{" "}
|
|
1715
|
+
{range?.from
|
|
1716
|
+
? `${range.from.toLocaleDateString()} - ${range.to?.toLocaleDateString() ?? "..."}`
|
|
1717
|
+
: "None"}
|
|
1718
|
+
</p>
|
|
1719
|
+
</div>
|
|
1720
|
+
```
|
|
1721
|
+
|
|
1722
|
+
```tsx
|
|
1723
|
+
<div className="flex flex-col gap-4">
|
|
1724
|
+
<DatePicker
|
|
1725
|
+
mode="range"
|
|
1726
|
+
selected={range}
|
|
1727
|
+
onChange={setRange}
|
|
1728
|
+
min={3}
|
|
1729
|
+
max={7}
|
|
1730
|
+
footer={
|
|
1731
|
+
<span className="text-xs text-kumo-subtle">Select 3-7 nights</span>
|
|
1732
|
+
}
|
|
1733
|
+
/>
|
|
1734
|
+
</div>
|
|
1735
|
+
```
|
|
1736
|
+
|
|
1737
|
+
```tsx
|
|
1738
|
+
<Popover>
|
|
1739
|
+
<Popover.Trigger asChild>
|
|
1740
|
+
<Button variant="outline" icon={CalendarDotsIcon}>
|
|
1741
|
+
{date ? date.toLocaleDateString() : "Pick a date"}
|
|
1742
|
+
</Button>
|
|
1743
|
+
</Popover.Trigger>
|
|
1744
|
+
<Popover.Content className="p-3">
|
|
1745
|
+
<DatePicker mode="single" selected={date} onChange={setDate} />
|
|
1746
|
+
</Popover.Content>
|
|
1747
|
+
</Popover>
|
|
1748
|
+
```
|
|
1749
|
+
|
|
1750
|
+
```tsx
|
|
1751
|
+
<Popover>
|
|
1752
|
+
<Popover.Trigger asChild>
|
|
1753
|
+
<Button variant="outline" icon={CalendarDotsIcon}>
|
|
1754
|
+
{formatRange()}
|
|
1755
|
+
</Button>
|
|
1756
|
+
</Popover.Trigger>
|
|
1757
|
+
<Popover.Content className="p-3">
|
|
1758
|
+
<DatePicker
|
|
1759
|
+
mode="range"
|
|
1760
|
+
selected={range}
|
|
1761
|
+
onChange={setRange}
|
|
1762
|
+
numberOfMonths={2}
|
|
1763
|
+
/>
|
|
1764
|
+
</Popover.Content>
|
|
1765
|
+
</Popover>
|
|
1766
|
+
```
|
|
1767
|
+
|
|
1768
|
+
```tsx
|
|
1769
|
+
<Popover>
|
|
1770
|
+
<Popover.Trigger asChild>
|
|
1771
|
+
<Button variant="outline" icon={CalendarDotsIcon}>
|
|
1772
|
+
{formatRange()}
|
|
1773
|
+
</Button>
|
|
1774
|
+
</Popover.Trigger>
|
|
1775
|
+
<Popover.Content className="p-0">
|
|
1776
|
+
<div className="flex">
|
|
1777
|
+
<div className="flex flex-col gap-1 border-r border-kumo-line p-2 text-sm">
|
|
1778
|
+
{presets.map((preset) => {
|
|
1779
|
+
const isActive = isPresetActive(preset);
|
|
1780
|
+
return (
|
|
1781
|
+
<button
|
|
1782
|
+
key={preset.label}
|
|
1783
|
+
type="button"
|
|
1784
|
+
onClick={() => handlePresetClick(preset)}
|
|
1785
|
+
className={`rounded-md px-3 py-1.5 text-left whitespace-nowrap ${isActive
|
|
1786
|
+
? "bg-kumo-bg-inverse text-kumo-text-inverse"
|
|
1787
|
+
: "text-kumo-strong hover:bg-kumo-control"
|
|
1788
|
+
}`}
|
|
1789
|
+
>
|
|
1790
|
+
{preset.label}
|
|
1791
|
+
</button>
|
|
1792
|
+
);
|
|
1793
|
+
})}
|
|
1794
|
+
</div>
|
|
1795
|
+
<div className="p-3">
|
|
1796
|
+
<DatePicker
|
|
1797
|
+
mode="range"
|
|
1798
|
+
selected={range}
|
|
1799
|
+
onChange={setRange}
|
|
1800
|
+
month={month}
|
|
1801
|
+
onMonthChange={setMonth}
|
|
1802
|
+
numberOfMonths={2}
|
|
1803
|
+
/>
|
|
1804
|
+
</div>
|
|
1805
|
+
</div>
|
|
1806
|
+
</Popover.Content>
|
|
1807
|
+
</Popover>
|
|
1808
|
+
```
|
|
1809
|
+
|
|
1810
|
+
```tsx
|
|
1811
|
+
<DatePicker
|
|
1812
|
+
mode="multiple"
|
|
1813
|
+
selected={dates}
|
|
1814
|
+
onChange={setDates}
|
|
1815
|
+
max={maxDays}
|
|
1816
|
+
disabled={unavailableDates}
|
|
1817
|
+
fixedWeeks
|
|
1818
|
+
footer={
|
|
1819
|
+
<p className="text-xs text-kumo-subtle pt-2 w-full">
|
|
1820
|
+
{selectedCount}/{maxDays} days selected. Grayed dates are unavailable.
|
|
1821
|
+
</p>
|
|
1822
|
+
}
|
|
1823
|
+
/>
|
|
1824
|
+
```
|
|
1825
|
+
|
|
1826
|
+
|
|
1642
1827
|
---
|
|
1643
1828
|
|
|
1644
1829
|
### DateRangePicker
|
|
@@ -1707,94 +1892,6 @@ DateRangePicker — dual-calendar date range selector. Renders two side-by-side
|
|
|
1707
1892
|
- padding: 20
|
|
1708
1893
|
- gap: 12
|
|
1709
1894
|
|
|
1710
|
-
**Examples:**
|
|
1711
|
-
|
|
1712
|
-
```tsx
|
|
1713
|
-
<div className="flex flex-col gap-4">
|
|
1714
|
-
<DateRangePicker
|
|
1715
|
-
onStartDateChange={setStartDate}
|
|
1716
|
-
onEndDateChange={setEndDate}
|
|
1717
|
-
/>
|
|
1718
|
-
<div className="text-sm text-kumo-subtle">
|
|
1719
|
-
{startDate && endDate ? (
|
|
1720
|
-
<span>
|
|
1721
|
-
Selected: {startDate.toLocaleDateString()} -{" "}
|
|
1722
|
-
{endDate.toLocaleDateString()}
|
|
1723
|
-
</span>
|
|
1724
|
-
) : startDate ? (
|
|
1725
|
-
<span>Start: {startDate.toLocaleDateString()} (select end date)</span>
|
|
1726
|
-
) : (
|
|
1727
|
-
<span>Select a date range</span>
|
|
1728
|
-
)}
|
|
1729
|
-
</div>
|
|
1730
|
-
</div>
|
|
1731
|
-
```
|
|
1732
|
-
|
|
1733
|
-
```tsx
|
|
1734
|
-
<div className="flex flex-col gap-8">
|
|
1735
|
-
<div>
|
|
1736
|
-
<p className="mb-2 text-sm font-medium text-kumo-default">Small</p>
|
|
1737
|
-
<DateRangePicker
|
|
1738
|
-
size="sm"
|
|
1739
|
-
onStartDateChange={() => {}}
|
|
1740
|
-
onEndDateChange={() => {}}
|
|
1741
|
-
/>
|
|
1742
|
-
</div>
|
|
1743
|
-
<div>
|
|
1744
|
-
<p className="mb-2 text-sm font-medium text-kumo-default">
|
|
1745
|
-
Base (default)
|
|
1746
|
-
</p>
|
|
1747
|
-
<DateRangePicker
|
|
1748
|
-
size="base"
|
|
1749
|
-
onStartDateChange={() => {}}
|
|
1750
|
-
onEndDateChange={() => {}}
|
|
1751
|
-
/>
|
|
1752
|
-
</div>
|
|
1753
|
-
<div>
|
|
1754
|
-
<p className="mb-2 text-sm font-medium text-kumo-default">Large</p>
|
|
1755
|
-
<DateRangePicker
|
|
1756
|
-
size="lg"
|
|
1757
|
-
onStartDateChange={() => {}}
|
|
1758
|
-
onEndDateChange={() => {}}
|
|
1759
|
-
/>
|
|
1760
|
-
</div>
|
|
1761
|
-
</div>
|
|
1762
|
-
```
|
|
1763
|
-
|
|
1764
|
-
```tsx
|
|
1765
|
-
<div className="flex flex-col gap-8">
|
|
1766
|
-
<div>
|
|
1767
|
-
<p className="mb-2 text-sm font-medium text-kumo-default">
|
|
1768
|
-
Default variant
|
|
1769
|
-
</p>
|
|
1770
|
-
<DateRangePicker
|
|
1771
|
-
variant="default"
|
|
1772
|
-
onStartDateChange={() => {}}
|
|
1773
|
-
onEndDateChange={() => {}}
|
|
1774
|
-
/>
|
|
1775
|
-
</div>
|
|
1776
|
-
<div>
|
|
1777
|
-
<p className="mb-2 text-sm font-medium text-kumo-default">
|
|
1778
|
-
Subtle variant
|
|
1779
|
-
</p>
|
|
1780
|
-
<DateRangePicker
|
|
1781
|
-
variant="subtle"
|
|
1782
|
-
onStartDateChange={() => {}}
|
|
1783
|
-
onEndDateChange={() => {}}
|
|
1784
|
-
/>
|
|
1785
|
-
</div>
|
|
1786
|
-
</div>
|
|
1787
|
-
```
|
|
1788
|
-
|
|
1789
|
-
```tsx
|
|
1790
|
-
<DateRangePicker
|
|
1791
|
-
timezone="London, UK (GMT+0)"
|
|
1792
|
-
onStartDateChange={() => {}}
|
|
1793
|
-
onEndDateChange={() => {}}
|
|
1794
|
-
/>
|
|
1795
|
-
```
|
|
1796
|
-
|
|
1797
|
-
|
|
1798
1895
|
---
|
|
1799
1896
|
|
|
1800
1897
|
### Dialog
|
|
@@ -1970,6 +2067,110 @@ Close sub-component
|
|
|
1970
2067
|
</Dialog.Root>
|
|
1971
2068
|
```
|
|
1972
2069
|
|
|
2070
|
+
```tsx
|
|
2071
|
+
<Dialog.Root>
|
|
2072
|
+
<Dialog.Trigger render={(p) => <Button {...p}>Open Form</Button>} />
|
|
2073
|
+
<Dialog className="p-8">
|
|
2074
|
+
<div className="mb-4 flex items-start justify-between gap-4">
|
|
2075
|
+
<Dialog.Title className="text-2xl font-semibold">
|
|
2076
|
+
Create Resource
|
|
2077
|
+
</Dialog.Title>
|
|
2078
|
+
<Dialog.Close
|
|
2079
|
+
aria-label="Close"
|
|
2080
|
+
render={(props) => (
|
|
2081
|
+
<Button
|
|
2082
|
+
{...props}
|
|
2083
|
+
variant="secondary"
|
|
2084
|
+
shape="square"
|
|
2085
|
+
icon={<X />}
|
|
2086
|
+
aria-label="Close"
|
|
2087
|
+
/>
|
|
2088
|
+
)}
|
|
2089
|
+
/>
|
|
2090
|
+
</div>
|
|
2091
|
+
<Dialog.Description className="mb-4 text-kumo-subtle">
|
|
2092
|
+
Select a region for your new resource.
|
|
2093
|
+
</Dialog.Description>
|
|
2094
|
+
<Select
|
|
2095
|
+
className="w-full"
|
|
2096
|
+
renderValue={(v) =>
|
|
2097
|
+
regions.find((r) => r.value === v)?.label ?? "Select region..."
|
|
2098
|
+
}
|
|
2099
|
+
>
|
|
2100
|
+
{regions.map((region) => (
|
|
2101
|
+
<Select.Option key={region.value} value={region.value}>
|
|
2102
|
+
{region.label}
|
|
2103
|
+
</Select.Option>
|
|
2104
|
+
))}
|
|
2105
|
+
</Select>
|
|
2106
|
+
<div className="mt-8 flex justify-end gap-2">
|
|
2107
|
+
<Dialog.Close
|
|
2108
|
+
render={(props) => (
|
|
2109
|
+
<Button variant="secondary" {...props}>
|
|
2110
|
+
Cancel
|
|
2111
|
+
</Button>
|
|
2112
|
+
)}
|
|
2113
|
+
/>
|
|
2114
|
+
<Button variant="primary">Create</Button>
|
|
2115
|
+
</div>
|
|
2116
|
+
</Dialog>
|
|
2117
|
+
</Dialog.Root>
|
|
2118
|
+
```
|
|
2119
|
+
|
|
2120
|
+
```tsx
|
|
2121
|
+
<Dialog.Root>
|
|
2122
|
+
<Dialog.Trigger render={(p) => <Button {...p}>Open Form</Button>} />
|
|
2123
|
+
<Dialog className="p-8">
|
|
2124
|
+
<div className="mb-4 flex items-start justify-between gap-4">
|
|
2125
|
+
<Dialog.Title className="text-2xl font-semibold">
|
|
2126
|
+
Create Resource
|
|
2127
|
+
</Dialog.Title>
|
|
2128
|
+
<Dialog.Close
|
|
2129
|
+
aria-label="Close"
|
|
2130
|
+
render={(props) => (
|
|
2131
|
+
<Button
|
|
2132
|
+
{...props}
|
|
2133
|
+
variant="secondary"
|
|
2134
|
+
shape="square"
|
|
2135
|
+
icon={<X />}
|
|
2136
|
+
aria-label="Close"
|
|
2137
|
+
/>
|
|
2138
|
+
)}
|
|
2139
|
+
/>
|
|
2140
|
+
</div>
|
|
2141
|
+
<Dialog.Description className="mb-4 text-kumo-subtle">
|
|
2142
|
+
Search and select a region for your new resource.
|
|
2143
|
+
</Dialog.Description>
|
|
2144
|
+
<Combobox value={value} onValueChange={setValue} items={regions}>
|
|
2145
|
+
<Combobox.TriggerInput
|
|
2146
|
+
className="w-full"
|
|
2147
|
+
placeholder="Search regions..."
|
|
2148
|
+
/>
|
|
2149
|
+
<Combobox.Content>
|
|
2150
|
+
<Combobox.Empty>No regions found</Combobox.Empty>
|
|
2151
|
+
<Combobox.List>
|
|
2152
|
+
{(item: { value: string; label: string }) => (
|
|
2153
|
+
<Combobox.Item key={item.value} value={item}>
|
|
2154
|
+
{item.label}
|
|
2155
|
+
</Combobox.Item>
|
|
2156
|
+
)}
|
|
2157
|
+
</Combobox.List>
|
|
2158
|
+
</Combobox.Content>
|
|
2159
|
+
</Combobox>
|
|
2160
|
+
<div className="mt-8 flex justify-end gap-2">
|
|
2161
|
+
<Dialog.Close
|
|
2162
|
+
render={(props) => (
|
|
2163
|
+
<Button variant="secondary" {...props}>
|
|
2164
|
+
Cancel
|
|
2165
|
+
</Button>
|
|
2166
|
+
)}
|
|
2167
|
+
/>
|
|
2168
|
+
<Button variant="primary">Create</Button>
|
|
2169
|
+
</div>
|
|
2170
|
+
</Dialog>
|
|
2171
|
+
</Dialog.Root>
|
|
2172
|
+
```
|
|
2173
|
+
|
|
1973
2174
|
|
|
1974
2175
|
---
|
|
1975
2176
|
|
|
@@ -4534,7 +4735,7 @@ Multi-line textarea input with Input variants and InputArea-specific dimensions
|
|
|
4534
4735
|
- **Feedback:** Banner, Loader, Toasty
|
|
4535
4736
|
- **Action:** Button, ClipboardText
|
|
4536
4737
|
- **Input:** Checkbox, Combobox, DateRangePicker, Field, Input, Radio, Select, Switch
|
|
4537
|
-
- **Other:** CloudflareLogo, Label, Link, SensitiveInput, Table, DeleteResource
|
|
4738
|
+
- **Other:** CloudflareLogo, DatePicker, Label, Link, SensitiveInput, Table, DeleteResource
|
|
4538
4739
|
- **Navigation:** CommandPalette, MenuBar, Pagination, Tabs
|
|
4539
4740
|
- **Overlay:** Dialog, DropdownMenu, Popover, Tooltip
|
|
4540
4741
|
- **Layout:** Grid, Surface, PageHeader, ResourceListPage
|
package/ai/schemas.ts
CHANGED
|
@@ -165,6 +165,8 @@ export const ClipboardTextPropsSchema = z.object({
|
|
|
165
165
|
size: z.enum(["sm", "base", "lg"]).optional(), // Size of the clipboard text field. - `"sm"` — Small clipboard text for compact UIs - `"base"` — Default clipboard text size - `"lg"` — Large clipboard text for prominent display
|
|
166
166
|
text: z.string(), // The text to display and copy to clipboard.
|
|
167
167
|
className: z.string().optional(), // Additional CSS classes merged via `cn()`.
|
|
168
|
+
tooltip: z.unknown().optional(), // Tooltip config. Shows tooltip on hover, anchored toast on click.
|
|
169
|
+
labels: z.unknown().optional(), // Accessible labels for i18n.
|
|
168
170
|
});
|
|
169
171
|
|
|
170
172
|
export const CloudflareLogoPropsSchema = z.object({
|
|
@@ -460,6 +462,11 @@ export const CommandPalettePropsSchema = z.object({
|
|
|
460
462
|
children: z.union([z.string(), z.number(), z.boolean(), z.null(), DynamicValueSchema]).optional(), // Child content - typically one or more Panel components
|
|
461
463
|
});
|
|
462
464
|
|
|
465
|
+
export const DatePickerPropsSchema = z.object({
|
|
466
|
+
className: z.string().optional(), // Additional CSS classes
|
|
467
|
+
children: z.union([z.string(), z.number(), z.boolean(), z.null(), DynamicValueSchema]).optional(), // Child elements
|
|
468
|
+
});
|
|
469
|
+
|
|
463
470
|
export const DateRangePickerPropsSchema = z.object({
|
|
464
471
|
size: z.enum(["sm", "base", "lg"]).optional(), // Calendar size. - `"sm"` — Compact calendar for tight spaces - `"base"` — Default calendar size - `"lg"` — Large calendar for prominent date selection
|
|
465
472
|
variant: z.enum(["default", "subtle"]).optional(), // Visual variant. - `"default"` — Standard appearance with overlay background - `"subtle"` — Minimal background
|
|
@@ -720,7 +727,7 @@ export const TooltipPropsSchema = z.object({
|
|
|
720
727
|
/**
|
|
721
728
|
* All valid component type names
|
|
722
729
|
*/
|
|
723
|
-
export type KumoComponentType = "Badge" | "Banner" | "Breadcrumbs" | "Button" | "Checkbox" | "ClipboardText" | "CloudflareLogo" | "Code" | "Collapsible" | "Combobox" | "CommandPalette" | "DateRangePicker" | "Dialog" | "DropdownMenu" | "Empty" | "Field" | "Grid" | "Input" | "InputArea" | "Label" | "LayerCard" | "Link" | "Loader" | "MenuBar" | "Meter" | "Pagination" | "Popover" | "Radio" | "Select" | "SensitiveInput" | "Surface" | "Switch" | "Table" | "Tabs" | "Text" | "Toasty" | "Tooltip";
|
|
730
|
+
export type KumoComponentType = "Badge" | "Banner" | "Breadcrumbs" | "Button" | "Checkbox" | "ClipboardText" | "CloudflareLogo" | "Code" | "Collapsible" | "Combobox" | "CommandPalette" | "DatePicker" | "DateRangePicker" | "Dialog" | "DropdownMenu" | "Empty" | "Field" | "Grid" | "Input" | "InputArea" | "Label" | "LayerCard" | "Link" | "Loader" | "MenuBar" | "Meter" | "Pagination" | "Popover" | "Radio" | "Select" | "SensitiveInput" | "Surface" | "Switch" | "Table" | "Tabs" | "Text" | "Toasty" | "Tooltip";
|
|
724
731
|
|
|
725
732
|
export const KumoComponentTypeSchema = z.enum([
|
|
726
733
|
"Badge",
|
|
@@ -734,6 +741,7 @@ export const KumoComponentTypeSchema = z.enum([
|
|
|
734
741
|
"Collapsible",
|
|
735
742
|
"Combobox",
|
|
736
743
|
"CommandPalette",
|
|
744
|
+
"DatePicker",
|
|
737
745
|
"DateRangePicker",
|
|
738
746
|
"Dialog",
|
|
739
747
|
"DropdownMenu",
|
|
@@ -777,6 +785,7 @@ export const ComponentPropsSchemas = {
|
|
|
777
785
|
Collapsible: CollapsiblePropsSchema,
|
|
778
786
|
Combobox: ComboboxPropsSchema,
|
|
779
787
|
CommandPalette: CommandPalettePropsSchema,
|
|
788
|
+
DatePicker: DatePickerPropsSchema,
|
|
780
789
|
DateRangePicker: DateRangePickerPropsSchema,
|
|
781
790
|
Dialog: DialogPropsSchema,
|
|
782
791
|
DropdownMenu: DropdownMenuPropsSchema,
|
|
@@ -859,4 +868,4 @@ export function validateUITree(tree: unknown): SafeParseResult<UITree> {
|
|
|
859
868
|
/**
|
|
860
869
|
* List of all component names (for catalog generation)
|
|
861
870
|
*/
|
|
862
|
-
export const KUMO_COMPONENT_NAMES = ["Badge", "Banner", "Breadcrumbs", "Button", "Checkbox", "ClipboardText", "CloudflareLogo", "Code", "Collapsible", "Combobox", "CommandPalette", "DateRangePicker", "Dialog", "DropdownMenu", "Empty", "Field", "Grid", "Input", "InputArea", "Label", "LayerCard", "Link", "Loader", "MenuBar", "Meter", "Pagination", "Popover", "Radio", "Select", "SensitiveInput", "Surface", "Switch", "Table", "Tabs", "Text", "Toasty", "Tooltip"] as const;
|
|
871
|
+
export const KUMO_COMPONENT_NAMES = ["Badge", "Banner", "Breadcrumbs", "Button", "Checkbox", "ClipboardText", "CloudflareLogo", "Code", "Collapsible", "Combobox", "CommandPalette", "DatePicker", "DateRangePicker", "Dialog", "DropdownMenu", "Empty", "Field", "Grid", "Input", "InputArea", "Label", "LayerCard", "Link", "Loader", "MenuBar", "Meter", "Pagination", "Popover", "Radio", "Select", "SensitiveInput", "Surface", "Switch", "Table", "Tabs", "Text", "Toasty", "Tooltip"] as const;
|
package/dist/.build-complete
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
1771589636862
|
package/dist/ai/schemas.d.ts
CHANGED
|
@@ -201,6 +201,8 @@ export declare const ClipboardTextPropsSchema: z.ZodObject<{
|
|
|
201
201
|
}>>;
|
|
202
202
|
text: z.ZodString;
|
|
203
203
|
className: z.ZodOptional<z.ZodString>;
|
|
204
|
+
tooltip: z.ZodOptional<z.ZodUnknown>;
|
|
205
|
+
labels: z.ZodOptional<z.ZodUnknown>;
|
|
204
206
|
}, z.core.$strip>;
|
|
205
207
|
export declare const CloudflareLogoPropsSchema: z.ZodObject<{
|
|
206
208
|
children: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodNull, z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodNull, z.ZodObject<{
|
|
@@ -582,6 +584,12 @@ export declare const CommandPalettePropsSchema: z.ZodObject<{
|
|
|
582
584
|
path: z.ZodString;
|
|
583
585
|
}, z.core.$strip>]>]>>;
|
|
584
586
|
}, z.core.$strip>;
|
|
587
|
+
export declare const DatePickerPropsSchema: z.ZodObject<{
|
|
588
|
+
className: z.ZodOptional<z.ZodString>;
|
|
589
|
+
children: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodNull, z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodNull, z.ZodObject<{
|
|
590
|
+
path: z.ZodString;
|
|
591
|
+
}, z.core.$strip>]>]>>;
|
|
592
|
+
}, z.core.$strip>;
|
|
585
593
|
export declare const DateRangePickerPropsSchema: z.ZodObject<{
|
|
586
594
|
size: z.ZodOptional<z.ZodEnum<{
|
|
587
595
|
base: "base";
|
|
@@ -1008,7 +1016,7 @@ export declare const TooltipPropsSchema: z.ZodObject<{
|
|
|
1008
1016
|
/**
|
|
1009
1017
|
* All valid component type names
|
|
1010
1018
|
*/
|
|
1011
|
-
export type KumoComponentType = "Badge" | "Banner" | "Breadcrumbs" | "Button" | "Checkbox" | "ClipboardText" | "CloudflareLogo" | "Code" | "Collapsible" | "Combobox" | "CommandPalette" | "DateRangePicker" | "Dialog" | "DropdownMenu" | "Empty" | "Field" | "Grid" | "Input" | "InputArea" | "Label" | "LayerCard" | "Link" | "Loader" | "MenuBar" | "Meter" | "Pagination" | "Popover" | "Radio" | "Select" | "SensitiveInput" | "Surface" | "Switch" | "Table" | "Tabs" | "Text" | "Toasty" | "Tooltip";
|
|
1019
|
+
export type KumoComponentType = "Badge" | "Banner" | "Breadcrumbs" | "Button" | "Checkbox" | "ClipboardText" | "CloudflareLogo" | "Code" | "Collapsible" | "Combobox" | "CommandPalette" | "DatePicker" | "DateRangePicker" | "Dialog" | "DropdownMenu" | "Empty" | "Field" | "Grid" | "Input" | "InputArea" | "Label" | "LayerCard" | "Link" | "Loader" | "MenuBar" | "Meter" | "Pagination" | "Popover" | "Radio" | "Select" | "SensitiveInput" | "Surface" | "Switch" | "Table" | "Tabs" | "Text" | "Toasty" | "Tooltip";
|
|
1012
1020
|
export declare const KumoComponentTypeSchema: z.ZodEnum<{
|
|
1013
1021
|
Button: "Button";
|
|
1014
1022
|
Label: "Label";
|
|
@@ -1025,6 +1033,8 @@ export declare const KumoComponentTypeSchema: z.ZodEnum<{
|
|
|
1025
1033
|
Link: "Link";
|
|
1026
1034
|
Grid: "Grid";
|
|
1027
1035
|
CloudflareLogo: "CloudflareLogo";
|
|
1036
|
+
DatePicker: "DatePicker";
|
|
1037
|
+
Select: "Select";
|
|
1028
1038
|
Badge: "Badge";
|
|
1029
1039
|
Banner: "Banner";
|
|
1030
1040
|
Breadcrumbs: "Breadcrumbs";
|
|
@@ -1041,7 +1051,6 @@ export declare const KumoComponentTypeSchema: z.ZodEnum<{
|
|
|
1041
1051
|
Meter: "Meter";
|
|
1042
1052
|
Pagination: "Pagination";
|
|
1043
1053
|
Radio: "Radio";
|
|
1044
|
-
Select: "Select";
|
|
1045
1054
|
Surface: "Surface";
|
|
1046
1055
|
Tabs: "Tabs";
|
|
1047
1056
|
Text: "Text";
|
|
@@ -1158,6 +1167,8 @@ export declare const ComponentPropsSchemas: {
|
|
|
1158
1167
|
}>>;
|
|
1159
1168
|
text: z.ZodString;
|
|
1160
1169
|
className: z.ZodOptional<z.ZodString>;
|
|
1170
|
+
tooltip: z.ZodOptional<z.ZodUnknown>;
|
|
1171
|
+
labels: z.ZodOptional<z.ZodUnknown>;
|
|
1161
1172
|
}, z.core.$strip>;
|
|
1162
1173
|
readonly CloudflareLogo: z.ZodObject<{
|
|
1163
1174
|
children: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodNull, z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodNull, z.ZodObject<{
|
|
@@ -1539,6 +1550,12 @@ export declare const ComponentPropsSchemas: {
|
|
|
1539
1550
|
path: z.ZodString;
|
|
1540
1551
|
}, z.core.$strip>]>]>>;
|
|
1541
1552
|
}, z.core.$strip>;
|
|
1553
|
+
readonly DatePicker: z.ZodObject<{
|
|
1554
|
+
className: z.ZodOptional<z.ZodString>;
|
|
1555
|
+
children: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodNull, z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodNull, z.ZodObject<{
|
|
1556
|
+
path: z.ZodString;
|
|
1557
|
+
}, z.core.$strip>]>]>>;
|
|
1558
|
+
}, z.core.$strip>;
|
|
1542
1559
|
readonly DateRangePicker: z.ZodObject<{
|
|
1543
1560
|
size: z.ZodOptional<z.ZodEnum<{
|
|
1544
1561
|
base: "base";
|
|
@@ -1984,6 +2001,8 @@ export declare const UIElementBaseSchema: z.ZodObject<{
|
|
|
1984
2001
|
Link: "Link";
|
|
1985
2002
|
Grid: "Grid";
|
|
1986
2003
|
CloudflareLogo: "CloudflareLogo";
|
|
2004
|
+
DatePicker: "DatePicker";
|
|
2005
|
+
Select: "Select";
|
|
1987
2006
|
Badge: "Badge";
|
|
1988
2007
|
Banner: "Banner";
|
|
1989
2008
|
Breadcrumbs: "Breadcrumbs";
|
|
@@ -2000,7 +2019,6 @@ export declare const UIElementBaseSchema: z.ZodObject<{
|
|
|
2000
2019
|
Meter: "Meter";
|
|
2001
2020
|
Pagination: "Pagination";
|
|
2002
2021
|
Radio: "Radio";
|
|
2003
|
-
Select: "Select";
|
|
2004
2022
|
Surface: "Surface";
|
|
2005
2023
|
Tabs: "Tabs";
|
|
2006
2024
|
Text: "Text";
|
|
@@ -2069,6 +2087,8 @@ export declare const UITreeSchema: z.ZodObject<{
|
|
|
2069
2087
|
Link: "Link";
|
|
2070
2088
|
Grid: "Grid";
|
|
2071
2089
|
CloudflareLogo: "CloudflareLogo";
|
|
2090
|
+
DatePicker: "DatePicker";
|
|
2091
|
+
Select: "Select";
|
|
2072
2092
|
Badge: "Badge";
|
|
2073
2093
|
Banner: "Banner";
|
|
2074
2094
|
Breadcrumbs: "Breadcrumbs";
|
|
@@ -2085,7 +2105,6 @@ export declare const UITreeSchema: z.ZodObject<{
|
|
|
2085
2105
|
Meter: "Meter";
|
|
2086
2106
|
Pagination: "Pagination";
|
|
2087
2107
|
Radio: "Radio";
|
|
2088
|
-
Select: "Select";
|
|
2089
2108
|
Surface: "Surface";
|
|
2090
2109
|
Tabs: "Tabs";
|
|
2091
2110
|
Text: "Text";
|
|
@@ -2143,5 +2162,5 @@ export declare function validateUITree(tree: unknown): SafeParseResult<UITree>;
|
|
|
2143
2162
|
/**
|
|
2144
2163
|
* List of all component names (for catalog generation)
|
|
2145
2164
|
*/
|
|
2146
|
-
export declare const KUMO_COMPONENT_NAMES: readonly ["Badge", "Banner", "Breadcrumbs", "Button", "Checkbox", "ClipboardText", "CloudflareLogo", "Code", "Collapsible", "Combobox", "CommandPalette", "DateRangePicker", "Dialog", "DropdownMenu", "Empty", "Field", "Grid", "Input", "InputArea", "Label", "LayerCard", "Link", "Loader", "MenuBar", "Meter", "Pagination", "Popover", "Radio", "Select", "SensitiveInput", "Surface", "Switch", "Table", "Tabs", "Text", "Toasty", "Tooltip"];
|
|
2165
|
+
export declare const KUMO_COMPONENT_NAMES: readonly ["Badge", "Banner", "Breadcrumbs", "Button", "Checkbox", "ClipboardText", "CloudflareLogo", "Code", "Collapsible", "Combobox", "CommandPalette", "DatePicker", "DateRangePicker", "Dialog", "DropdownMenu", "Empty", "Field", "Grid", "Input", "InputArea", "Label", "LayerCard", "Link", "Loader", "MenuBar", "Meter", "Pagination", "Popover", "Radio", "Select", "SensitiveInput", "Surface", "Switch", "Table", "Tabs", "Text", "Toasty", "Tooltip"];
|
|
2147
2166
|
//# sourceMappingURL=schemas.d.ts.map
|
package/dist/ai/schemas.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"schemas.d.ts","sourceRoot":"","sources":["../../ai/schemas.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,MAAM,MAAM,eAAe,CAAC,CAAC,IACzB;IAAE,OAAO,EAAE,IAAI,CAAC;IAAC,IAAI,EAAE,CAAC,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GACzC;IAAE,OAAO,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAM7D;;;GAGG;AACH,eAAO,MAAM,kBAAkB;;mBAM7B,CAAC;AAEH,MAAM,MAAM,YAAY,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAM7D;;;GAGG;AAIH,MAAM,MAAM,eAAe,GACvB;IAAE,GAAG,EAAE,eAAe,EAAE,CAAA;CAAE,GAC1B;IAAE,EAAE,EAAE,eAAe,EAAE,CAAA;CAAE,GACzB;IAAE,GAAG,EAAE,eAAe,CAAA;CAAE,GACxB;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAChB;IAAE,EAAE,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,CAAA;CAAE,GACpC;IAAE,GAAG,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,CAAA;CAAE,GACrC;IAAE,EAAE,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,CAAA;CAAE,GACpC;IAAE,GAAG,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,CAAA;CAAE,GACrC;IAAE,EAAE,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,CAAA;CAAE,GACpC;IAAE,GAAG,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,CAAA;CAAE,CAAC;AAkB1C,eAAO,MAAM,yBAAyB;;;;;;;4GAKpC,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,yBAAyB,CAAC,CAAC;AAM5E;;GAEG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;iBAM9B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;iBAMvB,CAAC;AAEH,MAAM,MAAM,MAAM,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,YAAY,CAAC,CAAC;AAMlD,eAAO,MAAM,gBAAgB;;;;;;;;;;;;iBAI3B,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;iBAM5B,CAAC;AAEH,eAAO,MAAM,sBAAsB;;;;;;;;;iBAIjC,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAe5B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;iBAY9B,CAAC;AAEH,eAAO,MAAM,wBAAwB
|
|
1
|
+
{"version":3,"file":"schemas.d.ts","sourceRoot":"","sources":["../../ai/schemas.ts"],"names":[],"mappings":"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"}
|
package/dist/catalog.js
CHANGED
|
@@ -3,8 +3,8 @@ import { jsx as e, jsxs as C } from "react/jsx-runtime";
|
|
|
3
3
|
import { forwardRef as y, createContext as F, useContext as K } from "react";
|
|
4
4
|
import { MinusIcon as w, CheckIcon as j } from "@phosphor-icons/react";
|
|
5
5
|
import { c as g } from "./cn-Bhsu1vx2.js";
|
|
6
|
-
import { L as E } from "./label-
|
|
7
|
-
import { H as I, J as L, K as R, L as _, C as G, N as D, O as H } from "./vendor-base-ui-
|
|
6
|
+
import { L as E } from "./label-zjtV7oXa.js";
|
|
7
|
+
import { H as I, J as L, K as R, L as _, C as G, N as D, O as H } from "./vendor-base-ui-9w7J6BvW.js";
|
|
8
8
|
const J = {
|
|
9
9
|
variant: {
|
|
10
10
|
default: {
|
|
@@ -221,4 +221,4 @@ export {
|
|
|
221
221
|
J as K,
|
|
222
222
|
W as a
|
|
223
223
|
};
|
|
224
|
-
//# sourceMappingURL=checkbox-
|
|
224
|
+
//# sourceMappingURL=checkbox-Dt8iSNOg.js.map
|