@bearmenu/ui 0.8.40 → 0.8.42
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/{chunk-TB2K5JN3.js → chunk-BFS4M7KD.js} +26 -9
- package/dist/{chunk-KGXTBTCJ.js → chunk-CLFE4U5T.js} +1 -1
- package/dist/{chunk-NF5UMLSL.js → chunk-FVFAOW36.js} +46 -40
- package/dist/{chunk-5SGKGFMN.js → chunk-K6ACNU2L.js} +6 -1
- package/dist/{chunk-ZUBBMLBD.js → chunk-RQPUBKFU.js} +1 -1
- package/dist/{chunk-FQAIYKAS.js → chunk-WHUG6QEI.js} +8 -2
- package/dist/components/alert-dialog.js +1 -1
- package/dist/components/badge.d.ts +1 -1
- package/dist/components/badge.js +1 -1
- package/dist/components/booking-row.js +1 -1
- package/dist/components/button.d.ts +2 -2
- package/dist/components/button.js +1 -1
- package/dist/components/calendar.js +1 -1
- package/dist/components/carousel.js +1 -1
- package/dist/components/coach-marks.js +1 -1
- package/dist/components/combobox.js +1 -1
- package/dist/components/command.d.ts +3 -3
- package/dist/components/concept-convergence.js +1 -1
- package/dist/components/drawer.d.ts +9 -0
- package/dist/components/drawer.js +1 -1
- package/dist/components/empty-state.js +4 -2
- package/dist/components/event-detail-panel.js +1 -1
- package/dist/components/event-list-row-wide.js +1 -1
- package/dist/components/filter-category-row.js +1 -1
- package/dist/components/link-button.js +1 -1
- package/dist/components/menu-family-block.js +1 -1
- package/dist/components/menu-index-list.js +1 -1
- package/dist/components/menu-item.js +3 -3
- package/dist/components/multi-select-combobox.js +2 -2
- package/dist/components/pagination.js +1 -1
- package/dist/components/pan-zoom-viewport.js +1 -1
- package/dist/components/place-card.js +1 -1
- package/dist/components/place-details-mobile.js +1 -1
- package/dist/components/responsive-overlay.d.ts +18 -0
- package/dist/components/responsive-overlay.js +55 -30
- package/dist/components/searchable-select.js +1 -1
- package/dist/components/signature-chip.js +2 -2
- package/dist/components/sliding-panels.js +1 -1
- package/dist/components/spinner.d.ts +2 -2
- package/dist/components/tag.d.ts +2 -2
- package/dist/components/text.d.ts +2 -2
- package/dist/components/toggle-group.js +9 -5
- package/dist/components/toggle.d.ts +11 -2
- package/dist/components/toggle.js +1 -1
- package/dist/components/top-ranking-entry.js +3 -3
- package/package.json +1 -1
- package/src/components/badge.stories.tsx +22 -1
- package/src/components/badge.test.tsx +37 -0
- package/src/components/badge.tsx +8 -2
- package/src/components/button.test.tsx +10 -0
- package/src/components/button.tsx +6 -1
- package/src/components/drawer.stories.tsx +25 -0
- package/src/components/drawer.test.tsx +50 -0
- package/src/components/drawer.tsx +70 -47
- package/src/components/empty-state.test.tsx +8 -0
- package/src/components/empty-state.tsx +3 -1
- package/src/components/responsive-overlay.stories.tsx +3 -0
- package/src/components/responsive-overlay.test.tsx +93 -0
- package/src/components/responsive-overlay.tsx +52 -3
- package/src/components/toggle-group.stories.tsx +17 -0
- package/src/components/toggle-group.test.tsx +65 -0
- package/src/components/toggle-group.tsx +13 -5
- package/src/components/toggle.test.tsx +50 -1
- package/src/components/toggle.tsx +35 -4
- package/src/globals.css +7 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { cn } from './chunk-FEK5XGZW.js';
|
|
2
|
-
import { __objRest, __spreadValues } from './chunk-MMUBH76A.js';
|
|
2
|
+
import { __objRest, __spreadProps, __spreadValues } from './chunk-MMUBH76A.js';
|
|
3
3
|
import * as TogglePrimitive from '@radix-ui/react-toggle';
|
|
4
4
|
import { cva } from 'class-variance-authority';
|
|
5
5
|
import { jsx } from 'react/jsx-runtime';
|
|
@@ -13,11 +13,17 @@ var toggleVariants = cva(
|
|
|
13
13
|
outline: "border border-border bg-transparent hover:bg-accent-subtle hover:text-foreground data-[state=on]:border-primary",
|
|
14
14
|
/**
|
|
15
15
|
* One cell of a segmented control: a raised card on the group's
|
|
16
|
-
* muted capsule when on, quiet type when off.
|
|
16
|
+
* muted capsule when on, quiet type when off. This class owns only
|
|
17
|
+
* the cell's layout and text colour — the button itself is the full
|
|
18
|
+
* 44px hit target the accessibility floor asks for. The raised card
|
|
19
|
+
* it draws is smaller (36px, measured off the booking frames'
|
|
20
|
+
* calendar toolbar and the closures scope control), so
|
|
21
|
+
* `SegmentedToggleContent` below carries the paint in an inner span,
|
|
22
|
+
* the same split `MenuPickRow` uses for its add disc. The group
|
|
17
23
|
* (`ToggleGroup variant="segmented"`) supplies the capsule; the cell
|
|
18
24
|
* never fills with the accent, which would read as a primary button.
|
|
19
25
|
*/
|
|
20
|
-
segmented: "
|
|
26
|
+
segmented: "group/segment relative rounded-full text-muted-foreground hover:bg-transparent hover:text-foreground data-[state=on]:bg-transparent data-[state=on]:text-foreground",
|
|
21
27
|
/**
|
|
22
28
|
* A choice among a few named options that sit in a wrapping row —
|
|
23
29
|
* the booking flow's seating preference ("No preference", "Terrace",
|
|
@@ -47,7 +53,11 @@ var toggleVariants = cva(
|
|
|
47
53
|
// call on another element alike.
|
|
48
54
|
compoundVariants: [
|
|
49
55
|
{ variant: "chip", class: "h-auto min-w-0 px-[13px]" },
|
|
50
|
-
{ variant: "tab", class: "h-auto min-w-0 px-3" }
|
|
56
|
+
{ variant: "tab", class: "h-auto min-w-0 px-3" },
|
|
57
|
+
// The segmented cell's hit target is fixed at the 44px floor
|
|
58
|
+
// regardless of `size` — restated here for the same reason as chip and
|
|
59
|
+
// tab above, so the size variants' `h-*` never wins the merge.
|
|
60
|
+
{ variant: "segmented", class: "h-11 px-0" }
|
|
51
61
|
],
|
|
52
62
|
defaultVariants: {
|
|
53
63
|
variant: "default",
|
|
@@ -55,23 +65,30 @@ var toggleVariants = cva(
|
|
|
55
65
|
}
|
|
56
66
|
}
|
|
57
67
|
);
|
|
68
|
+
function SegmentedToggleContent({ children }) {
|
|
69
|
+
return /* @__PURE__ */ jsx("span", { className: "flex h-9 w-full items-center justify-center gap-2 rounded-full text-inherit transition-[background-color,box-shadow] group-data-[state=on]/segment:bg-card group-data-[state=on]/segment:shadow-[var(--shadow-card)]", children });
|
|
70
|
+
}
|
|
58
71
|
function Toggle(_a) {
|
|
59
72
|
var _b = _a, {
|
|
60
73
|
className,
|
|
61
74
|
variant,
|
|
62
|
-
size
|
|
75
|
+
size,
|
|
76
|
+
children
|
|
63
77
|
} = _b, props = __objRest(_b, [
|
|
64
78
|
"className",
|
|
65
79
|
"variant",
|
|
66
|
-
"size"
|
|
80
|
+
"size",
|
|
81
|
+
"children"
|
|
67
82
|
]);
|
|
68
83
|
return /* @__PURE__ */ jsx(
|
|
69
84
|
TogglePrimitive.Root,
|
|
70
|
-
__spreadValues({
|
|
85
|
+
__spreadProps(__spreadValues({
|
|
71
86
|
"data-slot": "toggle",
|
|
72
87
|
className: cn(toggleVariants({ variant, size, className }))
|
|
73
|
-
}, props)
|
|
88
|
+
}, props), {
|
|
89
|
+
children: variant === "segmented" ? /* @__PURE__ */ jsx(SegmentedToggleContent, { children }) : children
|
|
90
|
+
})
|
|
74
91
|
);
|
|
75
92
|
}
|
|
76
93
|
|
|
77
|
-
export { Toggle, toggleVariants };
|
|
94
|
+
export { SegmentedToggleContent, Toggle, toggleVariants };
|
|
@@ -47,46 +47,52 @@ var DrawerOverlay = React.forwardRef((_a, ref) => {
|
|
|
47
47
|
);
|
|
48
48
|
});
|
|
49
49
|
DrawerOverlay.displayName = Drawer$1.Overlay.displayName;
|
|
50
|
-
var DrawerContent = React.forwardRef(
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
/* @__PURE__ */ jsxs(
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
"
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
50
|
+
var DrawerContent = React.forwardRef(
|
|
51
|
+
(_a, ref) => {
|
|
52
|
+
var _b = _a, { className, variant = "flush", showHandle, overlayClassName, snapHeight, style, children } = _b, props = __objRest(_b, ["className", "variant", "showHandle", "overlayClassName", "snapHeight", "style", "children"]);
|
|
53
|
+
const { direction, modal } = React.useContext(DrawerContext);
|
|
54
|
+
const isVertical = direction === "top" || direction === "bottom";
|
|
55
|
+
const handleEnabled = showHandle != null ? showHandle : direction === "bottom";
|
|
56
|
+
const fixedHeight = isVertical && snapHeight !== void 0 ? typeof snapHeight === "number" ? `${snapHeight}px` : snapHeight : void 0;
|
|
57
|
+
const positionClasses = direction === "bottom" ? "inset-x-0 bottom-0 flex-col rounded-t-2xl border-t [padding-bottom:max(env(safe-area-inset-bottom),0px)]" : direction === "top" ? "inset-x-0 top-0 flex-col rounded-b-2xl border-b [padding-top:max(env(safe-area-inset-top),0px)]" : direction === "left" ? "inset-y-0 left-0 h-full w-3/4 max-w-sm flex-col rounded-r-2xl border-r [padding-left:max(env(safe-area-inset-left),0px)]" : "inset-y-0 right-0 h-full w-3/4 max-w-sm flex-col rounded-l-2xl border-l [padding-right:max(env(safe-area-inset-right),0px)]";
|
|
58
|
+
return /* @__PURE__ */ jsxs(DrawerPortal, { children: [
|
|
59
|
+
/* @__PURE__ */ jsx(DrawerOverlay, { className: overlayClassName }),
|
|
60
|
+
/* @__PURE__ */ jsxs(
|
|
61
|
+
Drawer$1.Content,
|
|
62
|
+
__spreadProps(__spreadValues({
|
|
63
|
+
ref,
|
|
64
|
+
"data-slot": "drawer-content",
|
|
65
|
+
"aria-modal": modal ? true : void 0,
|
|
66
|
+
style: fixedHeight !== void 0 ? __spreadProps(__spreadValues({}, style), { height: fixedHeight }) : style,
|
|
67
|
+
className: cn(
|
|
68
|
+
"fixed z-[1000] flex border-border bg-card shadow-[var(--shadow-overlay)]",
|
|
69
|
+
positionClasses,
|
|
70
|
+
// The single height cap for every vertical drawer, fixed height or
|
|
71
|
+
// not (a `snapHeight` taller than the viewport still backs off to
|
|
72
|
+
// this on a short phone). Consumers should NOT restate it: six app
|
|
73
|
+
// call sites carried an identical `!max-h-[90vh]`, so this default
|
|
74
|
+
// governed nothing and changing it here would have reached none of
|
|
75
|
+
// them.
|
|
76
|
+
isVertical ? "max-h-[85vh]" : "",
|
|
77
|
+
variant === "floating" && "m-3 rounded-2xl border",
|
|
78
|
+
className
|
|
79
|
+
)
|
|
80
|
+
}, props), {
|
|
81
|
+
children: [
|
|
82
|
+
handleEnabled && /* @__PURE__ */ jsx(
|
|
83
|
+
"div",
|
|
84
|
+
{
|
|
85
|
+
"aria-hidden": true,
|
|
86
|
+
className: "mx-auto mt-2 h-1 w-10 shrink-0 rounded-full bg-muted-foreground/30"
|
|
87
|
+
}
|
|
88
|
+
),
|
|
89
|
+
children
|
|
90
|
+
]
|
|
91
|
+
})
|
|
92
|
+
)
|
|
93
|
+
] });
|
|
94
|
+
}
|
|
95
|
+
);
|
|
90
96
|
DrawerContent.displayName = "DrawerContent";
|
|
91
97
|
var DrawerHeader = (_a) => {
|
|
92
98
|
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
@@ -70,7 +70,12 @@ var buttonVariants = cva(
|
|
|
70
70
|
size: {
|
|
71
71
|
xs: "h-8 rounded-lg px-3 text-xs [&_svg]:size-3.5",
|
|
72
72
|
sm: "h-9 rounded-lg px-4",
|
|
73
|
-
|
|
73
|
+
/**
|
|
74
|
+
* The booking frames' 44px controls (Reports/02-p4 "Try again" and its
|
|
75
|
+
* report-range trigger, Calendar/08-r0 "New reservation") all draw
|
|
76
|
+
* 10px, not the base `rounded-xl` (12px) this size otherwise inherits.
|
|
77
|
+
*/
|
|
78
|
+
default: "h-11 rounded-[10px] px-6 py-2",
|
|
74
79
|
lg: "h-12 rounded-2xl px-8",
|
|
75
80
|
/** The `ink` action's shape. Owns the radius so no variant fights it. */
|
|
76
81
|
pill: "h-11 rounded-full px-5 text-[13.5px] font-bold",
|
|
@@ -70,11 +70,17 @@ var badgeVariants = cva(
|
|
|
70
70
|
/**
|
|
71
71
|
* `status` is the taller pill the booking design draws beside a
|
|
72
72
|
* summary — the same ink and radius, more air. `chip` (the default) is
|
|
73
|
-
* the inline one that sits in a row of text.
|
|
73
|
+
* the inline one that sits in a row of text. Measured off the booking
|
|
74
|
+
* details panel (Bookings Calendar 09, the header status badge): a 24px
|
|
75
|
+
* pill, not the 38px `py-[11px]` previously drew. Resets text size and
|
|
76
|
+
* weight too, because the colour variants (`confirmed`/`pending`/…)
|
|
77
|
+
* tune those for their compact, inline-with-a-row scale (10.5px bold);
|
|
78
|
+
* `status` is a different scale (12px semibold) and wins the merge by
|
|
79
|
+
* coming after the variant classes.
|
|
74
80
|
*/
|
|
75
81
|
size: {
|
|
76
82
|
chip: "",
|
|
77
|
-
status: "py-[
|
|
83
|
+
status: "gap-1 px-2 py-[3px] text-xs leading-[18px] font-semibold"
|
|
78
84
|
},
|
|
79
85
|
// v1.0 motion: "live" surface signal — applies `live-pulse` archetype.
|
|
80
86
|
// Pair with a colored variant (e.g. variant="destructive" live).
|
|
@@ -4,7 +4,7 @@ import * as React from 'react';
|
|
|
4
4
|
import { VariantProps } from 'class-variance-authority';
|
|
5
5
|
|
|
6
6
|
declare const badgeVariants: (props?: ({
|
|
7
|
-
variant?: "
|
|
7
|
+
variant?: "default" | "secondary" | "success" | "warning" | "destructive" | "outline" | "glass" | "overlay" | "brown" | "code" | "onPrimary" | "confirmed" | "pending" | "completed" | "assignee" | "softSuccess" | "softWarning" | "softDestructive" | "softNeutral" | null | undefined;
|
|
8
8
|
size?: "status" | "chip" | null | undefined;
|
|
9
9
|
live?: boolean | null | undefined;
|
|
10
10
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
package/dist/components/badge.js
CHANGED
|
@@ -3,8 +3,8 @@ import * as React from 'react';
|
|
|
3
3
|
import { VariantProps } from 'class-variance-authority';
|
|
4
4
|
|
|
5
5
|
declare const buttonVariants: (props?: ({
|
|
6
|
-
variant?: "
|
|
7
|
-
size?: "
|
|
6
|
+
variant?: "default" | "link" | "secondary" | "warning" | "destructive" | "outline" | "ghost" | "glass" | "overlay" | "ink" | "brown" | "cta" | null | undefined;
|
|
7
|
+
size?: "icon" | "default" | "cta" | "xs" | "sm" | "lg" | "pill" | "cta-sm" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
|
|
8
8
|
fullWidth?: boolean | null | undefined;
|
|
9
9
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
10
10
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Popover, PopoverTrigger, PopoverContent } from '../chunk-2ADCZXZJ.js';
|
|
2
2
|
import { Command, CommandInput, CommandList, CommandLoading, CommandEmpty, CommandGroup, CommandItem } from '../chunk-PGQXVJXW.js';
|
|
3
3
|
import '../chunk-IQIJCMG2.js';
|
|
4
|
-
import { Button } from '../chunk-
|
|
4
|
+
import { Button } from '../chunk-K6ACNU2L.js';
|
|
5
5
|
import '../chunk-RIH2IS7X.js';
|
|
6
6
|
import '../chunk-5YNIQ2BL.js';
|
|
7
7
|
import { cn } from '../chunk-FEK5XGZW.js';
|
|
@@ -28,7 +28,7 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
|
|
|
28
28
|
ref?: React.Ref<HTMLInputElement>;
|
|
29
29
|
} & {
|
|
30
30
|
asChild?: boolean;
|
|
31
|
-
}, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "
|
|
31
|
+
}, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "value" | "onChange" | "type"> & {
|
|
32
32
|
value?: string;
|
|
33
33
|
onValueChange?: (search: string) => void;
|
|
34
34
|
} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -64,7 +64,7 @@ declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
|
|
|
64
64
|
ref?: React.Ref<HTMLDivElement>;
|
|
65
65
|
} & {
|
|
66
66
|
asChild?: boolean;
|
|
67
|
-
}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key">, "
|
|
67
|
+
}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key">, "value" | "heading"> & {
|
|
68
68
|
heading?: React.ReactNode;
|
|
69
69
|
value?: string;
|
|
70
70
|
forceMount?: boolean;
|
|
@@ -82,7 +82,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
|
|
|
82
82
|
ref?: React.Ref<HTMLDivElement>;
|
|
83
83
|
} & {
|
|
84
84
|
asChild?: boolean;
|
|
85
|
-
}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key">, "
|
|
85
|
+
}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key">, "value" | "onSelect" | "disabled"> & {
|
|
86
86
|
disabled?: boolean;
|
|
87
87
|
onSelect?: (value: string) => void;
|
|
88
88
|
value?: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { PhotoGround } from '../chunk-SWD6CJ35.js';
|
|
2
2
|
import { Convergence } from '../chunk-4XDJXMLF.js';
|
|
3
3
|
import '../chunk-OIV7B44M.js';
|
|
4
|
-
import { Badge } from '../chunk-
|
|
4
|
+
import { Badge } from '../chunk-WHUG6QEI.js';
|
|
5
5
|
import { cn } from '../chunk-FEK5XGZW.js';
|
|
6
6
|
import '../chunk-MMUBH76A.js';
|
|
7
7
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
@@ -28,6 +28,15 @@ declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<DialogPri
|
|
|
28
28
|
* `--scrim-overlay` in globals.css, and why it is not `--scrim`).
|
|
29
29
|
*/
|
|
30
30
|
overlayClassName?: string;
|
|
31
|
+
/**
|
|
32
|
+
* A fixed sheet height instead of sizing to content — the booking frames'
|
|
33
|
+
* ~640px table sheet (floor/14-w1) draws one instead of growing with its
|
|
34
|
+
* content. A number is px; a string is passed through (`"70vh"`). Only
|
|
35
|
+
* meaningful on a vertical (`top`/`bottom`) drawer, and always capped by the
|
|
36
|
+
* shared `max-h-[85vh]` on short viewports. Omit it to keep every existing
|
|
37
|
+
* caller's content-sized sheet — this is opt-in, not a new default.
|
|
38
|
+
*/
|
|
39
|
+
snapHeight?: number | string;
|
|
31
40
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
32
41
|
declare const DrawerHeader: {
|
|
33
42
|
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from '../chunk-
|
|
1
|
+
export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from '../chunk-FVFAOW36.js';
|
|
2
2
|
import '../chunk-FEK5XGZW.js';
|
|
3
3
|
import '../chunk-MMUBH76A.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Button } from '../chunk-
|
|
1
|
+
import { Button } from '../chunk-K6ACNU2L.js';
|
|
2
2
|
import '../chunk-RIH2IS7X.js';
|
|
3
3
|
import '../chunk-5YNIQ2BL.js';
|
|
4
4
|
import { Text } from '../chunk-ZLMRVBD7.js';
|
|
@@ -70,7 +70,9 @@ var EmptyState = React.forwardRef(
|
|
|
70
70
|
className: cn(
|
|
71
71
|
// The glyph size is the tile's, whatever size the caller's icon
|
|
72
72
|
// node asked for — a 40px icon in a 64px tile has no margin.
|
|
73
|
-
|
|
73
|
+
// No border: the frames (reports/02-p4, calendar/02-c2) draw the
|
|
74
|
+
// tile with the shadow alone.
|
|
75
|
+
"mb-4 flex size-16 shrink-0 items-center justify-center rounded-[20px] shadow-sm sm:size-18 sm:rounded-[22px] [&_svg]:size-7",
|
|
74
76
|
variant === "error" ? "bg-destructive/5" : "bg-card"
|
|
75
77
|
),
|
|
76
78
|
children: icon != null ? icon : DEFAULT_ICON[variant]
|
|
@@ -2,7 +2,7 @@ import { resolveEventEntryFee } from '../chunk-DNSXMHYX.js';
|
|
|
2
2
|
import { Separator } from '../chunk-NWZGSLPU.js';
|
|
3
3
|
import { EventPosterFallback } from '../chunk-FDITZ2VM.js';
|
|
4
4
|
import { Skeleton } from '../chunk-XBBEX4SF.js';
|
|
5
|
-
import { Button } from '../chunk-
|
|
5
|
+
import { Button } from '../chunk-K6ACNU2L.js';
|
|
6
6
|
import '../chunk-RIH2IS7X.js';
|
|
7
7
|
import '../chunk-5YNIQ2BL.js';
|
|
8
8
|
import { cn } from '../chunk-FEK5XGZW.js';
|
|
@@ -3,7 +3,7 @@ import { Tag } from '../chunk-MWB7S54O.js';
|
|
|
3
3
|
import { Separator } from '../chunk-NWZGSLPU.js';
|
|
4
4
|
import { EventPosterFallback } from '../chunk-FDITZ2VM.js';
|
|
5
5
|
import { Skeleton } from '../chunk-XBBEX4SF.js';
|
|
6
|
-
import { buttonVariants } from '../chunk-
|
|
6
|
+
import { buttonVariants } from '../chunk-K6ACNU2L.js';
|
|
7
7
|
import '../chunk-RIH2IS7X.js';
|
|
8
8
|
import '../chunk-5YNIQ2BL.js';
|
|
9
9
|
import { cn } from '../chunk-FEK5XGZW.js';
|
|
@@ -3,7 +3,7 @@ import { HueChip } from '../chunk-6VOWT4YR.js';
|
|
|
3
3
|
import { Separator } from '../chunk-NWZGSLPU.js';
|
|
4
4
|
import { PhotoGround, PHOTO_GROUND } from '../chunk-SWD6CJ35.js';
|
|
5
5
|
import { Skeleton } from '../chunk-XBBEX4SF.js';
|
|
6
|
-
import { buttonVariants } from '../chunk-
|
|
6
|
+
import { buttonVariants } from '../chunk-K6ACNU2L.js';
|
|
7
7
|
import '../chunk-RIH2IS7X.js';
|
|
8
8
|
import '../chunk-5YNIQ2BL.js';
|
|
9
9
|
import { cn } from '../chunk-FEK5XGZW.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Separator } from '../chunk-NWZGSLPU.js';
|
|
2
2
|
import { Skeleton } from '../chunk-XBBEX4SF.js';
|
|
3
|
-
import { Button } from '../chunk-
|
|
3
|
+
import { Button } from '../chunk-K6ACNU2L.js';
|
|
4
4
|
import '../chunk-RIH2IS7X.js';
|
|
5
5
|
import '../chunk-5YNIQ2BL.js';
|
|
6
6
|
import { cn } from '../chunk-FEK5XGZW.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { MentionSignal, MenuItem } from '../chunk-
|
|
2
|
-
import '../chunk-
|
|
3
|
-
import '../chunk-
|
|
1
|
+
export { MentionSignal, MenuItem } from '../chunk-RQPUBKFU.js';
|
|
2
|
+
import '../chunk-CLFE4U5T.js';
|
|
3
|
+
import '../chunk-WHUG6QEI.js';
|
|
4
4
|
import '../chunk-FEK5XGZW.js';
|
|
5
5
|
import '../chunk-MMUBH76A.js';
|
|
@@ -2,10 +2,10 @@ import { Checkbox } from '../chunk-L3CDXVEP.js';
|
|
|
2
2
|
import { Popover, PopoverTrigger, PopoverContent } from '../chunk-2ADCZXZJ.js';
|
|
3
3
|
import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '../chunk-PGQXVJXW.js';
|
|
4
4
|
import '../chunk-IQIJCMG2.js';
|
|
5
|
-
import { Button } from '../chunk-
|
|
5
|
+
import { Button } from '../chunk-K6ACNU2L.js';
|
|
6
6
|
import '../chunk-RIH2IS7X.js';
|
|
7
7
|
import '../chunk-5YNIQ2BL.js';
|
|
8
|
-
import { Badge } from '../chunk-
|
|
8
|
+
import { Badge } from '../chunk-WHUG6QEI.js';
|
|
9
9
|
import { cn } from '../chunk-FEK5XGZW.js';
|
|
10
10
|
import { __spreadValues } from '../chunk-MMUBH76A.js';
|
|
11
11
|
import * as React from 'react';
|
|
@@ -6,7 +6,7 @@ import { showsGradeAtom } from '../chunk-I5V446BX.js';
|
|
|
6
6
|
import { Separator } from '../chunk-NWZGSLPU.js';
|
|
7
7
|
import { springSnappy } from '../chunk-OIV7B44M.js';
|
|
8
8
|
import { Skeleton } from '../chunk-XBBEX4SF.js';
|
|
9
|
-
import { Badge } from '../chunk-
|
|
9
|
+
import { Badge } from '../chunk-WHUG6QEI.js';
|
|
10
10
|
import { cn } from '../chunk-FEK5XGZW.js';
|
|
11
11
|
import { __objRest, __spreadValues } from '../chunk-MMUBH76A.js';
|
|
12
12
|
import { forwardRef, memo, useState, useMemo } from 'react';
|
|
@@ -3,7 +3,7 @@ import '../chunk-FMTJGO76.js';
|
|
|
3
3
|
import '../chunk-MWB7S54O.js';
|
|
4
4
|
import '../chunk-NWZGSLPU.js';
|
|
5
5
|
import { Text } from '../chunk-ZLMRVBD7.js';
|
|
6
|
-
import { Badge } from '../chunk-
|
|
6
|
+
import { Badge } from '../chunk-WHUG6QEI.js';
|
|
7
7
|
import { cn } from '../chunk-FEK5XGZW.js';
|
|
8
8
|
import '../chunk-MMUBH76A.js';
|
|
9
9
|
import { useState } from 'react';
|
|
@@ -53,6 +53,24 @@ type ResponsiveOverlayProps = {
|
|
|
53
53
|
className?: string;
|
|
54
54
|
/** Classes for the scrolling body. */
|
|
55
55
|
bodyClassName?: string;
|
|
56
|
+
/**
|
|
57
|
+
* Focus this element on open instead of Radix's default — the first
|
|
58
|
+
* tabbable in DOM order, which in every mode here is the header's round
|
|
59
|
+
* Close button, since the header renders before the body. That is the
|
|
60
|
+
* right target for most overlays, but a confirm-style body (a primary
|
|
61
|
+
* action, a field that should be pre-filled) wants focus lower down.
|
|
62
|
+
* Passing a ref calls `event.preventDefault()` on Radix's
|
|
63
|
+
* `onOpenAutoFocus` and focuses this element instead; omitting the prop
|
|
64
|
+
* keeps today's default in every mode (dialog, sheet, drawer).
|
|
65
|
+
*/
|
|
66
|
+
initialFocusRef?: React.RefObject<HTMLElement | null>;
|
|
67
|
+
/**
|
|
68
|
+
* A fixed height for the phone drawer instead of sizing to its content —
|
|
69
|
+
* `DrawerContent`'s `snapHeight` (the frames' ~640px table sheet). Applies
|
|
70
|
+
* only when the narrow drawer is showing; the desktop dialog/sheet are
|
|
71
|
+
* unaffected. Omit to keep today's content-sized drawer.
|
|
72
|
+
*/
|
|
73
|
+
drawerHeight?: number | string;
|
|
56
74
|
};
|
|
57
75
|
/**
|
|
58
76
|
* ResponsiveOverlay — one overlay authored once: a `Drawer` under md, a
|