@hanzo/ui 8.24.1 → 8.25.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/dist/backends/gui/dropdown-menu.cjs +13 -2
- package/dist/backends/gui/dropdown-menu.d.ts +9 -0
- package/dist/backends/gui/dropdown-menu.d.ts.map +1 -1
- package/dist/backends/gui/dropdown-menu.js +13 -2
- package/dist/backends/gui/dropdown-menu.js.map +1 -1
- package/dist/core/cn.d.ts +2 -4
- package/dist/core/cn.d.ts.map +1 -1
- package/dist/core/cn.js.map +1 -1
- package/dist/gallery.html +7 -15
- package/dist/styles/motion.css +2 -8
- package/dist/styles.css +6 -14
- package/dist/theme.css +2 -3
- package/package.json +1 -1
|
@@ -101,11 +101,13 @@ const Indicator = ({ children }) => ((0, jsx_runtime_1.jsx)(gui_1.XStack, { posi
|
|
|
101
101
|
// gui puts `offset` on the Popper ROOT; the compound API puts `sideOffset` on
|
|
102
102
|
// Content. One value, one owner: the root holds it, Content publishes into it.
|
|
103
103
|
const OffsetContext = /* @__PURE__ */ React.createContext(null);
|
|
104
|
+
const AlignContext = /* @__PURE__ */ React.createContext(null);
|
|
104
105
|
const DEFAULT_OFFSET = 4;
|
|
105
106
|
function DropdownMenu({ offset = DEFAULT_OFFSET, trigger, items, minWidth = MIN_W, maxHeight, children, ...props }) {
|
|
106
107
|
const [current, setOffset] = React.useState(offset);
|
|
108
|
+
const [placement, setPlacement] = React.useState(undefined);
|
|
107
109
|
React.useEffect(() => setOffset(offset), [offset]);
|
|
108
|
-
return ((0, jsx_runtime_1.jsx)(OffsetContext.Provider, { value: setOffset, children: (0, jsx_runtime_1.jsxs)(gui_1.Menu, { offset: current, ...props, children: [trigger ? ((0, jsx_runtime_1.jsx)(DropdownMenuTrigger, { asChild: true, children: trigger })) : null, items ? ((0, jsx_runtime_1.jsx)(DropdownMenuContent, { minW: minWidth, maxH: maxHeight, children: items.map(renderSpec) })) : null, children] }) }));
|
|
110
|
+
return ((0, jsx_runtime_1.jsx)(OffsetContext.Provider, { value: setOffset, children: (0, jsx_runtime_1.jsx)(AlignContext.Provider, { value: setPlacement, children: (0, jsx_runtime_1.jsxs)(gui_1.Menu, { offset: current, ...(placement ? { placement } : null), ...props, children: [trigger ? ((0, jsx_runtime_1.jsx)(DropdownMenuTrigger, { asChild: true, children: trigger })) : null, items ? ((0, jsx_runtime_1.jsx)(DropdownMenuContent, { minW: minWidth, maxH: maxHeight, children: items.map(renderSpec) })) : null, children] }) }) }));
|
|
109
111
|
}
|
|
110
112
|
/** One spec row -> the matching compound part. Never a second row renderer. */
|
|
111
113
|
const renderSpec = (spec, i) => {
|
|
@@ -126,10 +128,19 @@ const DropdownMenuSub = gui_1.Menu.Sub;
|
|
|
126
128
|
exports.DropdownMenuSub = DropdownMenuSub;
|
|
127
129
|
const DropdownMenuRadioGroup = gui_1.Menu.RadioGroup;
|
|
128
130
|
exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
|
|
129
|
-
|
|
131
|
+
/** `align` as the suffix of a floating-ui placement, against the side given. */
|
|
132
|
+
const placementFor = (side, align) => {
|
|
133
|
+
if (!align)
|
|
134
|
+
return side;
|
|
135
|
+
const base = (side?.split('-')[0] ?? 'bottom');
|
|
136
|
+
return (align === 'center' ? base : `${base}-${align}`);
|
|
137
|
+
};
|
|
138
|
+
const DropdownMenuContent = /* @__PURE__ */ React.forwardRef(function DropdownMenuContent({ sideOffset = DEFAULT_OFFSET, align, children, ...props }, ref) {
|
|
130
139
|
const themeName = (0, portal_theme_1.useThemeName)();
|
|
131
140
|
const setOffset = React.useContext(OffsetContext);
|
|
141
|
+
const setPlacement = React.useContext(AlignContext);
|
|
132
142
|
React.useEffect(() => setOffset?.(sideOffset), [setOffset, sideOffset]);
|
|
143
|
+
React.useEffect(() => setPlacement?.(placementFor(undefined, align)), [setPlacement, align]);
|
|
133
144
|
return ((0, jsx_runtime_1.jsx)(gui_1.Menu.Portal, { children: (0, jsx_runtime_1.jsx)(portal_theme_1.PortalTheme, { name: themeName, children: (0, jsx_runtime_1.jsx)(gui_1.Menu.Content, { ref: ref, "data-slot": "dropdown-menu-content", ...panel, ...props, children: children }) }) }));
|
|
134
145
|
});
|
|
135
146
|
exports.DropdownMenuContent = DropdownMenuContent;
|
|
@@ -40,6 +40,15 @@ declare const DropdownMenuSub: typeof Menu.Sub;
|
|
|
40
40
|
declare const DropdownMenuRadioGroup: typeof Menu.RadioGroup;
|
|
41
41
|
type ContentProps = React.ComponentProps<typeof Menu.Content> & {
|
|
42
42
|
sideOffset?: number;
|
|
43
|
+
/**
|
|
44
|
+
* Which edge of the panel lines up with the trigger.
|
|
45
|
+
*
|
|
46
|
+
* `end` is what a menu hanging off a right-aligned trigger wants: the panel
|
|
47
|
+
* grows leftward and stays on screen. gui states side and alignment as one
|
|
48
|
+
* floating-ui placement string, so this is that string's suffix — `center`
|
|
49
|
+
* being the plain side with no suffix at all.
|
|
50
|
+
*/
|
|
51
|
+
align?: 'start' | 'center' | 'end';
|
|
43
52
|
};
|
|
44
53
|
declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<ContentProps, "ref"> & React.RefAttributes<GuiElement>>;
|
|
45
54
|
declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<import("@hanzo/gui").MenuSubContentProps & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/dropdown-menu.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAkB,KAAK,UAAU,EAAE,MAAM,YAAY,CAAA;AAIxE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;
|
|
1
|
+
{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/dropdown-menu.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAkB,KAAK,UAAU,EAAE,MAAM,YAAY,CAAA;AAIxE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAoE5D,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EACjC,QAAQ,CACT,GAAG;IACF,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;;;OAKG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IAC5B,KAAK,CAAC,EAAE,YAAY,EAAE,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,iBAAS,YAAY,CAAC,EACpB,MAAuB,EACvB,OAAO,EACP,KAAK,EACL,QAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAqBnB;AAoDD,QAAA,MAAM,mBAAmB,EAAE,OAAO,IAAI,CAAC,OAAsB,CAAA;AAC7D,QAAA,MAAM,iBAAiB,EAAE,OAAO,IAAI,CAAC,KAAkB,CAAA;AACvD,QAAA,MAAM,kBAAkB,EAAE,OAAO,IAAI,CAAC,MAAoB,CAAA;AAC1D,QAAA,MAAM,eAAe,EAAE,OAAO,IAAI,CAAC,GAAc,CAAA;AACjD,QAAA,MAAM,sBAAsB,EAAE,OAAO,IAAI,CAAC,UAA4B,CAAA;AAGtE,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;CACnC,CAAA;AAYD,QAAA,MAAM,mBAAmB,8FA0BvB,CAAA;AAEF,QAAA,MAAM,sBAAsB;;sOAY1B,CAAA;AAGF,KAAK,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,GAAG;IACzE,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAA;CACpC,CAAA;AAED,QAAA,MAAM,gBAAgB,2FAsBpB,CAAA;AAEF,QAAA,MAAM,wBAAwB;;;;;;;;;;kJAmB5B,CAAA;AAEF,QAAA,MAAM,qBAAqB;;;;;;+IAkBzB,CAAA;AAEF,QAAA,MAAM,sBAAsB;;;;;;;;;;;;;;YAE+B,OAAO;4CAehE,CAAA;AAGF,QAAA,MAAM,iBAAiB;;;;YAE+B,OAAO;4CAiB3D,CAAA;AAEF,QAAA,MAAM,qBAAqB;;+TAezB,CAAA;AAEF,4FAA4F;AAC5F,iBAAS,oBAAoB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,2CAWrE;AAED,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,GACvB,CAAA"}
|
|
@@ -63,11 +63,13 @@ const Indicator = ({ children }) => (_jsx(XStack, { position: "absolute", l: ROW
|
|
|
63
63
|
// gui puts `offset` on the Popper ROOT; the compound API puts `sideOffset` on
|
|
64
64
|
// Content. One value, one owner: the root holds it, Content publishes into it.
|
|
65
65
|
const OffsetContext = /* @__PURE__ */ React.createContext(null);
|
|
66
|
+
const AlignContext = /* @__PURE__ */ React.createContext(null);
|
|
66
67
|
const DEFAULT_OFFSET = 4;
|
|
67
68
|
function DropdownMenu({ offset = DEFAULT_OFFSET, trigger, items, minWidth = MIN_W, maxHeight, children, ...props }) {
|
|
68
69
|
const [current, setOffset] = React.useState(offset);
|
|
70
|
+
const [placement, setPlacement] = React.useState(undefined);
|
|
69
71
|
React.useEffect(() => setOffset(offset), [offset]);
|
|
70
|
-
return (_jsx(OffsetContext.Provider, { value: setOffset, children: _jsxs(Menu, { offset: current, ...props, children: [trigger ? (_jsx(DropdownMenuTrigger, { asChild: true, children: trigger })) : null, items ? (_jsx(DropdownMenuContent, { minW: minWidth, maxH: maxHeight, children: items.map(renderSpec) })) : null, children] }) }));
|
|
72
|
+
return (_jsx(OffsetContext.Provider, { value: setOffset, children: _jsx(AlignContext.Provider, { value: setPlacement, children: _jsxs(Menu, { offset: current, ...(placement ? { placement } : null), ...props, children: [trigger ? (_jsx(DropdownMenuTrigger, { asChild: true, children: trigger })) : null, items ? (_jsx(DropdownMenuContent, { minW: minWidth, maxH: maxHeight, children: items.map(renderSpec) })) : null, children] }) }) }));
|
|
71
73
|
}
|
|
72
74
|
/** One spec row -> the matching compound part. Never a second row renderer. */
|
|
73
75
|
const renderSpec = (spec, i) => {
|
|
@@ -83,10 +85,19 @@ const DropdownMenuGroup = Menu.Group;
|
|
|
83
85
|
const DropdownMenuPortal = Menu.Portal;
|
|
84
86
|
const DropdownMenuSub = Menu.Sub;
|
|
85
87
|
const DropdownMenuRadioGroup = Menu.RadioGroup;
|
|
86
|
-
|
|
88
|
+
/** `align` as the suffix of a floating-ui placement, against the side given. */
|
|
89
|
+
const placementFor = (side, align) => {
|
|
90
|
+
if (!align)
|
|
91
|
+
return side;
|
|
92
|
+
const base = (side?.split('-')[0] ?? 'bottom');
|
|
93
|
+
return (align === 'center' ? base : `${base}-${align}`);
|
|
94
|
+
};
|
|
95
|
+
const DropdownMenuContent = /* @__PURE__ */ React.forwardRef(function DropdownMenuContent({ sideOffset = DEFAULT_OFFSET, align, children, ...props }, ref) {
|
|
87
96
|
const themeName = useThemeName();
|
|
88
97
|
const setOffset = React.useContext(OffsetContext);
|
|
98
|
+
const setPlacement = React.useContext(AlignContext);
|
|
89
99
|
React.useEffect(() => setOffset?.(sideOffset), [setOffset, sideOffset]);
|
|
100
|
+
React.useEffect(() => setPlacement?.(placementFor(undefined, align)), [setPlacement, align]);
|
|
90
101
|
return (_jsx(Menu.Portal, { children: _jsx(PortalTheme, { name: themeName, children: _jsx(Menu.Content, { ref: ref, "data-slot": "dropdown-menu-content", ...panel, ...props, children: children }) }) }));
|
|
91
102
|
});
|
|
92
103
|
const DropdownMenuSubContent = /* @__PURE__ */ React.forwardRef(function DropdownMenuSubContent(props, ref) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-menu.js","sourceRoot":"","sources":["../../../src/backends/gui/dropdown-menu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAmB,MAAM,YAAY,CAAA;AACxE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AAEtE,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAEjC,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAE3E,kFAAkF;AAClF,MAAM,KAAK,GAAG,EAAE,CAAA;AAChB,MAAM,OAAO,GAAG,EAAE,CAAA;AAClB,MAAM,MAAM,GAAG,CAAC,CAAA;AAChB,gFAAgF;AAChF,MAAM,KAAK,GAAG,GAAG,CAAA;AACjB,MAAM,QAAQ,GAAG,EAAE,CAAA;AACnB,MAAM,cAAc,GAAG,EAAE,CAAA;AACzB,MAAM,IAAI,GAAG,EAAE,CAAA;AAEf,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE,QAAQ;IACZ,WAAW,EAAE,cAAc;IAC3B,WAAW,EAAE,CAAC;IACd,OAAO,EAAE,IAAI;IACb,CAAC,EAAE,CAAC;IACJ,IAAI,EAAE,KAAK;IACX,QAAQ,EAAE,QAAQ;IAClB,WAAW,EAAE,kBAAkB;IAC/B,YAAY,EAAE,EAAE;IAChB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;CAC9B,CAAA;AAEV,MAAM,GAAG,GAAG;IACV,KAAK,EAAE,QAAQ;IACf,GAAG,EAAE,MAAM;IACX,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,KAAK;IACX,OAAO,EAAE,IAAI;IACb,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,SAAS;IACjB,GAAG,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC;IAC7B,UAAU,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE;IAC7B,UAAU,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE;IAC7B,UAAU,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE;CAClB,CAAA;AAEV,2DAA2D;AAC3D,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE,CAAC,CACjE,KAAC,MAAM,IACL,QAAQ,EAAC,UAAU,EACnB,CAAC,EAAE,MAAM,EACT,KAAK,EAAE,cAAc,EACrB,MAAM,EAAE,cAAc,EACtB,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,aAAa,EAAC,MAAM,YAEpB,KAAC,IAAI,CAAC,aAAa,cAAE,QAAQ,GAAsB,GAC5C,CACV,CAAA;AAED,mFAAmF;AACnF,8EAA8E;AAC9E,+EAA+E;AAC/E,MAAM,aAAa,GAAG,eAAe,CAAC,KAAK,CAAC,aAAa,CAEvD,IAAI,CAAC,CAAA;AACP,MAAM,cAAc,GAAG,CAAC,CAAA;AAmBxB,SAAS,YAAY,CAAC,EACpB,MAAM,GAAG,cAAc,EACvB,OAAO,EACP,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACU;IAClB,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IACnD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAClD,OAAO,CACL,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,YACtC,MAAC,IAAI,IAAC,MAAM,EAAE,OAAO,KAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"dropdown-menu.js","sourceRoot":"","sources":["../../../src/backends/gui/dropdown-menu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAmB,MAAM,YAAY,CAAA;AACxE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AAEtE,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAEjC,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAE3E,kFAAkF;AAClF,MAAM,KAAK,GAAG,EAAE,CAAA;AAChB,MAAM,OAAO,GAAG,EAAE,CAAA;AAClB,MAAM,MAAM,GAAG,CAAC,CAAA;AAChB,gFAAgF;AAChF,MAAM,KAAK,GAAG,GAAG,CAAA;AACjB,MAAM,QAAQ,GAAG,EAAE,CAAA;AACnB,MAAM,cAAc,GAAG,EAAE,CAAA;AACzB,MAAM,IAAI,GAAG,EAAE,CAAA;AAEf,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE,QAAQ;IACZ,WAAW,EAAE,cAAc;IAC3B,WAAW,EAAE,CAAC;IACd,OAAO,EAAE,IAAI;IACb,CAAC,EAAE,CAAC;IACJ,IAAI,EAAE,KAAK;IACX,QAAQ,EAAE,QAAQ;IAClB,WAAW,EAAE,kBAAkB;IAC/B,YAAY,EAAE,EAAE;IAChB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;CAC9B,CAAA;AAEV,MAAM,GAAG,GAAG;IACV,KAAK,EAAE,QAAQ;IACf,GAAG,EAAE,MAAM;IACX,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,KAAK;IACX,OAAO,EAAE,IAAI;IACb,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,SAAS;IACjB,GAAG,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC;IAC7B,UAAU,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE;IAC7B,UAAU,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE;IAC7B,UAAU,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE;CAClB,CAAA;AAEV,2DAA2D;AAC3D,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE,CAAC,CACjE,KAAC,MAAM,IACL,QAAQ,EAAC,UAAU,EACnB,CAAC,EAAE,MAAM,EACT,KAAK,EAAE,cAAc,EACrB,MAAM,EAAE,cAAc,EACtB,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,aAAa,EAAC,MAAM,YAEpB,KAAC,IAAI,CAAC,aAAa,cAAE,QAAQ,GAAsB,GAC5C,CACV,CAAA;AAED,mFAAmF;AACnF,8EAA8E;AAC9E,+EAA+E;AAC/E,MAAM,aAAa,GAAG,eAAe,CAAC,KAAK,CAAC,aAAa,CAEvD,IAAI,CAAC,CAAA;AAGP,MAAM,YAAY,GAAG,eAAe,CAAC,KAAK,CAAC,aAAa,CAEtD,IAAI,CAAC,CAAA;AACP,MAAM,cAAc,GAAG,CAAC,CAAA;AAmBxB,SAAS,YAAY,CAAC,EACpB,MAAM,GAAG,cAAc,EACvB,OAAO,EACP,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACU;IAClB,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IACnD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAwB,SAAS,CAAC,CAAA;IAClF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAClD,OAAO,CACL,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,YACtC,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAC1C,MAAC,IAAI,IAAC,MAAM,EAAE,OAAO,KAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAM,KAAK,aACrE,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,mBAAmB,IAAC,OAAO,kBAAE,OAAO,GAAuB,CAC7D,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,mBAAmB,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,YACjD,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,GACF,CACvB,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,IACJ,GACiB,GACD,CAC1B,CAAA;AACH,CAAC;AAED,+EAA+E;AAC/E,MAAM,UAAU,GAAG,CAAC,IAAkB,EAAE,CAAS,EAAE,EAAE;IACnD,IAAI,IAAI,CAAC,IAAI,KAAK,WAAW;QAC3B,OAAO,KAAC,qBAAqB,MAAM,IAAI,CAAC,GAAG,IAAI,OAAO,CAAC,EAAE,CAAI,CAAA;IAC/D,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO;QACvB,OAAO,CACL,KAAC,iBAAiB,cACf,IAAI,CAAC,KAAK,IADW,IAAI,CAAC,GAAG,IAAI,SAAS,CAAC,EAAE,CAE5B,CACrB,CAAA;IACH,OAAO,CACL,MAAC,gBAAgB,IAEf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EACrD,QAAQ,EAAE,IAAI,CAAC,QAAQ,aAEtB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,KAAC,MAAM,IACL,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,MAAM,EAAE,CAAC,YAER,IAAI,CAAC,IAAI,GACH,CACV,CAAC,CAAC,CAAC,IAAI,EACR,MAAC,MAAM,IAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,aACtB,KAAC,IAAI,IAAC,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,MAAM,EAAC,aAAa,EAAE,CAAC,YAC9C,IAAI,CAAC,KAAK,GACN,EACN,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAClB,KAAC,IAAI,IAAC,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,EAAC,aAAa,EAAE,CAAC,YAChD,IAAI,CAAC,WAAW,GACZ,CACR,CAAC,CAAC,CAAC,IAAI,IACD,EACR,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CACf,KAAC,oBAAoB,cAAE,IAAI,CAAC,QAAQ,GAAwB,CAC7D,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAC,KAAK,IAAC,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,EAAE,EAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,EAC1D,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CACjB,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,EAAE,EAAC,MAAM,EAAC,OAAO,EAAE,GAAG,GAAI,CACzD,CAAC,CAAC,CAAC,IAAI,KAhCH,IAAI,CAAC,GAAG,CAiCI,CACpB,CAAA;AACH,CAAC,CAAA;AAED,mFAAmF;AACnF,MAAM,mBAAmB,GAAwB,IAAI,CAAC,OAAO,CAAA;AAC7D,MAAM,iBAAiB,GAAsB,IAAI,CAAC,KAAK,CAAA;AACvD,MAAM,kBAAkB,GAAuB,IAAI,CAAC,MAAM,CAAA;AAC1D,MAAM,eAAe,GAAoB,IAAI,CAAC,GAAG,CAAA;AACjD,MAAM,sBAAsB,GAA2B,IAAI,CAAC,UAAU,CAAA;AAgBtE,gFAAgF;AAChF,MAAM,YAAY,GAAG,CACnB,IAA2B,EAC3B,KAA6C,EACtB,EAAE;IACzB,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAA;IACvB,MAAM,IAAI,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAc,CAAA;IAC3D,OAAO,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,KAAK,EAAE,CAAc,CAAA;AACtE,CAAC,CAAA;AAED,MAAM,mBAAmB,GAAG,eAAe,CAAC,KAAK,CAAC,UAAU,CAG1D,SAAS,mBAAmB,CAC5B,EAAE,UAAU,GAAG,cAAc,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAC1D,GAAG;IAEH,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAA;IACjD,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAA;IACnD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAA;IACvE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC,YAAY,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,CAAA;IAC5F,OAAO,CACL,KAAC,IAAI,CAAC,MAAM,cACV,KAAC,WAAW,IAAC,IAAI,EAAE,SAAS,YAC1B,KAAC,IAAI,CAAC,OAAO,IACX,GAAG,EAAE,GAAG,eACE,uBAAuB,KAC7B,KAAK,KACL,KAAK,YAER,QAAQ,GACI,GACH,GACF,CACf,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,sBAAsB,GAAG,eAAe,CAAC,KAAK,CAAC,UAAU,CAG7D,SAAS,sBAAsB,CAAC,KAAK,EAAE,GAAG;IAC1C,OAAO,CACL,KAAC,IAAI,CAAC,UAAU,IACd,GAAG,EAAE,GAAG,eACE,2BAA2B,KACjC,KAAK,KACL,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAQF,MAAM,gBAAgB,GAAG,eAAe,CAAC,KAAK,CAAC,UAAU,CAGvD,SAAS,gBAAgB,CACzB,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAClD,GAAG;IAEH,OAAO,CACL,KAAC,IAAI,CAAC,IAAI,IACR,GAAG,EAAE,GAAG,eACE,oBAAoB,gBAClB,KAAK,kBACH,OAAO,EACrB,QAAQ,EAAE,QAAQ,KACd,GAAG,EACP,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAC7B,KAAK,EAAE,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EACpD,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAC3B,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,KACpC,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,wBAAwB,GAAG,eAAe,CAAC,KAAK,CAAC,UAAU,CAG/D,SAAS,wBAAwB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACtE,OAAO,CACL,MAAC,IAAI,CAAC,YAAY,IAChB,GAAG,EAAE,GAAG,eACE,6BAA6B,EACvC,OAAO,EAAE,OAAO,KACZ,GAAG,EACP,EAAE,EAAE,QAAQ,KACR,KAAK,aAET,KAAC,SAAS,cACR,KAAC,KAAK,IAAC,IAAI,EAAE,IAAI,GAAI,GACX,EACX,QAAQ,IACS,CACrB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,qBAAqB,GAAG,eAAe,CAAC,KAAK,CAAC,UAAU,CAG5D,SAAS,qBAAqB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC1D,OAAO,CACL,MAAC,IAAI,CAAC,SAAS,IACb,GAAG,EAAE,GAAG,eACE,0BAA0B,KAChC,GAAG,EACP,EAAE,EAAE,QAAQ,KACR,KAAK,aAET,KAAC,SAAS,cACR,KAAC,MAAM,IAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,cAAc,GAAG,GAC7B,EACX,QAAQ,IACM,CAClB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,sBAAsB,GAAG,eAAe,CAAC,KAAK,CAAC,UAAU,CAG7D,SAAS,sBAAsB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAClE,OAAO,CACL,MAAC,IAAI,CAAC,UAAU,IACd,GAAG,EAAE,GAAG,eACE,2BAA2B,gBACzB,KAAK,KACb,GAAG,EACP,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,KACzB,KAAK,aAER,QAAQ,EACT,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAC,MAAM,EAAC,OAAO,EAAE,GAAG,GAAI,IACpC,CACnB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,mFAAmF;AACnF,MAAM,iBAAiB,GAAG,eAAe,CAAC,KAAK,CAAC,UAAU,CAGxD,SAAS,iBAAiB,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACnD,OAAO,CACL,KAAC,IAAI,CAAC,KAAK,IACT,GAAG,EAAE,GAAG,eACE,qBAAqB,gBACnB,KAAK,EACjB,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAC7B,QAAQ,EAAC,IAAI,EACb,UAAU,EAAC,KAAK,EAChB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,KACT,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,qBAAqB,GAAG,eAAe,CAAC,KAAK,CAAC,UAAU,CAG5D,SAAS,qBAAqB,CAAC,KAAK,EAAE,GAAG;IACzC,OAAO,CACL,KAAC,IAAI,CAAC,SAAS,IACb,GAAG,EAAE,GAAG,eACE,yBAAyB,EACnC,MAAM,EAAE,CAAC,EACT,EAAE,EAAC,cAAc,EACjB,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,KACD,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,4FAA4F;AAC5F,SAAS,oBAAoB,CAAC,KAAwC;IACpE,OAAO,CACL,KAAC,IAAI,iBACO,wBAAwB,EAClC,EAAE,EAAC,MAAM,EACT,QAAQ,EAAC,IAAI,EACb,aAAa,EAAE,CAAC,EAChB,KAAK,EAAC,QAAQ,KACV,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,GACvB,CAAA"}
|
package/dist/core/cn.d.ts
CHANGED
|
@@ -39,10 +39,8 @@ export declare function capitalize(s: string): string;
|
|
|
39
39
|
* })
|
|
40
40
|
* chip({ tone: 'warn' }) // 'inline-flex rounded bg-amber-500'
|
|
41
41
|
*
|
|
42
|
-
* A lookup and a join
|
|
43
|
-
*
|
|
44
|
-
* is fifteen lines beside `cn` rather than a dependency, and one of the two
|
|
45
|
-
* class-name libraries this package used to carry to do what it already did.
|
|
42
|
+
* A lookup and a join — the shape every component in this estate is written
|
|
43
|
+
* against, in fifteen lines beside `cn` and with no dependency.
|
|
46
44
|
*/
|
|
47
45
|
export type Variants = Record<string, Record<string, ClassValue>>;
|
|
48
46
|
/** The selection: for each axis, one of the keys that axis offers. */
|
package/dist/core/cn.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/core/cn.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH;;;;;;;GAOG;AACH,MAAM,MAAM,UAAU,GAClB,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,GACrD,UAAU,EAAE,GACZ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAE3B;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,UAAU,EAAE,GAAG,GAAE,MAAM,EAAO,GAAG,MAAM,EAAE,CAWnE;AAED,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAElD;AAED,8EAA8E;AAC9E,wBAAgB,UAAU,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAE5C;AAED
|
|
1
|
+
{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/core/cn.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH;;;;;;;GAOG;AACH,MAAM,MAAM,UAAU,GAClB,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,GACrD,UAAU,EAAE,GACZ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAE3B;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,UAAU,EAAE,GAAG,GAAE,MAAM,EAAO,GAAG,MAAM,EAAE,CAWnE;AAED,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAElD;AAED,8EAA8E;AAC9E,wBAAgB,UAAU,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAE5C;AAED;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAA;AAEjE,sEAAsE;AACtE,MAAM,MAAM,MAAM,CAAC,CAAC,SAAS,QAAQ,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;CAAE,CAAA;AAExE,kEAAkE;AAClE,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,KAAK,MAAM,GAChE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC,GAC3C,KAAK,CAAA;AAET,wBAAgB,QAAQ,CAAC,CAAC,SAAS,QAAQ,EACzC,IAAI,CAAC,EAAE,UAAU,EACjB,MAAM,CAAC,EAAE;IAAE,QAAQ,CAAC,EAAE,CAAC,CAAC;IAAC,eAAe,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAA;CAAE,aAIrC,MAAM,CAAC,CAAC,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,UAAU,CAAC;IAAC,SAAS,CAAC,EAAE,UAAU,CAAA;CAAE,KAAG,MAAM,CAUrF"}
|
package/dist/core/cn.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cn.js","sourceRoot":"","sources":["../../src/core/cn.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAeH;;;;;GAKG;AACH,MAAM,UAAU,OAAO,CAAC,CAAa,EAAE,GAAG,GAAa,EAAE;IACvD,IAAI,CAAC,CAAC;QAAE,OAAO,GAAG,CAAA;IAClB,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE,CAAC;QAAC,KAAK,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;YAAE,IAAI,CAAC;gBAAE,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAAC,OAAO,GAAG,CAAA;IAAC,CAAC;IAC7F,4EAA4E;IAC5E,2EAA2E;IAC3E,8DAA8D;IAC9D,IAAI,OAAO,CAAC,KAAK,SAAS;QAAE,OAAO,GAAG,CAAA;IACtC,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE,CAAC;QAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,OAAO,GAAG,CAAA;IAAC,CAAC;IACvF,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;QAAC,KAAK,MAAM,CAAC,IAAI,CAAC;YAAE,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;QAAC,OAAO,GAAG,CAAA;IAAC,CAAC;IACxE,KAAK,MAAM,CAAC,IAAI,CAAC;QAAE,IAAK,CAA6B,CAAC,CAAC,CAAC;YAAE,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;IACrE,OAAO,GAAG,CAAA;AACZ,CAAC;AAED,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAClC,CAAC;AAED,8EAA8E;AAC9E,MAAM,UAAU,UAAU,CAAC,CAAS;IAClC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;AACvD,CAAC;
|
|
1
|
+
{"version":3,"file":"cn.js","sourceRoot":"","sources":["../../src/core/cn.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAeH;;;;;GAKG;AACH,MAAM,UAAU,OAAO,CAAC,CAAa,EAAE,GAAG,GAAa,EAAE;IACvD,IAAI,CAAC,CAAC;QAAE,OAAO,GAAG,CAAA;IAClB,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE,CAAC;QAAC,KAAK,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;YAAE,IAAI,CAAC;gBAAE,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAAC,OAAO,GAAG,CAAA;IAAC,CAAC;IAC7F,4EAA4E;IAC5E,2EAA2E;IAC3E,8DAA8D;IAC9D,IAAI,OAAO,CAAC,KAAK,SAAS;QAAE,OAAO,GAAG,CAAA;IACtC,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE,CAAC;QAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,OAAO,GAAG,CAAA;IAAC,CAAC;IACvF,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;QAAC,KAAK,MAAM,CAAC,IAAI,CAAC;YAAE,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;QAAC,OAAO,GAAG,CAAA;IAAC,CAAC;IACxE,KAAK,MAAM,CAAC,IAAI,CAAC;QAAE,IAAK,CAA6B,CAAC,CAAC,CAAC;YAAE,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;IACrE,OAAO,GAAG,CAAA;AACZ,CAAC;AAED,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAClC,CAAC;AAED,8EAA8E;AAC9E,MAAM,UAAU,UAAU,CAAC,CAAS;IAClC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;AACvD,CAAC;AAwBD,MAAM,UAAU,QAAQ,CACtB,IAAiB,EACjB,MAAsD;IAEtD,MAAM,KAAK,GAAG,MAAM,EAAE,QAAQ,IAAK,EAAQ,CAAA;IAC3C,MAAM,QAAQ,GAAG,MAAM,EAAE,eAAe,IAAK,EAAgB,CAAA;IAC7D,OAAO,CAAC,MAAmE,EAAU,EAAE;QACrF,MAAM,MAAM,GAAiB,CAAC,IAAI,CAAC,CAAA;QACnC,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,2EAA2E;YAC3E,oDAAoD;YACpD,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC,IAAI,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAA;YAC5C,IAAI,GAAG,IAAI,IAAI;gBAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAa,CAAC,CAAC,CAAA;QAC1D,CAAC;QACD,OAAO,EAAE,CAAC,GAAG,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,CAAA;IACxD,CAAC,CAAA;AACH,CAAC"}
|
package/dist/gallery.html
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<!doctype html><html lang="en" class="t_dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>@hanzo/ui 8.
|
|
1
|
+
<!doctype html><html lang="en" class="t_dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>@hanzo/ui 8.25.0</title><style>/* @hanzo/ui — generated by scripts/gen-css.mjs. Do not edit. */
|
|
2
2
|
:root { --hanzo-ui-styles: 1; }
|
|
3
3
|
/* Hanzo Design System — the entry point. Import THIS one file.
|
|
4
4
|
*
|
|
@@ -1392,9 +1392,8 @@
|
|
|
1392
1392
|
.hz-prose > p { margin: 0 }
|
|
1393
1393
|
/* The marker is RESTORED here. `base.css` takes it off every list in the
|
|
1394
1394
|
document, because a nav and a card grid are both lists and neither wants one.
|
|
1395
|
-
Authored prose is the one place it belongs
|
|
1396
|
-
|
|
1397
|
-
blog, where every bulleted list read as loose paragraphs. */
|
|
1395
|
+
Authored prose is the one place it belongs. Setting only the indent leaves an
|
|
1396
|
+
indented list with nothing at the start of the line. */
|
|
1398
1397
|
.hz-prose > ul, .hz-prose ul ul { list-style: disc }
|
|
1399
1398
|
.hz-prose > ol, .hz-prose ol ol { list-style: decimal }
|
|
1400
1399
|
.hz-prose ul, .hz-prose ol { margin: 0; padding-inline-start: 1.5em }
|
|
@@ -2350,9 +2349,8 @@ a svg,
|
|
|
2350
2349
|
the initial `flex-shrink: 1` lets one shrink to fit — so a button whose
|
|
2351
2350
|
padding leaves less room than the icon needs resolves by making the ICON
|
|
2352
2351
|
zero-wide rather than the button wider. Nothing reports it: the element is
|
|
2353
|
-
present, visible, correctly coloured, and 0px across
|
|
2354
|
-
|
|
2355
|
-
arrow's paths laid out inside a box clipped to nothing. */
|
|
2352
|
+
present, visible, correctly coloured, and 0px across — an empty outlined
|
|
2353
|
+
square with the icon's paths laid out inside a box clipped to nothing. */
|
|
2356
2354
|
flex-shrink: 0;
|
|
2357
2355
|
}
|
|
2358
2356
|
|
|
@@ -2817,14 +2815,8 @@ a svg,
|
|
|
2817
2815
|
|
|
2818
2816
|
/* A top-level nav item.
|
|
2819
2817
|
*
|
|
2820
|
-
* `navigationMenuTriggerStyle()`
|
|
2821
|
-
*
|
|
2822
|
-
* one run-together string — "AI Cards Ecosystem Network Resources" — because the
|
|
2823
|
-
* only thing separating the items was the list's 4px gap.
|
|
2824
|
-
*
|
|
2825
|
-
* A class name is a string and a string always compiles, which is why this
|
|
2826
|
-
* shipped. `prose.test.ts` now diffs the names the components use against the
|
|
2827
|
-
* names the sheets declare, so a rule cannot go missing again.
|
|
2818
|
+
* `navigationMenuTriggerStyle()` returns this name, so a trigger with no rule
|
|
2819
|
+
* behind it is bare text separated only by the list's gap.
|
|
2828
2820
|
*
|
|
2829
2821
|
* Padding rather than a wider gap: the padding is also the hit area, and a nav
|
|
2830
2822
|
* item wants a target bigger than its glyphs. */
|
package/dist/styles/motion.css
CHANGED
|
@@ -459,14 +459,8 @@
|
|
|
459
459
|
|
|
460
460
|
/* A top-level nav item.
|
|
461
461
|
*
|
|
462
|
-
* `navigationMenuTriggerStyle()`
|
|
463
|
-
*
|
|
464
|
-
* one run-together string — "AI Cards Ecosystem Network Resources" — because the
|
|
465
|
-
* only thing separating the items was the list's 4px gap.
|
|
466
|
-
*
|
|
467
|
-
* A class name is a string and a string always compiles, which is why this
|
|
468
|
-
* shipped. `prose.test.ts` now diffs the names the components use against the
|
|
469
|
-
* names the sheets declare, so a rule cannot go missing again.
|
|
462
|
+
* `navigationMenuTriggerStyle()` returns this name, so a trigger with no rule
|
|
463
|
+
* behind it is bare text separated only by the list's gap.
|
|
470
464
|
*
|
|
471
465
|
* Padding rather than a wider gap: the padding is also the hit area, and a nav
|
|
472
466
|
* item wants a target bigger than its glyphs. */
|
package/dist/styles.css
CHANGED
|
@@ -1392,9 +1392,8 @@
|
|
|
1392
1392
|
.hz-prose > p { margin: 0 }
|
|
1393
1393
|
/* The marker is RESTORED here. `base.css` takes it off every list in the
|
|
1394
1394
|
document, because a nav and a card grid are both lists and neither wants one.
|
|
1395
|
-
Authored prose is the one place it belongs
|
|
1396
|
-
|
|
1397
|
-
blog, where every bulleted list read as loose paragraphs. */
|
|
1395
|
+
Authored prose is the one place it belongs. Setting only the indent leaves an
|
|
1396
|
+
indented list with nothing at the start of the line. */
|
|
1398
1397
|
.hz-prose > ul, .hz-prose ul ul { list-style: disc }
|
|
1399
1398
|
.hz-prose > ol, .hz-prose ol ol { list-style: decimal }
|
|
1400
1399
|
.hz-prose ul, .hz-prose ol { margin: 0; padding-inline-start: 1.5em }
|
|
@@ -2350,9 +2349,8 @@ a svg,
|
|
|
2350
2349
|
the initial `flex-shrink: 1` lets one shrink to fit — so a button whose
|
|
2351
2350
|
padding leaves less room than the icon needs resolves by making the ICON
|
|
2352
2351
|
zero-wide rather than the button wider. Nothing reports it: the element is
|
|
2353
|
-
present, visible, correctly coloured, and 0px across
|
|
2354
|
-
|
|
2355
|
-
arrow's paths laid out inside a box clipped to nothing. */
|
|
2352
|
+
present, visible, correctly coloured, and 0px across — an empty outlined
|
|
2353
|
+
square with the icon's paths laid out inside a box clipped to nothing. */
|
|
2356
2354
|
flex-shrink: 0;
|
|
2357
2355
|
}
|
|
2358
2356
|
|
|
@@ -2817,14 +2815,8 @@ a svg,
|
|
|
2817
2815
|
|
|
2818
2816
|
/* A top-level nav item.
|
|
2819
2817
|
*
|
|
2820
|
-
* `navigationMenuTriggerStyle()`
|
|
2821
|
-
*
|
|
2822
|
-
* one run-together string — "AI Cards Ecosystem Network Resources" — because the
|
|
2823
|
-
* only thing separating the items was the list's 4px gap.
|
|
2824
|
-
*
|
|
2825
|
-
* A class name is a string and a string always compiles, which is why this
|
|
2826
|
-
* shipped. `prose.test.ts` now diffs the names the components use against the
|
|
2827
|
-
* names the sheets declare, so a rule cannot go missing again.
|
|
2818
|
+
* `navigationMenuTriggerStyle()` returns this name, so a trigger with no rule
|
|
2819
|
+
* behind it is bare text separated only by the list's gap.
|
|
2828
2820
|
*
|
|
2829
2821
|
* Padding rather than a wider gap: the padding is also the hit area, and a nav
|
|
2830
2822
|
* item wants a target bigger than its glyphs. */
|
package/dist/theme.css
CHANGED
|
@@ -1390,9 +1390,8 @@
|
|
|
1390
1390
|
.hz-prose > p { margin: 0 }
|
|
1391
1391
|
/* The marker is RESTORED here. `base.css` takes it off every list in the
|
|
1392
1392
|
document, because a nav and a card grid are both lists and neither wants one.
|
|
1393
|
-
Authored prose is the one place it belongs
|
|
1394
|
-
|
|
1395
|
-
blog, where every bulleted list read as loose paragraphs. */
|
|
1393
|
+
Authored prose is the one place it belongs. Setting only the indent leaves an
|
|
1394
|
+
indented list with nothing at the start of the line. */
|
|
1396
1395
|
.hz-prose > ul, .hz-prose ul ul { list-style: disc }
|
|
1397
1396
|
.hz-prose > ol, .hz-prose ol ol { list-style: decimal }
|
|
1398
1397
|
.hz-prose ul, .hz-prose ol { margin: 0; padding-inline-start: 1.5em }
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hanzo/ui",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.25.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Hanzo UI — the one canonical Hanzo component library, on @hanzo/gui + @hanzo/design. 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": {
|