@hanzo/ui 8.0.37 → 8.0.39
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/dist/backends/gui/card.cjs +9 -3
- package/dist/backends/gui/card.d.ts.map +1 -1
- package/dist/backends/gui/card.js +9 -3
- package/dist/backends/gui/card.js.map +1 -1
- package/dist/index.cjs +105 -16
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +13 -1
- package/dist/index.js.map +1 -1
- package/package.json +3 -2
|
@@ -21,16 +21,22 @@ const CardFrame = (0, gui_1.styled)(gui_1.YStack, {
|
|
|
21
21
|
py: PAD,
|
|
22
22
|
gap: PAD,
|
|
23
23
|
});
|
|
24
|
-
|
|
24
|
+
// STACKED, not a row. The reference header is a grid whose rows are
|
|
25
|
+
// `[auto_auto]` — title above description — and it only becomes two columns
|
|
26
|
+
// when a CardAction is present. Porting it to XStack put the title and the
|
|
27
|
+
// description side by side, so every plain <CardHeader><CardTitle/>
|
|
28
|
+
// <CardDescription/></CardHeader> rendered as two narrow columns with the
|
|
29
|
+
// title wrapping mid-phrase. That is the shape 79 of 79 call sites in
|
|
30
|
+
// hanzo.app use; CardAction is used in none of them and self-aligns instead.
|
|
31
|
+
const HeaderFrame = (0, gui_1.styled)(gui_1.YStack, {
|
|
25
32
|
name: 'CardHeader',
|
|
26
33
|
px: PAD,
|
|
27
34
|
gap: '$2',
|
|
28
35
|
items: 'flex-start',
|
|
29
|
-
justify: 'space-between',
|
|
30
36
|
});
|
|
31
37
|
const TitleFrame = (0, gui_1.styled)(gui_1.SizableText, { name: 'CardTitle', size: '$4', fontWeight: '600' });
|
|
32
38
|
const DescriptionFrame = (0, gui_1.styled)(gui_1.SizableText, { name: 'CardDescription', size: '$2', color: '$color11' });
|
|
33
|
-
const ActionFrame = (0, gui_1.styled)(gui_1.XStack, { name: 'CardAction', self: 'flex-
|
|
39
|
+
const ActionFrame = (0, gui_1.styled)(gui_1.XStack, { name: 'CardAction', self: 'flex-end', shrink: 0 });
|
|
34
40
|
const ContentFrame = (0, gui_1.styled)(gui_1.YStack, { name: 'CardContent', px: PAD });
|
|
35
41
|
const FooterFrame = (0, gui_1.styled)(gui_1.XStack, { name: 'CardFooter', px: PAD, items: 'center' });
|
|
36
42
|
const Card = (p) => (0, jsx_runtime_1.jsx)(CardFrame, { ...(0, slot_1.slot)('card'), ...p });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/card.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAK3C,QAAA,MAAM,SAAS;;;8CAQb,CAAA;
|
|
1
|
+
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/card.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAK3C,QAAA,MAAM,SAAS;;;8CAQb,CAAA;AASF,QAAA,MAAM,WAAW;;;8CAKf,CAAA;AAEF,QAAA,MAAM,UAAU;;;8CAA4E,CAAA;AAC5F,QAAA,MAAM,gBAAgB;;;8CAAkF,CAAA;AACxG,QAAA,MAAM,WAAW;;;8CAAsE,CAAA;AACvF,QAAA,MAAM,YAAY;;;8CAAmD,CAAA;AACrE,QAAA,MAAM,WAAW;;;8CAAmE,CAAA;AAEpF,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAA;AACxD,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAA;AAChE,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAA;AAC9D,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAC1E,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAA;AAChE,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,CAAA;AAClE,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAA;AAEhE,QAAA,MAAM,IAAI,GAAI,GAAG,SAAS,4CAA2C,CAAA;AACrE,QAAA,MAAM,UAAU,GAAI,GAAG,eAAe,4CAAoD,CAAA;AAC1F,QAAA,MAAM,SAAS,GAAI,GAAG,cAAc,4CAAkD,CAAA;AACtF,QAAA,MAAM,eAAe,GAAI,GAAG,oBAAoB,4CAA8D,CAAA;AAC9G,QAAA,MAAM,UAAU,GAAI,GAAG,eAAe,4CAAoD,CAAA;AAC1F,QAAA,MAAM,WAAW,GAAI,GAAG,gBAAgB,4CAAsD,CAAA;AAC9F,QAAA,MAAM,UAAU,GAAI,GAAG,eAAe,4CAAoD,CAAA;AAE1F,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,eAAe,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -18,16 +18,22 @@ const CardFrame = styled(YStack, {
|
|
|
18
18
|
py: PAD,
|
|
19
19
|
gap: PAD,
|
|
20
20
|
});
|
|
21
|
-
|
|
21
|
+
// STACKED, not a row. The reference header is a grid whose rows are
|
|
22
|
+
// `[auto_auto]` — title above description — and it only becomes two columns
|
|
23
|
+
// when a CardAction is present. Porting it to XStack put the title and the
|
|
24
|
+
// description side by side, so every plain <CardHeader><CardTitle/>
|
|
25
|
+
// <CardDescription/></CardHeader> rendered as two narrow columns with the
|
|
26
|
+
// title wrapping mid-phrase. That is the shape 79 of 79 call sites in
|
|
27
|
+
// hanzo.app use; CardAction is used in none of them and self-aligns instead.
|
|
28
|
+
const HeaderFrame = styled(YStack, {
|
|
22
29
|
name: 'CardHeader',
|
|
23
30
|
px: PAD,
|
|
24
31
|
gap: '$2',
|
|
25
32
|
items: 'flex-start',
|
|
26
|
-
justify: 'space-between',
|
|
27
33
|
});
|
|
28
34
|
const TitleFrame = styled(SizableText, { name: 'CardTitle', size: '$4', fontWeight: '600' });
|
|
29
35
|
const DescriptionFrame = styled(SizableText, { name: 'CardDescription', size: '$2', color: '$color11' });
|
|
30
|
-
const ActionFrame = styled(XStack, { name: 'CardAction', self: 'flex-
|
|
36
|
+
const ActionFrame = styled(XStack, { name: 'CardAction', self: 'flex-end', shrink: 0 });
|
|
31
37
|
const ContentFrame = styled(YStack, { name: 'CardContent', px: PAD });
|
|
32
38
|
const FooterFrame = styled(XStack, { name: 'CardFooter', px: PAD, items: 'center' });
|
|
33
39
|
const Card = (p) => _jsx(CardFrame, { ...slot('card'), ...p });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/backends/gui/card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;GAKG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAEhE,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,MAAM,GAAG,GAAG,EAAE,CAAA;AAEd,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE;IAC/B,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,aAAa;IACjB,WAAW,EAAE,CAAC;IACd,WAAW,EAAE,cAAc;IAC3B,OAAO,EAAE,IAAI;IACb,EAAE,EAAE,GAAG;IACP,GAAG,EAAE,GAAG;CACT,CAAC,CAAA;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE;IACjC,IAAI,EAAE,YAAY;IAClB,EAAE,EAAE,GAAG;IACP,GAAG,EAAE,IAAI;IACT,KAAK,EAAE,YAAY;
|
|
1
|
+
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/backends/gui/card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;GAKG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAEhE,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,MAAM,GAAG,GAAG,EAAE,CAAA;AAEd,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE;IAC/B,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,aAAa;IACjB,WAAW,EAAE,CAAC;IACd,WAAW,EAAE,cAAc;IAC3B,OAAO,EAAE,IAAI;IACb,EAAE,EAAE,GAAG;IACP,GAAG,EAAE,GAAG;CACT,CAAC,CAAA;AAEF,oEAAoE;AACpE,4EAA4E;AAC5E,2EAA2E;AAC3E,oEAAoE;AACpE,0EAA0E;AAC1E,sEAAsE;AACtE,6EAA6E;AAC7E,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE;IACjC,IAAI,EAAE,YAAY;IAClB,EAAE,EAAE,GAAG;IACP,GAAG,EAAE,IAAI;IACT,KAAK,EAAE,YAAY;CACpB,CAAC,CAAA;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAA;AAC5F,MAAM,gBAAgB,GAAG,MAAM,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAA;AACxG,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAA;AACvF,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,CAAA;AACrE,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAA;AAUpF,MAAM,IAAI,GAAG,CAAC,CAAY,EAAE,EAAE,CAAC,KAAC,SAAS,OAAK,IAAI,CAAC,MAAM,CAAC,KAAM,CAAC,GAAI,CAAA;AACrE,MAAM,UAAU,GAAG,CAAC,CAAkB,EAAE,EAAE,CAAC,KAAC,WAAW,OAAK,IAAI,CAAC,aAAa,CAAC,KAAM,CAAC,GAAI,CAAA;AAC1F,MAAM,SAAS,GAAG,CAAC,CAAiB,EAAE,EAAE,CAAC,KAAC,UAAU,OAAK,IAAI,CAAC,YAAY,CAAC,KAAM,CAAC,GAAI,CAAA;AACtF,MAAM,eAAe,GAAG,CAAC,CAAuB,EAAE,EAAE,CAAC,KAAC,gBAAgB,OAAK,IAAI,CAAC,kBAAkB,CAAC,KAAM,CAAC,GAAI,CAAA;AAC9G,MAAM,UAAU,GAAG,CAAC,CAAkB,EAAE,EAAE,CAAC,KAAC,WAAW,OAAK,IAAI,CAAC,aAAa,CAAC,KAAM,CAAC,GAAI,CAAA;AAC1F,MAAM,WAAW,GAAG,CAAC,CAAmB,EAAE,EAAE,CAAC,KAAC,YAAY,OAAK,IAAI,CAAC,cAAc,CAAC,KAAM,CAAC,GAAI,CAAA;AAC9F,MAAM,UAAU,GAAG,CAAC,CAAkB,EAAE,EAAE,CAAC,KAAC,WAAW,OAAK,IAAI,CAAC,aAAa,CAAC,KAAM,CAAC,GAAI,CAAA;AAE1F,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,eAAe,EAAE,WAAW,EAAE,CAAA"}
|
package/dist/index.cjs
CHANGED
|
@@ -1,20 +1,7 @@
|
|
|
1
1
|
'use client';"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
-
};
|
|
16
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.
|
|
3
|
+
exports.DropdownMenuSubTrigger = exports.DropdownMenuSubContent = exports.DropdownMenuSub = exports.DropdownMenuShortcut = exports.DropdownMenuSeparator = exports.DropdownMenuRadioItem = exports.DropdownMenuRadioGroup = exports.DropdownMenuPortal = exports.DropdownMenuLabel = exports.DropdownMenuItem = exports.DropdownMenuGroup = exports.DropdownMenuContent = exports.DropdownMenuCheckboxItem = exports.DropdownMenu = exports.DialogTrigger = exports.DialogTitle = exports.DialogPortal = exports.DialogOverlay = exports.DialogHeader = exports.DialogFooter = exports.DialogDescription = exports.DialogContent = exports.DialogClose = exports.Dialog = exports.CommandShortcut = exports.CommandSeparator = exports.CommandList = exports.CommandItem = exports.CommandInput = exports.CommandGroup = exports.CommandEmpty = exports.CommandDialog = exports.Command = exports.CollapsibleTrigger = exports.CollapsibleContent = exports.Collapsible = exports.Checkbox = exports.CardTitle = exports.CardHeader = exports.CardFooter = exports.CardDescription = exports.CardContent = exports.CardAction = exports.Card = exports.Button = exports.Badge = exports.AvatarImage = exports.AvatarFallback = exports.Avatar = exports.AspectRatio = void 0;
|
|
4
|
+
exports.cn = exports.toast = exports.buttonVariants = exports.badgeVariants = exports.TooltipTrigger = exports.TooltipProvider = exports.TooltipContent = exports.Tooltip = exports.Toaster = exports.Textarea = exports.TabsTrigger = exports.TabsList = exports.TabsContent = exports.Tabs = exports.Switch = exports.Slider = exports.Separator = exports.SelectValue = exports.SelectTrigger = exports.SelectSeparator = exports.SelectScrollUpButton = exports.SelectScrollDownButton = exports.SelectLabel = exports.SelectItem = exports.SelectGroup = exports.SelectContent = exports.Select = exports.ScrollBar = exports.ScrollArea = exports.ResizablePanelGroup = exports.ResizablePanel = exports.ResizableHandle = exports.Progress = exports.PopoverTrigger = exports.PopoverContent = exports.PopoverClose = exports.PopoverAnchor = exports.Popover = exports.Label = exports.Input = exports.DropdownMenuTrigger = void 0;
|
|
18
5
|
// @hanzo/ui — the one Hanzo component library, on @hanzo/gui + @hanzo/tokens.
|
|
19
6
|
//
|
|
20
7
|
// ONE substrate: every component renders through @hanzo/gui primitives, so the
|
|
@@ -32,7 +19,109 @@ exports.cn = void 0;
|
|
|
32
19
|
// Styling is theme tokens, never utility classes: `$background`, `$color12`,
|
|
33
20
|
// `$borderColor` resolve through the gui token config on every host. Touch
|
|
34
21
|
// targets meet the 44px floor via `hitSlop`, never via padding.
|
|
35
|
-
|
|
22
|
+
// Named, not `export *`.
|
|
23
|
+
//
|
|
24
|
+
// This module is a client boundary ('use client' above), and Next 16 refuses
|
|
25
|
+
// `export *` across one: "It's currently unsupported to use `export *` in a client
|
|
26
|
+
// boundary." Every app importing the root barrel failed to build on that one line.
|
|
27
|
+
//
|
|
28
|
+
// Naming them also restores tree-shaking, which `export *` defeats — a bundler
|
|
29
|
+
// cannot prove which members are unused through a star, so importing Button pulled
|
|
30
|
+
// the whole surface in.
|
|
31
|
+
//
|
|
32
|
+
// ./backends/gui already declares these as explicit named blocks; this list mirrors
|
|
33
|
+
// it and is regenerated the same way (scripts/gen-primitives.mjs reads that manifest).
|
|
34
|
+
var gui_1 = require("./backends/gui/index.cjs");
|
|
35
|
+
Object.defineProperty(exports, "AspectRatio", { enumerable: true, get: function () { return gui_1.AspectRatio; } });
|
|
36
|
+
Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return gui_1.Avatar; } });
|
|
37
|
+
Object.defineProperty(exports, "AvatarFallback", { enumerable: true, get: function () { return gui_1.AvatarFallback; } });
|
|
38
|
+
Object.defineProperty(exports, "AvatarImage", { enumerable: true, get: function () { return gui_1.AvatarImage; } });
|
|
39
|
+
Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return gui_1.Badge; } });
|
|
40
|
+
Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return gui_1.Button; } });
|
|
41
|
+
Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return gui_1.Card; } });
|
|
42
|
+
Object.defineProperty(exports, "CardAction", { enumerable: true, get: function () { return gui_1.CardAction; } });
|
|
43
|
+
Object.defineProperty(exports, "CardContent", { enumerable: true, get: function () { return gui_1.CardContent; } });
|
|
44
|
+
Object.defineProperty(exports, "CardDescription", { enumerable: true, get: function () { return gui_1.CardDescription; } });
|
|
45
|
+
Object.defineProperty(exports, "CardFooter", { enumerable: true, get: function () { return gui_1.CardFooter; } });
|
|
46
|
+
Object.defineProperty(exports, "CardHeader", { enumerable: true, get: function () { return gui_1.CardHeader; } });
|
|
47
|
+
Object.defineProperty(exports, "CardTitle", { enumerable: true, get: function () { return gui_1.CardTitle; } });
|
|
48
|
+
Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return gui_1.Checkbox; } });
|
|
49
|
+
Object.defineProperty(exports, "Collapsible", { enumerable: true, get: function () { return gui_1.Collapsible; } });
|
|
50
|
+
Object.defineProperty(exports, "CollapsibleContent", { enumerable: true, get: function () { return gui_1.CollapsibleContent; } });
|
|
51
|
+
Object.defineProperty(exports, "CollapsibleTrigger", { enumerable: true, get: function () { return gui_1.CollapsibleTrigger; } });
|
|
52
|
+
Object.defineProperty(exports, "Command", { enumerable: true, get: function () { return gui_1.Command; } });
|
|
53
|
+
Object.defineProperty(exports, "CommandDialog", { enumerable: true, get: function () { return gui_1.CommandDialog; } });
|
|
54
|
+
Object.defineProperty(exports, "CommandEmpty", { enumerable: true, get: function () { return gui_1.CommandEmpty; } });
|
|
55
|
+
Object.defineProperty(exports, "CommandGroup", { enumerable: true, get: function () { return gui_1.CommandGroup; } });
|
|
56
|
+
Object.defineProperty(exports, "CommandInput", { enumerable: true, get: function () { return gui_1.CommandInput; } });
|
|
57
|
+
Object.defineProperty(exports, "CommandItem", { enumerable: true, get: function () { return gui_1.CommandItem; } });
|
|
58
|
+
Object.defineProperty(exports, "CommandList", { enumerable: true, get: function () { return gui_1.CommandList; } });
|
|
59
|
+
Object.defineProperty(exports, "CommandSeparator", { enumerable: true, get: function () { return gui_1.CommandSeparator; } });
|
|
60
|
+
Object.defineProperty(exports, "CommandShortcut", { enumerable: true, get: function () { return gui_1.CommandShortcut; } });
|
|
61
|
+
Object.defineProperty(exports, "Dialog", { enumerable: true, get: function () { return gui_1.Dialog; } });
|
|
62
|
+
Object.defineProperty(exports, "DialogClose", { enumerable: true, get: function () { return gui_1.DialogClose; } });
|
|
63
|
+
Object.defineProperty(exports, "DialogContent", { enumerable: true, get: function () { return gui_1.DialogContent; } });
|
|
64
|
+
Object.defineProperty(exports, "DialogDescription", { enumerable: true, get: function () { return gui_1.DialogDescription; } });
|
|
65
|
+
Object.defineProperty(exports, "DialogFooter", { enumerable: true, get: function () { return gui_1.DialogFooter; } });
|
|
66
|
+
Object.defineProperty(exports, "DialogHeader", { enumerable: true, get: function () { return gui_1.DialogHeader; } });
|
|
67
|
+
Object.defineProperty(exports, "DialogOverlay", { enumerable: true, get: function () { return gui_1.DialogOverlay; } });
|
|
68
|
+
Object.defineProperty(exports, "DialogPortal", { enumerable: true, get: function () { return gui_1.DialogPortal; } });
|
|
69
|
+
Object.defineProperty(exports, "DialogTitle", { enumerable: true, get: function () { return gui_1.DialogTitle; } });
|
|
70
|
+
Object.defineProperty(exports, "DialogTrigger", { enumerable: true, get: function () { return gui_1.DialogTrigger; } });
|
|
71
|
+
Object.defineProperty(exports, "DropdownMenu", { enumerable: true, get: function () { return gui_1.DropdownMenu; } });
|
|
72
|
+
Object.defineProperty(exports, "DropdownMenuCheckboxItem", { enumerable: true, get: function () { return gui_1.DropdownMenuCheckboxItem; } });
|
|
73
|
+
Object.defineProperty(exports, "DropdownMenuContent", { enumerable: true, get: function () { return gui_1.DropdownMenuContent; } });
|
|
74
|
+
Object.defineProperty(exports, "DropdownMenuGroup", { enumerable: true, get: function () { return gui_1.DropdownMenuGroup; } });
|
|
75
|
+
Object.defineProperty(exports, "DropdownMenuItem", { enumerable: true, get: function () { return gui_1.DropdownMenuItem; } });
|
|
76
|
+
Object.defineProperty(exports, "DropdownMenuLabel", { enumerable: true, get: function () { return gui_1.DropdownMenuLabel; } });
|
|
77
|
+
Object.defineProperty(exports, "DropdownMenuPortal", { enumerable: true, get: function () { return gui_1.DropdownMenuPortal; } });
|
|
78
|
+
Object.defineProperty(exports, "DropdownMenuRadioGroup", { enumerable: true, get: function () { return gui_1.DropdownMenuRadioGroup; } });
|
|
79
|
+
Object.defineProperty(exports, "DropdownMenuRadioItem", { enumerable: true, get: function () { return gui_1.DropdownMenuRadioItem; } });
|
|
80
|
+
Object.defineProperty(exports, "DropdownMenuSeparator", { enumerable: true, get: function () { return gui_1.DropdownMenuSeparator; } });
|
|
81
|
+
Object.defineProperty(exports, "DropdownMenuShortcut", { enumerable: true, get: function () { return gui_1.DropdownMenuShortcut; } });
|
|
82
|
+
Object.defineProperty(exports, "DropdownMenuSub", { enumerable: true, get: function () { return gui_1.DropdownMenuSub; } });
|
|
83
|
+
Object.defineProperty(exports, "DropdownMenuSubContent", { enumerable: true, get: function () { return gui_1.DropdownMenuSubContent; } });
|
|
84
|
+
Object.defineProperty(exports, "DropdownMenuSubTrigger", { enumerable: true, get: function () { return gui_1.DropdownMenuSubTrigger; } });
|
|
85
|
+
Object.defineProperty(exports, "DropdownMenuTrigger", { enumerable: true, get: function () { return gui_1.DropdownMenuTrigger; } });
|
|
86
|
+
Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return gui_1.Input; } });
|
|
87
|
+
Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return gui_1.Label; } });
|
|
88
|
+
Object.defineProperty(exports, "Popover", { enumerable: true, get: function () { return gui_1.Popover; } });
|
|
89
|
+
Object.defineProperty(exports, "PopoverAnchor", { enumerable: true, get: function () { return gui_1.PopoverAnchor; } });
|
|
90
|
+
Object.defineProperty(exports, "PopoverClose", { enumerable: true, get: function () { return gui_1.PopoverClose; } });
|
|
91
|
+
Object.defineProperty(exports, "PopoverContent", { enumerable: true, get: function () { return gui_1.PopoverContent; } });
|
|
92
|
+
Object.defineProperty(exports, "PopoverTrigger", { enumerable: true, get: function () { return gui_1.PopoverTrigger; } });
|
|
93
|
+
Object.defineProperty(exports, "Progress", { enumerable: true, get: function () { return gui_1.Progress; } });
|
|
94
|
+
Object.defineProperty(exports, "ResizableHandle", { enumerable: true, get: function () { return gui_1.ResizableHandle; } });
|
|
95
|
+
Object.defineProperty(exports, "ResizablePanel", { enumerable: true, get: function () { return gui_1.ResizablePanel; } });
|
|
96
|
+
Object.defineProperty(exports, "ResizablePanelGroup", { enumerable: true, get: function () { return gui_1.ResizablePanelGroup; } });
|
|
97
|
+
Object.defineProperty(exports, "ScrollArea", { enumerable: true, get: function () { return gui_1.ScrollArea; } });
|
|
98
|
+
Object.defineProperty(exports, "ScrollBar", { enumerable: true, get: function () { return gui_1.ScrollBar; } });
|
|
99
|
+
Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return gui_1.Select; } });
|
|
100
|
+
Object.defineProperty(exports, "SelectContent", { enumerable: true, get: function () { return gui_1.SelectContent; } });
|
|
101
|
+
Object.defineProperty(exports, "SelectGroup", { enumerable: true, get: function () { return gui_1.SelectGroup; } });
|
|
102
|
+
Object.defineProperty(exports, "SelectItem", { enumerable: true, get: function () { return gui_1.SelectItem; } });
|
|
103
|
+
Object.defineProperty(exports, "SelectLabel", { enumerable: true, get: function () { return gui_1.SelectLabel; } });
|
|
104
|
+
Object.defineProperty(exports, "SelectScrollDownButton", { enumerable: true, get: function () { return gui_1.SelectScrollDownButton; } });
|
|
105
|
+
Object.defineProperty(exports, "SelectScrollUpButton", { enumerable: true, get: function () { return gui_1.SelectScrollUpButton; } });
|
|
106
|
+
Object.defineProperty(exports, "SelectSeparator", { enumerable: true, get: function () { return gui_1.SelectSeparator; } });
|
|
107
|
+
Object.defineProperty(exports, "SelectTrigger", { enumerable: true, get: function () { return gui_1.SelectTrigger; } });
|
|
108
|
+
Object.defineProperty(exports, "SelectValue", { enumerable: true, get: function () { return gui_1.SelectValue; } });
|
|
109
|
+
Object.defineProperty(exports, "Separator", { enumerable: true, get: function () { return gui_1.Separator; } });
|
|
110
|
+
Object.defineProperty(exports, "Slider", { enumerable: true, get: function () { return gui_1.Slider; } });
|
|
111
|
+
Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return gui_1.Switch; } });
|
|
112
|
+
Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return gui_1.Tabs; } });
|
|
113
|
+
Object.defineProperty(exports, "TabsContent", { enumerable: true, get: function () { return gui_1.TabsContent; } });
|
|
114
|
+
Object.defineProperty(exports, "TabsList", { enumerable: true, get: function () { return gui_1.TabsList; } });
|
|
115
|
+
Object.defineProperty(exports, "TabsTrigger", { enumerable: true, get: function () { return gui_1.TabsTrigger; } });
|
|
116
|
+
Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return gui_1.Textarea; } });
|
|
117
|
+
Object.defineProperty(exports, "Toaster", { enumerable: true, get: function () { return gui_1.Toaster; } });
|
|
118
|
+
Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return gui_1.Tooltip; } });
|
|
119
|
+
Object.defineProperty(exports, "TooltipContent", { enumerable: true, get: function () { return gui_1.TooltipContent; } });
|
|
120
|
+
Object.defineProperty(exports, "TooltipProvider", { enumerable: true, get: function () { return gui_1.TooltipProvider; } });
|
|
121
|
+
Object.defineProperty(exports, "TooltipTrigger", { enumerable: true, get: function () { return gui_1.TooltipTrigger; } });
|
|
122
|
+
Object.defineProperty(exports, "badgeVariants", { enumerable: true, get: function () { return gui_1.badgeVariants; } });
|
|
123
|
+
Object.defineProperty(exports, "buttonVariants", { enumerable: true, get: function () { return gui_1.buttonVariants; } });
|
|
124
|
+
Object.defineProperty(exports, "toast", { enumerable: true, get: function () { return gui_1.toast; } });
|
|
36
125
|
// `cn` — the class-name composer, surfaced for convenience.
|
|
37
126
|
var cn_1 = require("./core/cn.cjs");
|
|
38
127
|
Object.defineProperty(exports, "cn", { enumerable: true, get: function () { return cn_1.cn; } });
|
package/dist/index.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
export
|
|
1
|
+
export { AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, Label, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, Progress, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Slider, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, toast, } from './backends/gui/index.js';
|
|
2
|
+
export type { AspectRatioProps, BadgeProps, BadgeVariant, ButtonProps, ButtonSize, ButtonVariant, CommandFilter, CommandProps, DropdownMenuProps, InputProps, ResizableHandleProps, ResizablePanelGroupProps, ResizablePanelProps, } from './backends/gui/index.js';
|
|
2
3
|
export { cn } from './core/cn.js';
|
|
3
4
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AA6BA,OAAO,EACL,WAAW,EAAE,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EACjF,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EACtF,kBAAkB,EAAE,kBAAkB,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAC1F,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,EACjF,WAAW,EAAE,aAAa,EAAE,iBAAiB,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EACxF,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,wBAAwB,EAChF,mBAAmB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,iBAAiB,EAC3E,kBAAkB,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,qBAAqB,EACxF,oBAAoB,EAAE,eAAe,EAAE,sBAAsB,EAAE,sBAAsB,EACrF,mBAAmB,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EACvF,cAAc,EAAE,QAAQ,EAAE,eAAe,EAAE,cAAc,EAAE,mBAAmB,EAAE,UAAU,EAC1F,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EACtE,sBAAsB,EAAE,oBAAoB,EAAE,eAAe,EAAE,aAAa,EAAE,WAAW,EACzF,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EACtF,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAE,aAAa,EAAE,cAAc,EACvF,KAAK,GACN,MAAM,gBAAgB,CAAA;AAEvB,YAAY,EACV,gBAAgB,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAClF,aAAa,EAAE,YAAY,EAAE,iBAAiB,EAAE,UAAU,EAAE,oBAAoB,EAChF,wBAAwB,EAAE,mBAAmB,GAC9C,MAAM,gBAAgB,CAAA;AAGvB,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -15,7 +15,19 @@
|
|
|
15
15
|
// Styling is theme tokens, never utility classes: `$background`, `$color12`,
|
|
16
16
|
// `$borderColor` resolve through the gui token config on every host. Touch
|
|
17
17
|
// targets meet the 44px floor via `hitSlop`, never via padding.
|
|
18
|
-
|
|
18
|
+
// Named, not `export *`.
|
|
19
|
+
//
|
|
20
|
+
// This module is a client boundary ('use client' above), and Next 16 refuses
|
|
21
|
+
// `export *` across one: "It's currently unsupported to use `export *` in a client
|
|
22
|
+
// boundary." Every app importing the root barrel failed to build on that one line.
|
|
23
|
+
//
|
|
24
|
+
// Naming them also restores tree-shaking, which `export *` defeats — a bundler
|
|
25
|
+
// cannot prove which members are unused through a star, so importing Button pulled
|
|
26
|
+
// the whole surface in.
|
|
27
|
+
//
|
|
28
|
+
// ./backends/gui already declares these as explicit named blocks; this list mirrors
|
|
29
|
+
// it and is regenerated the same way (scripts/gen-primitives.mjs reads that manifest).
|
|
30
|
+
export { AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, Label, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, Progress, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Slider, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, toast, } from './backends/gui/index.js';
|
|
19
31
|
// `cn` — the class-name composer, surfaced for convenience.
|
|
20
32
|
export { cn } from './core/cn.js';
|
|
21
33
|
// The design-token scale (colors, dark/light themes, radii, spacing, typography)
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,EAAE;AACF,+EAA+E;AAC/E,kFAAkF;AAClF,4EAA4E;AAC5E,+EAA+E;AAC/E,EAAE;AACF,qGAAqG;AACrG,yGAAyG;AACzG,6GAA6G;AAC7G,4GAA4G;AAC5G,4GAA4G;AAC5G,mHAAmH;AACnH,EAAE;AACF,6EAA6E;AAC7E,2EAA2E;AAC3E,gEAAgE;AAChE,cAAc,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,EAAE;AACF,+EAA+E;AAC/E,kFAAkF;AAClF,4EAA4E;AAC5E,+EAA+E;AAC/E,EAAE;AACF,qGAAqG;AACrG,yGAAyG;AACzG,6GAA6G;AAC7G,4GAA4G;AAC5G,4GAA4G;AAC5G,mHAAmH;AACnH,EAAE;AACF,6EAA6E;AAC7E,2EAA2E;AAC3E,gEAAgE;AAChE,yBAAyB;AACzB,EAAE;AACF,6EAA6E;AAC7E,mFAAmF;AACnF,mFAAmF;AACnF,EAAE;AACF,+EAA+E;AAC/E,mFAAmF;AACnF,wBAAwB;AACxB,EAAE;AACF,oFAAoF;AACpF,uFAAuF;AACvF,OAAO,EACL,WAAW,EAAE,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EACjF,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EACtF,kBAAkB,EAAE,kBAAkB,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAC1F,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,EACjF,WAAW,EAAE,aAAa,EAAE,iBAAiB,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EACxF,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,wBAAwB,EAChF,mBAAmB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,iBAAiB,EAC3E,kBAAkB,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,qBAAqB,EACxF,oBAAoB,EAAE,eAAe,EAAE,sBAAsB,EAAE,sBAAsB,EACrF,mBAAmB,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EACvF,cAAc,EAAE,QAAQ,EAAE,eAAe,EAAE,cAAc,EAAE,mBAAmB,EAAE,UAAU,EAC1F,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EACtE,sBAAsB,EAAE,oBAAoB,EAAE,eAAe,EAAE,aAAa,EAAE,WAAW,EACzF,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EACtF,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAE,aAAa,EAAE,cAAc,EACvF,KAAK,GACN,MAAM,gBAAgB,CAAA;AAQvB,4DAA4D;AAC5D,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAA;AAE9B,iFAAiF;AACjF,6EAA6E;AAC7E,WAAW"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hanzo/ui",
|
|
3
|
-
"version": "8.0.
|
|
3
|
+
"version": "8.0.39",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Hanzo UI — the one canonical Hanzo component library, on @hanzo/gui + @hanzo/tokens. ONE substrate: every component renders through @hanzo/gui primitives, so the same import works on web, native (expo) and desktop (Tauri). Self-contained (theme.css), presentational, host-agnostic, clean-room.",
|
|
6
6
|
"exports": {
|
|
@@ -213,7 +213,8 @@
|
|
|
213
213
|
"react-dom": "^19.0.0",
|
|
214
214
|
"react-native-web": "^0.21.2",
|
|
215
215
|
"typescript": "^5.9.3",
|
|
216
|
-
"vitest": "^4.1.8"
|
|
216
|
+
"vitest": "^4.1.8",
|
|
217
|
+
"@hanzo/cd": "0.1.1"
|
|
217
218
|
},
|
|
218
219
|
"publishConfig": {
|
|
219
220
|
"access": "public"
|