@cellarnode/ui 0.8.12 → 0.8.15
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/components/animated-select.d.ts +17 -0
- package/dist/components/animated-select.d.ts.map +1 -0
- package/dist/components/animated-select.js +95 -0
- package/dist/components/animated-select.js.map +1 -0
- package/dist/components/animated-select.stories.d.ts +14 -0
- package/dist/components/animated-select.stories.d.ts.map +1 -0
- package/dist/components/animated-select.stories.js +73 -0
- package/dist/components/animated-select.stories.js.map +1 -0
- package/dist/components/composition-editor.d.ts.map +1 -1
- package/dist/components/composition-editor.js +3 -1
- package/dist/components/composition-editor.js.map +1 -1
- package/dist/components/composition-editor.stories.d.ts.map +1 -1
- package/dist/components/composition-editor.stories.js +37 -4
- package/dist/components/composition-editor.stories.js.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/profile/profile-hero.d.ts.map +1 -1
- package/dist/profile/profile-hero.js +5 -5
- package/dist/profile/profile-hero.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export interface AnimatedSelectOption {
|
|
2
|
+
value: string;
|
|
3
|
+
label: string;
|
|
4
|
+
}
|
|
5
|
+
export interface AnimatedSelectProps {
|
|
6
|
+
value: string;
|
|
7
|
+
onChange: (value: string) => void;
|
|
8
|
+
options: AnimatedSelectOption[];
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
label?: string;
|
|
11
|
+
/** Show a small helper text below the trigger */
|
|
12
|
+
hint?: string;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
className?: string;
|
|
15
|
+
}
|
|
16
|
+
export declare function AnimatedSelect({ value, onChange, options, placeholder, label, hint, disabled, className, }: AnimatedSelectProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
//# sourceMappingURL=animated-select.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"animated-select.d.ts","sourceRoot":"","sources":["../../src/components/animated-select.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,oBAAoB,EAAE,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA+CD,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAyB,EACzB,KAAK,EACL,IAAI,EACJ,QAAgB,EAChB,SAAS,GACV,EAAE,mBAAmB,2CAqIrB"}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useCallback, useEffect, useRef, useState } from "react";
|
|
3
|
+
import { motion, AnimatePresence } from "motion/react";
|
|
4
|
+
import { cn } from "../lib/utils";
|
|
5
|
+
// ─── Motion Variants ────────────────────────────────────────────────────────
|
|
6
|
+
const wrapperVariants = {
|
|
7
|
+
open: {
|
|
8
|
+
scaleY: 1,
|
|
9
|
+
opacity: 1,
|
|
10
|
+
transition: {
|
|
11
|
+
when: "beforeChildren",
|
|
12
|
+
staggerChildren: 0.04,
|
|
13
|
+
duration: 0.2,
|
|
14
|
+
ease: [0.25, 0.46, 0.45, 0.94],
|
|
15
|
+
},
|
|
16
|
+
},
|
|
17
|
+
closed: {
|
|
18
|
+
scaleY: 0,
|
|
19
|
+
opacity: 0,
|
|
20
|
+
transition: {
|
|
21
|
+
when: "afterChildren",
|
|
22
|
+
staggerChildren: 0.03,
|
|
23
|
+
staggerDirection: -1,
|
|
24
|
+
duration: 0.15,
|
|
25
|
+
},
|
|
26
|
+
},
|
|
27
|
+
};
|
|
28
|
+
const itemVariants = {
|
|
29
|
+
open: {
|
|
30
|
+
opacity: 1,
|
|
31
|
+
y: 0,
|
|
32
|
+
transition: { duration: 0.15, ease: "easeOut" },
|
|
33
|
+
},
|
|
34
|
+
closed: {
|
|
35
|
+
opacity: 0,
|
|
36
|
+
y: -8,
|
|
37
|
+
transition: { duration: 0.1 },
|
|
38
|
+
},
|
|
39
|
+
};
|
|
40
|
+
const chevronVariants = {
|
|
41
|
+
open: { rotate: 180 },
|
|
42
|
+
closed: { rotate: 0 },
|
|
43
|
+
};
|
|
44
|
+
// ─── Component ──────────────────────────────────────────────────────────────
|
|
45
|
+
export function AnimatedSelect({ value, onChange, options, placeholder = "Select...", label, hint, disabled = false, className, }) {
|
|
46
|
+
const [open, setOpen] = useState(false);
|
|
47
|
+
const containerRef = useRef(null);
|
|
48
|
+
const [dropDirection, setDropDirection] = useState("down");
|
|
49
|
+
const selectedOption = options.find((o) => o.value === value);
|
|
50
|
+
// Close on outside click
|
|
51
|
+
useEffect(() => {
|
|
52
|
+
if (!open)
|
|
53
|
+
return;
|
|
54
|
+
const handleClick = (e) => {
|
|
55
|
+
if (containerRef.current && !containerRef.current.contains(e.target)) {
|
|
56
|
+
setOpen(false);
|
|
57
|
+
}
|
|
58
|
+
};
|
|
59
|
+
const handleEscape = (e) => {
|
|
60
|
+
if (e.key === "Escape")
|
|
61
|
+
setOpen(false);
|
|
62
|
+
};
|
|
63
|
+
document.addEventListener("mousedown", handleClick);
|
|
64
|
+
document.addEventListener("keydown", handleEscape);
|
|
65
|
+
return () => {
|
|
66
|
+
document.removeEventListener("mousedown", handleClick);
|
|
67
|
+
document.removeEventListener("keydown", handleEscape);
|
|
68
|
+
};
|
|
69
|
+
}, [open]);
|
|
70
|
+
// Determine drop direction based on available space
|
|
71
|
+
const handleToggle = useCallback(() => {
|
|
72
|
+
if (disabled)
|
|
73
|
+
return;
|
|
74
|
+
if (!open && containerRef.current) {
|
|
75
|
+
const rect = containerRef.current.getBoundingClientRect();
|
|
76
|
+
const spaceBelow = window.innerHeight - rect.bottom;
|
|
77
|
+
const spaceAbove = rect.top;
|
|
78
|
+
setDropDirection(spaceBelow < 240 && spaceAbove > spaceBelow ? "up" : "down");
|
|
79
|
+
}
|
|
80
|
+
setOpen((prev) => !prev);
|
|
81
|
+
}, [disabled, open]);
|
|
82
|
+
const handleSelect = useCallback((optionValue) => {
|
|
83
|
+
onChange(optionValue);
|
|
84
|
+
setOpen(false);
|
|
85
|
+
}, [onChange]);
|
|
86
|
+
return (_jsxs("div", { className: cn("relative", className), ref: containerRef, children: [label && (_jsx("label", { className: "mb-1.5 block text-[11px] font-semibold text-foreground", children: label })), _jsxs(motion.div, { animate: open ? "open" : "closed", children: [_jsxs("button", { type: "button", onClick: handleToggle, disabled: disabled, className: cn("flex w-full items-center justify-between gap-2 rounded-lg border bg-background px-3 py-2.5 text-left text-sm transition-colors", "border-border hover:border-primary/30 focus:border-primary/30 focus:outline-none focus:ring-2 focus:ring-primary/10", open && "border-primary/30 ring-2 ring-primary/10", disabled && "cursor-not-allowed opacity-50", !selectedOption && "text-muted-foreground"), children: [_jsx("span", { className: cn("truncate", selectedOption ? "text-foreground" : "text-muted-foreground/60"), children: selectedOption?.label ?? placeholder }), _jsx(motion.span, { variants: chevronVariants, transition: { duration: 0.2 }, className: "shrink-0 text-muted-foreground", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", className: "size-4", children: _jsx("path", { fillRule: "evenodd", d: "M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z", clipRule: "evenodd" }) }) })] }), _jsx(AnimatePresence, { children: open && (_jsx(motion.ul, { initial: "closed", animate: "open", exit: "closed", variants: wrapperVariants, style: {
|
|
87
|
+
originY: dropDirection === "down" ? "top" : "bottom",
|
|
88
|
+
}, className: cn("absolute z-50 w-full overflow-hidden rounded-xl border border-border/80 bg-background p-1.5 shadow-lg backdrop-blur-xl", "max-h-56 overflow-y-auto", dropDirection === "down" ? "top-full mt-1.5" : "bottom-full mb-1.5"), children: options.map((option) => {
|
|
89
|
+
const isSelected = option.value === value;
|
|
90
|
+
return (_jsxs(motion.li, { variants: itemVariants, onClick: () => handleSelect(option.value), className: cn("flex cursor-pointer items-center gap-2.5 rounded-lg px-3 py-2 text-sm transition-colors", isSelected
|
|
91
|
+
? "bg-primary/8 font-medium text-primary"
|
|
92
|
+
: "text-foreground hover:bg-muted/60"), children: [_jsx("span", { className: cn("flex size-4 shrink-0 items-center justify-center", !isSelected && "opacity-0"), children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor", className: "size-3.5", children: _jsx("path", { fillRule: "evenodd", d: "M12.416 3.376a.75.75 0 0 1 .208 1.04l-5 7.5a.75.75 0 0 1-1.154.114l-3-3a.75.75 0 0 1 1.06-1.06l2.353 2.353 4.493-6.74a.75.75 0 0 1 1.04-.207Z", clipRule: "evenodd" }) }) }), _jsx("span", { children: option.label })] }, option.value));
|
|
93
|
+
}) })) })] }), hint && (_jsx("span", { className: "mt-1 block text-[10px] text-primary/60", children: hint }))] }));
|
|
94
|
+
}
|
|
95
|
+
//# sourceMappingURL=animated-select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"animated-select.js","sourceRoot":"","sources":["../../src/components/animated-select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react-vite";
|
|
2
|
+
import { AnimatedSelect } from "./animated-select";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof AnimatedSelect;
|
|
6
|
+
tags: string[];
|
|
7
|
+
};
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<typeof meta>;
|
|
10
|
+
export declare const Packaging: Story;
|
|
11
|
+
export declare const Closure: Story;
|
|
12
|
+
export declare const WithSelection: Story;
|
|
13
|
+
export declare const SideBySide: Story;
|
|
14
|
+
//# sourceMappingURL=animated-select.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"animated-select.stories.d.ts","sourceRoot":"","sources":["../../src/components/animated-select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,QAAA,MAAM,IAAI;;;;CAI6B,CAAC;AAExC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAyCnC,eAAO,MAAM,SAAS,EAAE,KAkBvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAc3B,CAAC;AA2BF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC"}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from "react";
|
|
3
|
+
import { AnimatedSelect } from "./animated-select";
|
|
4
|
+
const meta = {
|
|
5
|
+
title: "Components/AnimatedSelect",
|
|
6
|
+
component: AnimatedSelect,
|
|
7
|
+
tags: ["autodocs"],
|
|
8
|
+
};
|
|
9
|
+
export default meta;
|
|
10
|
+
const packagingOptions = [
|
|
11
|
+
{ value: "Glass", label: "Glass" },
|
|
12
|
+
{ value: "PET", label: "PET" },
|
|
13
|
+
{ value: "BiB (Bag-in-Box)", label: "BiB (Bag-in-Box)" },
|
|
14
|
+
{ value: "Aluminum", label: "Aluminum" },
|
|
15
|
+
{ value: "Light-weight glass bottle", label: "Light-weight glass bottle" },
|
|
16
|
+
];
|
|
17
|
+
const closureOptions = [
|
|
18
|
+
{ value: "Natural cork", label: "Natural cork" },
|
|
19
|
+
{ value: "Technical cork", label: "Technical cork" },
|
|
20
|
+
{ value: "Screw cap", label: "Screw cap" },
|
|
21
|
+
{ value: "Glass closure", label: "Glass closure" },
|
|
22
|
+
{ value: "Crown cap", label: "Crown cap" },
|
|
23
|
+
{ value: "Other", label: "Other" },
|
|
24
|
+
];
|
|
25
|
+
function InteractiveDemo({ options, initial, placeholder, label, hint }) {
|
|
26
|
+
const [value, setValue] = useState(initial ?? "");
|
|
27
|
+
return (_jsx("div", { className: "max-w-xs", children: _jsx(AnimatedSelect, { value: value, onChange: setValue, options: options, placeholder: placeholder, label: label, hint: hint }) }));
|
|
28
|
+
}
|
|
29
|
+
export const Packaging = {
|
|
30
|
+
args: {
|
|
31
|
+
value: "Glass",
|
|
32
|
+
onChange: () => { },
|
|
33
|
+
options: packagingOptions,
|
|
34
|
+
label: "Product Packaging *",
|
|
35
|
+
placeholder: "Select packaging",
|
|
36
|
+
hint: "From reference data",
|
|
37
|
+
},
|
|
38
|
+
render: () => (_jsx(InteractiveDemo, { options: packagingOptions, initial: "Glass", label: "Product Packaging *", placeholder: "Select packaging", hint: "From reference data" })),
|
|
39
|
+
};
|
|
40
|
+
export const Closure = {
|
|
41
|
+
args: {
|
|
42
|
+
value: "",
|
|
43
|
+
onChange: () => { },
|
|
44
|
+
options: closureOptions,
|
|
45
|
+
placeholder: "Select closure",
|
|
46
|
+
label: "Closure",
|
|
47
|
+
hint: "From reference data",
|
|
48
|
+
},
|
|
49
|
+
render: () => (_jsx(InteractiveDemo, { options: closureOptions, placeholder: "Select closure", label: "Closure", hint: "From reference data" })),
|
|
50
|
+
};
|
|
51
|
+
export const WithSelection = {
|
|
52
|
+
args: {
|
|
53
|
+
value: "Natural cork",
|
|
54
|
+
onChange: () => { },
|
|
55
|
+
options: closureOptions,
|
|
56
|
+
label: "Closure",
|
|
57
|
+
},
|
|
58
|
+
render: () => (_jsx(InteractiveDemo, { options: closureOptions, initial: "Natural cork", label: "Closure" })),
|
|
59
|
+
};
|
|
60
|
+
function SideBySideDemo() {
|
|
61
|
+
const [pkg, setPkg] = useState("Glass");
|
|
62
|
+
const [cls, setCls] = useState("");
|
|
63
|
+
return (_jsxs("div", { className: "grid max-w-lg grid-cols-2 gap-4", children: [_jsx(AnimatedSelect, { value: pkg, onChange: setPkg, options: packagingOptions, label: "Product Packaging *", placeholder: "Select packaging", hint: "From reference data" }), _jsx(AnimatedSelect, { value: cls, onChange: setCls, options: closureOptions, label: "Closure", placeholder: "Select closure", hint: "From reference data" })] }));
|
|
64
|
+
}
|
|
65
|
+
export const SideBySide = {
|
|
66
|
+
args: {
|
|
67
|
+
value: "Glass",
|
|
68
|
+
onChange: () => { },
|
|
69
|
+
options: packagingOptions,
|
|
70
|
+
},
|
|
71
|
+
render: () => _jsx(SideBySideDemo, {}),
|
|
72
|
+
};
|
|
73
|
+
//# sourceMappingURL=animated-select.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"animated-select.stories.js","sourceRoot":"","sources":["../../src/components/animated-select.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"composition-editor.d.ts","sourceRoot":"","sources":["../../src/components/composition-editor.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED,MAAM,WAAW,sBAAsB;IACrC,sBAAsB;IACtB,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,iCAAiC;IACjC,QAAQ,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;IAChD,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wDAAwD;IACxD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,SAAwB,EACxB,eAAwB,EACxB,cAAqB,EACrB,QAAgB,EAChB,UAAe,EACf,QAAQ,EACR,SAAS,GACV,EAAE,sBAAsB,
|
|
1
|
+
{"version":3,"file":"composition-editor.d.ts","sourceRoot":"","sources":["../../src/components/composition-editor.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED,MAAM,WAAW,sBAAsB;IACrC,sBAAsB;IACtB,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,iCAAiC;IACjC,QAAQ,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;IAChD,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wDAAwD;IACxD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,SAAwB,EACxB,eAAwB,EACxB,cAAqB,EACrB,QAAgB,EAChB,UAAe,EACf,QAAQ,EACR,SAAS,GACV,EAAE,sBAAsB,2CAkJxB;AAID,mFAAmF;AACnF,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,gBAAgB,EAAE,GAAG,MAAM,CASxE;AAED,qDAAqD;AACrD,wBAAgB,sBAAsB,CAAC,GAAG,EAAE,MAAM,GAAG,gBAAgB,EAAE,CAatE"}
|
|
@@ -26,7 +26,9 @@ export function CompositionEditor({ value, onChange, nameLabel = "Ingredient", n
|
|
|
26
26
|
onChange(value.filter((_, i) => i !== index));
|
|
27
27
|
}, [value, onChange]);
|
|
28
28
|
const btnLabel = addLabel ?? `Add ${nameLabel.toLowerCase()}`;
|
|
29
|
-
return (_jsxs("div", { className: cn("space-y-2", className), children: [value.length > 0 && (_jsxs("div", { className: "flex items-center gap-2 px-1", children: [_jsx("div", { className: "flex-1 text-[10px] font-semibold uppercase tracking-[0.08em] text-muted-foreground", children: nameLabel }), showPercentage && (_jsx("div", { className: "w-20 text-right text-[10px] font-semibold uppercase tracking-[0.08em] text-muted-foreground", children: "%" })), !readOnly && _jsx("div", { className: "w-7" })] })), value.map((entry, i) => (
|
|
29
|
+
return (_jsxs("div", { className: cn("space-y-2", className), children: [value.length > 0 && (_jsxs("div", { className: "flex items-center gap-2 px-1", children: [_jsx("div", { className: "flex-1 text-[10px] font-semibold uppercase tracking-[0.08em] text-muted-foreground", children: nameLabel }), showPercentage && (_jsx("div", { className: "w-20 text-right text-[10px] font-semibold uppercase tracking-[0.08em] text-muted-foreground", children: "%" })), !readOnly && _jsx("div", { className: "w-7" })] })), value.map((entry, i) => (
|
|
30
|
+
// eslint-disable-next-line @eslint-react/no-array-index-key -- entries lack stable IDs
|
|
31
|
+
_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("input", { type: "text", value: entry.name, onChange: (e) => updateEntry(i, "name", e.target.value), placeholder: namePlaceholder, readOnly: readOnly, className: cn("flex-1 rounded-lg border border-border bg-background px-3 py-2 text-sm text-foreground outline-none transition-colors placeholder:text-muted-foreground/50", "focus:border-primary/30 focus:ring-2 focus:ring-primary/10", readOnly && "cursor-default bg-muted/30") }), showPercentage && (_jsxs("div", { className: "relative w-20", children: [_jsx("input", { type: "text", inputMode: "decimal", value: entry.percentage != null ? String(entry.percentage) : "", onChange: (e) => updateEntry(i, "percentage", e.target.value), placeholder: "\u2014", readOnly: readOnly, className: cn("w-full rounded-lg border border-border bg-background py-2 pl-3 pr-7 text-right text-sm tabular-nums text-foreground outline-none transition-colors placeholder:text-muted-foreground/40", "focus:border-primary/30 focus:ring-2 focus:ring-primary/10", readOnly && "cursor-default bg-muted/30") }), _jsx("span", { className: "pointer-events-none absolute right-2.5 top-1/2 -translate-y-1/2 text-xs text-muted-foreground/50", children: "%" })] })), !readOnly && (_jsx("button", { type: "button", onClick: () => removeEntry(i), className: "flex size-7 shrink-0 items-center justify-center rounded-md text-muted-foreground/60 transition-colors hover:bg-red-50 hover:text-red-600 dark:hover:bg-red-950/30 dark:hover:text-red-400", title: "Remove", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor", className: "size-3.5", children: _jsx("path", { d: "M5.28 4.22a.75.75 0 0 0-1.06 1.06L6.94 8l-2.72 2.72a.75.75 0 1 0 1.06 1.06L8 9.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L9.06 8l2.72-2.72a.75.75 0 0 0-1.06-1.06L8 6.94 5.28 4.22Z" }) }) }))] }, i))), _jsxs("div", { className: "flex items-center justify-between pt-1", children: [!readOnly && value.length < maxEntries ? (_jsxs("button", { type: "button", onClick: addEntry, className: "inline-flex items-center gap-1.5 rounded-lg px-2.5 py-1.5 text-[11px] font-semibold text-primary transition-colors hover:bg-primary/5", children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor", className: "size-3", children: _jsx("path", { d: "M8.75 3.75a.75.75 0 0 0-1.5 0v3.5h-3.5a.75.75 0 0 0 0 1.5h3.5v3.5a.75.75 0 0 0 1.5 0v-3.5h3.5a.75.75 0 0 0 0-1.5h-3.5v-3.5Z" }) }), btnLabel] })) : (_jsx("div", {})), showPercentage && hasPercentages && (_jsxs("div", { className: cn("rounded-md px-2 py-0.5 text-[10px] font-semibold tabular-nums", pctWarning
|
|
30
32
|
? "bg-amber-50 text-amber-700 dark:bg-amber-950/30 dark:text-amber-300"
|
|
31
33
|
: "bg-emerald-50 text-emerald-700 dark:bg-emerald-950/30 dark:text-emerald-300"), children: ["Total: ", totalPct.toFixed(0), "%"] }))] }), value.length === 0 && !readOnly && (_jsxs("button", { type: "button", onClick: addEntry, className: "w-full rounded-xl border border-dashed border-border/60 bg-muted/20 px-4 py-4 text-center text-xs text-muted-foreground transition-colors hover:border-primary/30 hover:bg-primary/[0.02]", children: ["+ ", btnLabel] })), value.length === 0 && readOnly && (_jsx("div", { className: "px-1 text-sm text-muted-foreground/60", children: "No data" }))] }));
|
|
32
34
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"composition-editor.js","sourceRoot":"","sources":["../../src/components/composition-editor.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"composition-editor.js","sourceRoot":"","sources":["../../src/components/composition-editor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"composition-editor.stories.d.ts","sourceRoot":"","sources":["../../src/components/composition-editor.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,iBAAiB,EAAyB,MAAM,sBAAsB,CAAC;AAEhF,QAAA,MAAM,IAAI;;;;CAIgC,CAAC;AAE3C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA2BnC,eAAO,MAAM,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"composition-editor.stories.d.ts","sourceRoot":"","sources":["../../src/components/composition-editor.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,iBAAiB,EAAyB,MAAM,sBAAsB,CAAC;AAEhF,QAAA,MAAM,IAAI;;;;CAIgC,CAAC;AAE3C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA2BnC,eAAO,MAAM,IAAI,EAAE,KAwBlB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAsBlB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAsBnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAUnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC"}
|
|
@@ -12,30 +12,63 @@ function InteractiveEditor({ initial, nameLabel, namePlaceholder, addLabel, }) {
|
|
|
12
12
|
return (_jsx("div", { className: "max-w-lg", children: _jsx(CompositionEditor, { value: value, onChange: setValue, nameLabel: nameLabel, namePlaceholder: namePlaceholder, addLabel: addLabel }) }));
|
|
13
13
|
}
|
|
14
14
|
export const Wine = {
|
|
15
|
+
args: {
|
|
16
|
+
value: [
|
|
17
|
+
{ name: "Pinot Noir", percentage: 60 },
|
|
18
|
+
{ name: "Grenache", percentage: 30 },
|
|
19
|
+
{ name: "Syrah", percentage: 10 },
|
|
20
|
+
],
|
|
21
|
+
onChange: () => { },
|
|
22
|
+
nameLabel: "Grape variety",
|
|
23
|
+
namePlaceholder: "e.g., Pinot Noir",
|
|
24
|
+
addLabel: "Add grape variety",
|
|
25
|
+
},
|
|
15
26
|
render: () => (_jsx(InteractiveEditor, { initial: [
|
|
16
27
|
{ name: "Pinot Noir", percentage: 60 },
|
|
17
28
|
{ name: "Grenache", percentage: 30 },
|
|
18
29
|
{ name: "Syrah", percentage: 10 },
|
|
19
30
|
], nameLabel: "Grape variety", namePlaceholder: "e.g., Pinot Noir", addLabel: "Add grape variety" })),
|
|
20
|
-
args: {},
|
|
21
31
|
};
|
|
22
32
|
export const Beer = {
|
|
33
|
+
args: {
|
|
34
|
+
value: [
|
|
35
|
+
{ name: "Pilsner Malt", percentage: 80 },
|
|
36
|
+
{ name: "Cascade Hops", percentage: null },
|
|
37
|
+
],
|
|
38
|
+
onChange: () => { },
|
|
39
|
+
nameLabel: "Ingredient",
|
|
40
|
+
namePlaceholder: "e.g., Pilsner Malt",
|
|
41
|
+
addLabel: "Add ingredient",
|
|
42
|
+
},
|
|
23
43
|
render: () => (_jsx(InteractiveEditor, { initial: [
|
|
24
44
|
{ name: "Pilsner Malt", percentage: 80 },
|
|
25
45
|
{ name: "Cascade Hops", percentage: null },
|
|
26
46
|
], nameLabel: "Ingredient", namePlaceholder: "e.g., Pilsner Malt", addLabel: "Add ingredient" })),
|
|
27
|
-
args: {},
|
|
28
47
|
};
|
|
29
48
|
export const Cider = {
|
|
49
|
+
args: {
|
|
50
|
+
value: [
|
|
51
|
+
{ name: "Bramley Apple", percentage: 70 },
|
|
52
|
+
{ name: "Conference Pear", percentage: 30 },
|
|
53
|
+
],
|
|
54
|
+
onChange: () => { },
|
|
55
|
+
nameLabel: "Fruit variety",
|
|
56
|
+
namePlaceholder: "e.g., Bramley Apple",
|
|
57
|
+
addLabel: "Add fruit variety",
|
|
58
|
+
},
|
|
30
59
|
render: () => (_jsx(InteractiveEditor, { initial: [
|
|
31
60
|
{ name: "Bramley Apple", percentage: 70 },
|
|
32
61
|
{ name: "Conference Pear", percentage: 30 },
|
|
33
62
|
], nameLabel: "Fruit variety", namePlaceholder: "e.g., Bramley Apple", addLabel: "Add fruit variety" })),
|
|
34
|
-
args: {},
|
|
35
63
|
};
|
|
36
64
|
export const Empty = {
|
|
65
|
+
args: {
|
|
66
|
+
value: [],
|
|
67
|
+
onChange: () => { },
|
|
68
|
+
nameLabel: "Ingredient",
|
|
69
|
+
addLabel: "Add ingredient",
|
|
70
|
+
},
|
|
37
71
|
render: () => (_jsx(InteractiveEditor, { initial: [], nameLabel: "Ingredient", addLabel: "Add ingredient" })),
|
|
38
|
-
args: {},
|
|
39
72
|
};
|
|
40
73
|
export const ReadOnly = {
|
|
41
74
|
args: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"composition-editor.stories.js","sourceRoot":"","sources":["../../src/components/composition-editor.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAyB,MAAM,sBAAsB,CAAC;AAEhF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,iBAAiB;IAC5B,IAAI,EAAE,CAAC,UAAU,CAAC;CACsB,CAAC;AAE3C,eAAe,IAAI,CAAC;AAGpB,SAAS,iBAAiB,CAAC,EACzB,OAAO,EACP,SAAS,EACT,eAAe,EACf,QAAQ,GAMT;IACC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAqB,OAAO,CAAC,CAAC;IAChE,OAAO,CACL,cAAK,SAAS,EAAC,UAAU,YACvB,KAAC,iBAAiB,IAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,GAClB,GACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,IAAI,GAAU;IACzB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,KAAC,iBAAiB,IAChB,OAAO,EAAE;YACP,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,EAAE,EAAE;YACtC,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,EAAE;YACpC,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,EAAE;SAClC,EACD,SAAS,EAAC,eAAe,EACzB,eAAe,EAAC,kBAAkB,EAClC,QAAQ,EAAC,mBAAmB,GAC5B,CACH;
|
|
1
|
+
{"version":3,"file":"composition-editor.stories.js","sourceRoot":"","sources":["../../src/components/composition-editor.stories.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -76,4 +76,6 @@ export { ContactPersonSelect } from "./components/contact-person-select";
|
|
|
76
76
|
export type { ContactPersonSelectProps, ContactPerson } from "./components/contact-person-select";
|
|
77
77
|
export { CompositionEditor, serializeComposition, parseCompositionString } from "./components/composition-editor";
|
|
78
78
|
export type { CompositionEditorProps, CompositionEntry } from "./components/composition-editor";
|
|
79
|
+
export { AnimatedSelect } from "./components/animated-select";
|
|
80
|
+
export type { AnimatedSelectProps, AnimatedSelectOption } from "./components/animated-select";
|
|
79
81
|
//# 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":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -77,4 +77,5 @@ export { AttachmentRow } from "./components/attachment-row";
|
|
|
77
77
|
export { PriceComparison } from "./components/price-comparison";
|
|
78
78
|
export { ContactPersonSelect } from "./components/contact-person-select";
|
|
79
79
|
export { CompositionEditor, serializeComposition, parseCompositionString } from "./components/composition-editor";
|
|
80
|
+
export { AnimatedSelect } from "./components/animated-select";
|
|
80
81
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EACL,SAAS,EACT,eAAe,EACf,gBAAgB,GAEjB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,iBAAiB,EAAqB,MAAM,kBAAkB,CAAC;AAExE,QAAQ;AACR,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,4BAA4B;AAC5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kCAAkC,CAAC;AACjD,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AAEpC,4HAA4H;AAC5H,OAAO,EACL,QAAQ,EACR,cAAc,EACd,YAAY,IAAI,oBAAoB,EACpC,YAAY,EACZ,cAAc,EACd,eAAe,EACf,eAAe,EACf,eAAe,EACf,aAAa,IAAI,qBAAqB,EACtC,mBAAmB,EACnB,gBAAgB,IAAI,wBAAwB,GAC7C,MAAM,uBAAuB,CAAC;AAE/B,8BAA8B;AAC9B,cAAc,4BAA4B,CAAC;AAE3C,4FAA4F;AAC5F,OAAO,EACL,QAAQ,EACR,MAAM,EACN,UAAU,EACV,KAAK,EACL,KAAK,IAAI,aAAa,EACtB,WAAW,EACX,YAAY,GACb,MAAM,uBAAuB,CAAC;AAE/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,OAAO,EACL,WAAW,EACX,iBAAiB,GAKlB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,UAAU,EAAwB,MAAM,0BAA0B,CAAC;AAE5E,0FAA0F;AAC1F,+FAA+F;AAC/F,oEAAoE;AAEpE,uEAAuE;AACvE,OAAO,EACL,yBAAyB,GAE1B,MAAM,0BAA0B,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AAEpC,yFAAyF;AACzF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAErF,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AAErC,sFAAsF;AACtF,OAAO,EAAE,YAAY,EAAE,cAAc,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClG,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,mBAAmB,EACnB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,GACpB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,4BAA4B,EAC5B,0BAA0B,EAC1B,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAG1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAG1E,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAGlD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAGvE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAG1D,OAAO,EAAE,mBAAmB,EAAyD,MAAM,oCAAoC,CAAC;AAEhI,OAAO,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAC;AAGjF,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAG5D,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAGhE,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAGzE,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAGlH,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"profile-hero.d.ts","sourceRoot":"","sources":["../../src/profile/profile-hero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;CAChD;AAED,UAAU,gBAAgB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mGAAmG;IACnG,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,wFAAwF;IACxF,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAiBD,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,SAAS,EACT,YAAY,EACZ,YAAY,GACb,EAAE,gBAAgB,
|
|
1
|
+
{"version":3,"file":"profile-hero.d.ts","sourceRoot":"","sources":["../../src/profile/profile-hero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;CAChD;AAED,UAAU,gBAAgB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mGAAmG;IACnG,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,wFAAwF;IACxF,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAiBD,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,SAAS,EACT,YAAY,EACZ,YAAY,GACb,EAAE,gBAAgB,2CAwElB"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { cn } from "../lib/utils";
|
|
3
|
-
const
|
|
4
|
-
recommended: "bg-amber-
|
|
5
|
-
partner: "bg-emerald-
|
|
6
|
-
default: "bg-white/
|
|
3
|
+
const badgeDot = {
|
|
4
|
+
recommended: "bg-amber-300",
|
|
5
|
+
partner: "bg-emerald-300",
|
|
6
|
+
default: "bg-white/70",
|
|
7
7
|
};
|
|
8
8
|
function getInitials(name) {
|
|
9
9
|
return name
|
|
@@ -14,6 +14,6 @@ function getInitials(name) {
|
|
|
14
14
|
.toUpperCase();
|
|
15
15
|
}
|
|
16
16
|
export function ProfileHero({ bannerUrl, avatarUrl, name, subtitle, verified, badges, className, bannerAction, avatarAction, }) {
|
|
17
|
-
return (_jsxs("div", { className: cn("relative", className), children: [_jsxs("div", { className: "relative h-[120px] overflow-hidden rounded-t-2xl sm:h-[160px] md:h-[200px]", children: [bannerUrl ? (_jsx("img", { src: bannerUrl, alt: "", className: "size-full object-cover" })) : (_jsx("div", { className: "size-full bg-linear-to-br from-primary/80 via-primary to-primary/60" })), badges && badges.length > 0 && (_jsx("div", { className: "absolute right-3 top-3 flex gap-
|
|
17
|
+
return (_jsxs("div", { className: cn("relative", className), children: [_jsxs("div", { className: "relative h-[120px] overflow-hidden rounded-t-2xl sm:h-[160px] md:h-[200px]", children: [bannerUrl ? (_jsx("img", { src: bannerUrl, alt: "", className: "size-full object-cover" })) : (_jsx("div", { className: "size-full bg-linear-to-br from-primary/80 via-primary to-primary/60" })), badges && badges.length > 0 && (_jsx("div", { className: "absolute right-3 top-3 flex gap-1.5", children: badges.map((badge) => (_jsxs("span", { className: "inline-flex items-center gap-1.5 rounded-full border border-white/15 bg-white/10 px-2.5 py-1 text-[11px]/none font-medium tracking-wide text-white/90 backdrop-blur-sm", children: [_jsx("span", { className: cn("size-1.5 rounded-full", badgeDot[badge.variant]) }), badge.label] }, badge.label))) })), bannerAction] }), _jsx("div", { className: "pointer-events-none relative px-5 sm:px-6", children: _jsx("div", { className: "-mt-8 sm:-mt-10", children: _jsxs("div", { className: "pointer-events-auto relative inline-block size-16 shrink-0 sm:size-20", children: [_jsx("div", { className: "size-full overflow-hidden rounded-xl border-[3px] border-background bg-background shadow-xs", children: avatarUrl ? (_jsx("img", { src: avatarUrl, alt: name, className: "size-full object-cover" })) : (_jsx("div", { className: "flex size-full items-center justify-center bg-muted text-base font-bold text-muted-foreground sm:text-lg", children: getInitials(name) })) }), avatarAction] }) }) }), _jsxs("div", { className: "px-5 pb-2 pt-2 sm:px-6", children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("h1", { className: "truncate text-xl font-bold font-display tracking-tight text-foreground sm:text-2xl", children: name }), verified && (_jsx("svg", { className: "size-5 shrink-0 text-blue-500 sm:size-6", viewBox: "0 0 20 20", fill: "currentColor", children: _jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z", clipRule: "evenodd" }) }))] }), subtitle && (_jsx("p", { className: "truncate text-xs text-muted-foreground sm:text-sm/6", children: subtitle }))] })] }));
|
|
18
18
|
}
|
|
19
19
|
//# sourceMappingURL=profile-hero.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"profile-hero.js","sourceRoot":"","sources":["../../src/profile/profile-hero.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAqBlC,MAAM,
|
|
1
|
+
{"version":3,"file":"profile-hero.js","sourceRoot":"","sources":["../../src/profile/profile-hero.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAqBlC,MAAM,QAAQ,GAAgD;IAC5D,WAAW,EAAE,cAAc;IAC3B,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,aAAa;CACvB,CAAC;AAEF,SAAS,WAAW,CAAC,IAAY;IAC/B,OAAO,IAAI;SACR,KAAK,CAAC,KAAK,CAAC;SACZ,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;SACX,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAChB,IAAI,CAAC,EAAE,CAAC;SACR,WAAW,EAAE,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAC1B,SAAS,EACT,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,SAAS,EACT,YAAY,EACZ,YAAY,GACK;IACjB,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,aAEvC,eAAK,SAAS,EAAC,4EAA4E,aACxF,SAAS,CAAC,CAAC,CAAC,CACX,cAAK,GAAG,EAAE,SAAS,EAAE,GAAG,EAAC,EAAE,EAAC,SAAS,EAAC,wBAAwB,GAAG,CAClE,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,qEAAqE,GAAG,CACxF,EACA,MAAM,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CAC9B,cAAK,SAAS,EAAC,qCAAqC,YACjD,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrB,gBAEE,SAAS,EAAC,wKAAwK,aAElL,eAAM,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,GAAI,EACxE,KAAK,CAAC,KAAK,KAJP,KAAK,CAAC,KAAK,CAKX,CACR,CAAC,GACE,CACP,EACA,YAAY,IACT,EAGN,cAAK,SAAS,EAAC,2CAA2C,YACxD,cAAK,SAAS,EAAC,iBAAiB,YAC9B,eAAK,SAAS,EAAC,uEAAuE,aACpF,cAAK,SAAS,EAAC,6FAA6F,YACzG,SAAS,CAAC,CAAC,CAAC,CACX,cAAK,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAC,wBAAwB,GAAG,CACtE,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,0GAA0G,YACtH,WAAW,CAAC,IAAI,CAAC,GACd,CACP,GACG,EACL,YAAY,IACT,GACF,GACF,EAGN,eAAK,SAAS,EAAC,wBAAwB,aACrC,eAAK,SAAS,EAAC,2BAA2B,aACxC,aAAI,SAAS,EAAC,oFAAoF,YAC/F,IAAI,GACF,EACJ,QAAQ,IAAI,CACX,cACE,SAAS,EAAC,yCAAyC,EACnD,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,YAEnB,eACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,wJAAwJ,EAC1J,QAAQ,EAAC,SAAS,GAClB,GACE,CACP,IACG,EACL,QAAQ,IAAI,CACX,YAAG,SAAS,EAAC,qDAAqD,YAC/D,QAAQ,GACP,CACL,IACG,IACF,CACP,CAAC;AACJ,CAAC"}
|