@pibit.ai/cure-design-system 0.5.11 → 0.6.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/applications/date-picker/calendar-value.d.ts +4 -0
- package/dist/applications/date-picker/calendar-value.d.ts.map +1 -0
- package/dist/applications/date-picker/calendar-value.js +6 -0
- package/dist/applications/date-picker/calendar.d.ts.map +1 -1
- package/dist/applications/date-picker/calendar.js +130 -124
- package/dist/applications/date-picker/date-time-calendar.d.ts.map +1 -1
- package/dist/applications/date-picker/date-time-calendar.js +56 -55
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +161 -157
- package/dist/node_modules/framer-motion/dist/es/components/AnimatePresence/PopChild.js +6 -6
- package/dist/node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.js +5 -5
- package/dist/node_modules/framer-motion/dist/es/utils/use-composed-ref.js +3 -3
- package/dist/node_modules/{@react-stately/data/dist → react-stately/dist/private/data}/useListData.js +61 -64
- package/dist/patterns/table/rowReorderDrag.js +4 -4
- package/dist/patterns/table/toolbar/ColumnHeaderMenu.d.ts.map +1 -1
- package/dist/patterns/table/toolbar/ColumnHeaderMenu.js +160 -139
- package/dist/patterns/table-component/TableComponent.d.ts +1 -1
- package/dist/patterns/table-component/TableComponent.d.ts.map +1 -1
- package/dist/patterns/table-component/TableComponent.js +996 -580
- package/dist/patterns/table-component/columnReorderDrag.d.ts +41 -0
- package/dist/patterns/table-component/columnReorderDrag.d.ts.map +1 -0
- package/dist/patterns/table-component/columnReorderDrag.js +55 -0
- package/dist/patterns/table-component/columnReorderDrag.test.d.ts +2 -0
- package/dist/patterns/table-component/columnReorderDrag.test.d.ts.map +1 -0
- package/dist/patterns/table-component/types.d.ts +8 -0
- package/dist/patterns/table-component/types.d.ts.map +1 -1
- package/dist/primitives/avatar/avatar.d.ts +46 -28
- package/dist/primitives/avatar/avatar.d.ts.map +1 -1
- package/dist/primitives/avatar/avatar.js +114 -39
- package/dist/primitives/avatar/base-components/avatar-online-indicator.d.ts +8 -0
- package/dist/primitives/avatar/base-components/avatar-online-indicator.d.ts.map +1 -0
- package/dist/primitives/avatar/base-components/avatar-online-indicator.js +29 -0
- package/dist/primitives/avatar/base-components/index.d.ts +3 -0
- package/dist/primitives/avatar/base-components/index.d.ts.map +1 -0
- package/dist/primitives/avatar/base-components/verified-tick.d.ts +7 -0
- package/dist/primitives/avatar/base-components/verified-tick.d.ts.map +1 -0
- package/dist/primitives/avatar/base-components/verified-tick.js +41 -0
- package/dist/primitives/dropdown/dropdown.d.ts +2 -2
- package/dist/primitives/input/input.d.ts.map +1 -1
- package/dist/primitives/input/input.js +9 -1
- package/dist/primitives/select/SearchInput.d.ts +7 -7
- package/dist/primitives/select/SearchInput.d.ts.map +1 -1
- package/dist/primitives/select/__tests__/multi-select-utils.test.d.ts +2 -0
- package/dist/primitives/select/__tests__/multi-select-utils.test.d.ts.map +1 -0
- package/dist/primitives/select/combobox.d.ts +1 -2
- package/dist/primitives/select/combobox.d.ts.map +1 -1
- package/dist/primitives/select/index.d.ts +3 -1
- package/dist/primitives/select/index.d.ts.map +1 -1
- package/dist/primitives/select/multi-select-utils.d.ts +7 -0
- package/dist/primitives/select/multi-select-utils.d.ts.map +1 -0
- package/dist/primitives/select/multi-select-utils.js +17 -0
- package/dist/primitives/select/multi-select.d.ts +17 -4
- package/dist/primitives/select/multi-select.d.ts.map +1 -1
- package/dist/primitives/select/multi-select.js +631 -237
- package/dist/primitives/select/searchable-select.d.ts +26 -4
- package/dist/primitives/select/searchable-select.d.ts.map +1 -1
- package/dist/primitives/select/searchable-select.js +292 -189
- package/dist/primitives/select/select-checkbox.d.ts +6 -0
- package/dist/primitives/select/select-checkbox.d.ts.map +1 -0
- package/dist/primitives/select/select-checkbox.js +62 -0
- package/dist/primitives/select/select-item.d.ts +3 -1
- package/dist/primitives/select/select-item.d.ts.map +1 -1
- package/dist/primitives/select/select-item.js +95 -77
- package/dist/primitives/select/select-native.d.ts +21 -2
- package/dist/primitives/select/select-native.d.ts.map +1 -1
- package/dist/primitives/select/select-native.js +88 -0
- package/dist/primitives/select/select-shared.d.ts +1 -0
- package/dist/primitives/select/select-shared.d.ts.map +1 -1
- package/dist/primitives/select/select.d.ts +12 -2
- package/dist/primitives/select/select.d.ts.map +1 -1
- package/dist/primitives/select/select.js +207 -152
- package/dist/styles/components.css +1 -1
- package/dist/styles/theme.css +1 -1
- package/package.json +4 -4
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
export declare const COLUMN_REORDER_ID_ATTR = "data-column-reorder-id";
|
|
2
|
+
export declare const COLUMN_REORDER_PARENT_ATTR = "data-column-reorder-parent";
|
|
3
|
+
export declare const COLUMN_DRAG_THRESHOLD_PX = 4;
|
|
4
|
+
export declare const COLUMN_DRAG_SCROLL_EDGE_PX = 40;
|
|
5
|
+
export declare const COLUMN_DRAG_SCROLL_MAX_PX = 18;
|
|
6
|
+
export type ColumnDragViewport = {
|
|
7
|
+
top: number;
|
|
8
|
+
height: number;
|
|
9
|
+
scrollContainer?: HTMLElement;
|
|
10
|
+
};
|
|
11
|
+
export type ColumnDropTarget = {
|
|
12
|
+
columnId: string;
|
|
13
|
+
position: "before" | "after";
|
|
14
|
+
lineLeft: number;
|
|
15
|
+
lineTop: number;
|
|
16
|
+
lineHeight: number;
|
|
17
|
+
};
|
|
18
|
+
/**
|
|
19
|
+
* The table element may be taller than its scroll container. Drag affordances
|
|
20
|
+
* should cover what the user can see, not every off-screen row in that table.
|
|
21
|
+
*/
|
|
22
|
+
export declare const getColumnDragViewport: (header: HTMLTableCellElement) => ColumnDragViewport | undefined;
|
|
23
|
+
/**
|
|
24
|
+
* Horizontal scroll delta for auto-scroll while dragging a column. Speeds up
|
|
25
|
+
* toward the edge and stays at max speed when the pointer is outside the
|
|
26
|
+
* scrollport (left/right).
|
|
27
|
+
*/
|
|
28
|
+
export declare const getColumnDragScrollDelta: (scrollContainer: HTMLElement, clientX: number, edgePx?: number, maxSpeedPx?: number) => number;
|
|
29
|
+
export declare const previewCellValue: (value: unknown) => string;
|
|
30
|
+
/** Visible cell text, including `renderCell` output, for the floating preview. */
|
|
31
|
+
export declare const getRenderedColumnPreviewValues: (root: HTMLElement | null, columnId: string, count: number) => string[];
|
|
32
|
+
/**
|
|
33
|
+
* Hit-test a leaf header under the pointer. Only siblings (same parent group)
|
|
34
|
+
* are valid drop targets, matching TanStack's nested column-order behavior.
|
|
35
|
+
*/
|
|
36
|
+
export declare const resolveColumnDropTarget: (clientX: number, clientY: number, source: {
|
|
37
|
+
columnId: string;
|
|
38
|
+
parentId: string;
|
|
39
|
+
tableViewport?: Pick<ColumnDragViewport, "top" | "height">;
|
|
40
|
+
}) => ColumnDropTarget | null;
|
|
41
|
+
//# sourceMappingURL=columnReorderDrag.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"columnReorderDrag.d.ts","sourceRoot":"","sources":["../../../src/patterns/table-component/columnReorderDrag.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,2BAA2B,CAAC;AAC/D,eAAO,MAAM,0BAA0B,+BAA+B,CAAC;AACvE,eAAO,MAAM,wBAAwB,IAAI,CAAC;AAC1C,eAAO,MAAM,0BAA0B,KAAK,CAAC;AAC7C,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAE5C,MAAM,MAAM,kBAAkB,GAAG;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,WAAW,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,GAChC,QAAQ,oBAAoB,KAC3B,kBAAkB,GAAG,SAyBvB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,GACnC,iBAAiB,WAAW,EAC5B,SAAS,MAAM,EACf,eAAmC,EACnC,mBAAsC,KACrC,MAqBF,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,OAAO,OAAO,KAAG,MAKjD,CAAC;AAEF,kFAAkF;AAClF,eAAO,MAAM,8BAA8B,GACzC,MAAM,WAAW,GAAG,IAAI,EACxB,UAAU,MAAM,EAChB,OAAO,MAAM,KACZ,MAAM,EAYR,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,GAClC,SAAS,MAAM,EACf,SAAS,MAAM,EACf,QAAQ;IACN,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,KAAK,GAAG,QAAQ,CAAC,CAAC;CAC5D,KACA,gBAAgB,GAAG,IAsBrB,CAAC"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
const g = "data-column-reorder-id", u = "data-column-reorder-parent", p = 4, f = 40, d = 18, m = (n) => {
|
|
2
|
+
const r = n.closest("table");
|
|
3
|
+
if (!r) return;
|
|
4
|
+
const e = r.getBoundingClientRect();
|
|
5
|
+
let t = r.parentElement;
|
|
6
|
+
for (; t && !(t.scrollHeight > t.clientHeight + 1 || t.scrollWidth > t.clientWidth + 1); )
|
|
7
|
+
t = t.parentElement;
|
|
8
|
+
if (!t)
|
|
9
|
+
return { top: e.top, height: e.height };
|
|
10
|
+
const o = t.getBoundingClientRect(), c = Math.max(e.top, o.top), i = Math.min(e.bottom, o.bottom);
|
|
11
|
+
return i > c ? { top: c, height: i - c, scrollContainer: t } : { top: e.top, height: e.height, scrollContainer: t };
|
|
12
|
+
}, _ = (n, r, e = 40, t = 18) => {
|
|
13
|
+
const { scrollLeft: o, scrollWidth: c, clientWidth: i } = n, h = c - i;
|
|
14
|
+
if (h <= 0) return 0;
|
|
15
|
+
const l = n.getBoundingClientRect();
|
|
16
|
+
let s = 0;
|
|
17
|
+
if (r < l.left + e) {
|
|
18
|
+
const a = r < l.left ? 1 : (l.left + e - r) / e;
|
|
19
|
+
s = -Math.ceil(t * Math.min(1, Math.max(0, a)));
|
|
20
|
+
} else if (r > l.right - e) {
|
|
21
|
+
const a = r > l.right ? 1 : (r - (l.right - e)) / e;
|
|
22
|
+
s = Math.ceil(t * Math.min(1, Math.max(0, a)));
|
|
23
|
+
}
|
|
24
|
+
return s < 0 && o <= 0 || s > 0 && o >= h ? 0 : s;
|
|
25
|
+
}, C = (n) => n == null ? "" : Array.isArray(n) ? n.map(String).join(", ") : typeof n == "object" ? "" : String(n), R = (n, r, e) => {
|
|
26
|
+
if (!n || e <= 0) return [];
|
|
27
|
+
const t = typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(r) : r.replace(/["\\]/g, "\\$&"), o = n.querySelectorAll(
|
|
28
|
+
`td[data-grid-col-key="${t}"]`
|
|
29
|
+
);
|
|
30
|
+
return Array.from(o).slice(0, e).map((c) => (c.textContent ?? "").replace(/\s+/g, " ").trim());
|
|
31
|
+
}, L = (n, r, e) => {
|
|
32
|
+
var l, s, a;
|
|
33
|
+
const t = (l = document.elementFromPoint(n, r)) == null ? void 0 : l.closest(`th[${g}]`), o = t == null ? void 0 : t.getAttribute(g);
|
|
34
|
+
if (!t || !o || o === e.columnId || (t.getAttribute(u) ?? "") !== e.parentId) return null;
|
|
35
|
+
const i = t.getBoundingClientRect(), h = n < i.left + i.width / 2 ? "before" : "after";
|
|
36
|
+
return {
|
|
37
|
+
columnId: o,
|
|
38
|
+
position: h,
|
|
39
|
+
lineLeft: h === "before" ? i.left : i.right,
|
|
40
|
+
lineTop: ((s = e.tableViewport) == null ? void 0 : s.top) ?? i.top,
|
|
41
|
+
lineHeight: ((a = e.tableViewport) == null ? void 0 : a.height) ?? i.height
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
export {
|
|
45
|
+
f as COLUMN_DRAG_SCROLL_EDGE_PX,
|
|
46
|
+
d as COLUMN_DRAG_SCROLL_MAX_PX,
|
|
47
|
+
p as COLUMN_DRAG_THRESHOLD_PX,
|
|
48
|
+
g as COLUMN_REORDER_ID_ATTR,
|
|
49
|
+
u as COLUMN_REORDER_PARENT_ATTR,
|
|
50
|
+
_ as getColumnDragScrollDelta,
|
|
51
|
+
m as getColumnDragViewport,
|
|
52
|
+
R as getRenderedColumnPreviewValues,
|
|
53
|
+
C as previewCellValue,
|
|
54
|
+
L as resolveColumnDropTarget
|
|
55
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"columnReorderDrag.test.d.ts","sourceRoot":"","sources":["../../../src/patterns/table-component/columnReorderDrag.test.ts"],"names":[],"mappings":""}
|
|
@@ -157,6 +157,14 @@ export type TableComponentProps<TData extends object> = {
|
|
|
157
157
|
columnOrder?: ColumnOrderState;
|
|
158
158
|
defaultColumnOrder?: ColumnOrderState;
|
|
159
159
|
onColumnOrderChange?: (order: ColumnOrderState) => void;
|
|
160
|
+
/** Enables pointer drag-and-drop for leaf column headers. */
|
|
161
|
+
enableColumnReorder?: boolean;
|
|
162
|
+
/** Enables pointer resizing for normal leaf column headers. */
|
|
163
|
+
enableColumnResize?: boolean;
|
|
164
|
+
/** Controlled widths in CSS pixels, keyed by the stable column id. */
|
|
165
|
+
columnWidths?: Record<string, number>;
|
|
166
|
+
/** Called while a header resize handle is dragged. */
|
|
167
|
+
onColumnWidthsChange?: (widths: Record<string, number>) => void;
|
|
160
168
|
selectionMode?: TableComponentSelectionMode;
|
|
161
169
|
rowSelection?: RowSelectionState;
|
|
162
170
|
defaultRowSelection?: RowSelectionState;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/patterns/table-component/types.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/patterns/table-component/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,32 +1,50 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export interface AvatarProps extends VariantProps<typeof avatarVariants> {
|
|
6
|
-
/** Image source URL */
|
|
7
|
-
src?: string;
|
|
8
|
-
/** Alt text for image */
|
|
9
|
-
alt?: string;
|
|
10
|
-
/** Fallback text (usually initials) */
|
|
11
|
-
fallback?: string;
|
|
12
|
-
/** Additional CSS classes */
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
2
|
+
type AvatarSize = "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
|
|
3
|
+
export interface AvatarProps {
|
|
4
|
+
size?: AvatarSize;
|
|
13
5
|
className?: string;
|
|
6
|
+
src?: string | null;
|
|
7
|
+
alt?: string;
|
|
8
|
+
/**
|
|
9
|
+
* Display a contrast border around the avatar.
|
|
10
|
+
*/
|
|
11
|
+
contrastBorder?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* Display a badge (i.e. company logo).
|
|
14
|
+
*/
|
|
15
|
+
badge?: ReactNode;
|
|
16
|
+
/**
|
|
17
|
+
* Display a status indicator.
|
|
18
|
+
*/
|
|
19
|
+
status?: "online" | "offline";
|
|
20
|
+
/**
|
|
21
|
+
* Display a verified tick icon.
|
|
22
|
+
*
|
|
23
|
+
* @default false
|
|
24
|
+
*/
|
|
25
|
+
verified?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* The initials of the user to display if no image is available.
|
|
28
|
+
*/
|
|
29
|
+
initials?: string;
|
|
30
|
+
/**
|
|
31
|
+
* An icon to display if no image is available.
|
|
32
|
+
*/
|
|
33
|
+
placeholderIcon?: FC<{
|
|
34
|
+
className?: string;
|
|
35
|
+
}>;
|
|
36
|
+
/**
|
|
37
|
+
* A placeholder to display if no image is available.
|
|
38
|
+
*/
|
|
39
|
+
placeholder?: ReactNode;
|
|
40
|
+
/**
|
|
41
|
+
* Whether the avatar should show a focus ring when the parent group is in focus.
|
|
42
|
+
* For example, when the avatar is wrapped inside a link.
|
|
43
|
+
*
|
|
44
|
+
* @default false
|
|
45
|
+
*/
|
|
46
|
+
focusable?: boolean;
|
|
14
47
|
}
|
|
15
|
-
|
|
16
|
-
* Avatar component for user profile images
|
|
17
|
-
*
|
|
18
|
-
* Features:
|
|
19
|
-
* - Automatic fallback to initials
|
|
20
|
-
* - Multiple sizes
|
|
21
|
-
* - Handles loading states
|
|
22
|
-
*
|
|
23
|
-
* @example
|
|
24
|
-
* <Avatar src="/user.jpg" alt="John Doe" fallback="JD" />
|
|
25
|
-
* <Avatar fallback="AB" size="lg" />
|
|
26
|
-
*/
|
|
27
|
-
export declare function Avatar({ src, alt, fallback, size, className }: AvatarProps): import("react/jsx-runtime").JSX.Element;
|
|
28
|
-
export declare namespace Avatar {
|
|
29
|
-
var displayName: string;
|
|
30
|
-
}
|
|
48
|
+
export declare const Avatar: ({ contrastBorder, size, src, alt, initials, placeholder, placeholderIcon: PlaceholderIcon, badge, status, verified, focusable, className, }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
|
|
31
49
|
export {};
|
|
32
50
|
//# sourceMappingURL=avatar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/primitives/avatar/avatar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/primitives/avatar/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAK1D,KAAK,UAAU,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEnE,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC9B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,eAAe,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7C;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAwCD,eAAO,MAAM,MAAM,GAAI,6IAapB,WAAW,4CAuFb,CAAC"}
|
|
@@ -1,43 +1,118 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
1
|
+
import { jsxs as z, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { useState as y } from "react";
|
|
3
|
+
import { User01 as h } from "@untitledui/icons";
|
|
4
|
+
import { cx as o } from "../../utils/cn.js";
|
|
5
|
+
import { AvatarOnlineIndicator as N } from "./base-components/avatar-online-indicator.js";
|
|
6
|
+
import { VerifiedTick as j } from "./base-components/verified-tick.js";
|
|
7
|
+
const r = {
|
|
8
|
+
xxs: {
|
|
9
|
+
root: "size-4 outline-[0.5px] -outline-offset-[0.5px]",
|
|
10
|
+
initials: "text-xs font-semibold",
|
|
11
|
+
icon: "size-3"
|
|
12
|
+
},
|
|
13
|
+
xs: {
|
|
14
|
+
root: "size-6 outline-[0.5px] -outline-offset-[0.5px]",
|
|
15
|
+
initials: "text-xs font-semibold",
|
|
16
|
+
icon: "size-4"
|
|
17
|
+
},
|
|
18
|
+
sm: {
|
|
19
|
+
root: "size-8 outline-[0.75px] -outline-offset-[0.75px]",
|
|
20
|
+
initials: "text-sm font-semibold",
|
|
21
|
+
icon: "size-5"
|
|
22
|
+
},
|
|
23
|
+
md: {
|
|
24
|
+
root: "size-10 outline-1 -outline-offset-1",
|
|
25
|
+
initials: "text-md font-semibold",
|
|
26
|
+
icon: "size-6"
|
|
13
27
|
},
|
|
14
|
-
|
|
15
|
-
|
|
28
|
+
lg: {
|
|
29
|
+
root: "size-12 outline-1 -outline-offset-1",
|
|
30
|
+
initials: "text-lg font-semibold",
|
|
31
|
+
icon: "size-7"
|
|
32
|
+
},
|
|
33
|
+
xl: {
|
|
34
|
+
root: "size-14 outline-1 -outline-offset-1",
|
|
35
|
+
initials: "text-xl font-semibold",
|
|
36
|
+
icon: "size-8"
|
|
37
|
+
},
|
|
38
|
+
"2xl": {
|
|
39
|
+
root: "size-16 outline-1 -outline-offset-1",
|
|
40
|
+
initials: "text-display-xs font-semibold",
|
|
41
|
+
icon: "size-8"
|
|
16
42
|
}
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
}
|
|
40
|
-
|
|
43
|
+
}, U = ({
|
|
44
|
+
contrastBorder: u = !0,
|
|
45
|
+
size: t = "md",
|
|
46
|
+
src: n,
|
|
47
|
+
alt: f,
|
|
48
|
+
initials: i,
|
|
49
|
+
placeholder: x,
|
|
50
|
+
placeholderIcon: s,
|
|
51
|
+
badge: m,
|
|
52
|
+
status: l,
|
|
53
|
+
verified: c,
|
|
54
|
+
focusable: d = !1,
|
|
55
|
+
className: a
|
|
56
|
+
}) => {
|
|
57
|
+
const [p, b] = y(!1), g = () => n && !p ? /* @__PURE__ */ e(
|
|
58
|
+
"img",
|
|
59
|
+
{
|
|
60
|
+
"data-avatar-img": !0,
|
|
61
|
+
className: "size-full rounded-full object-cover",
|
|
62
|
+
src: n,
|
|
63
|
+
alt: f,
|
|
64
|
+
onError: () => b(!0)
|
|
65
|
+
}
|
|
66
|
+
) : i ? /* @__PURE__ */ e(
|
|
67
|
+
"span",
|
|
68
|
+
{
|
|
69
|
+
className: o(
|
|
70
|
+
"text-brand-tertiary",
|
|
71
|
+
r[t].initials,
|
|
72
|
+
a
|
|
73
|
+
),
|
|
74
|
+
children: i == null ? void 0 : i.toLocaleUpperCase()
|
|
75
|
+
}
|
|
76
|
+
) : s ? /* @__PURE__ */ e(
|
|
77
|
+
s,
|
|
78
|
+
{
|
|
79
|
+
className: o("text-fg-quaternary", r[t].icon)
|
|
80
|
+
}
|
|
81
|
+
) : x || /* @__PURE__ */ e(h, { className: o("text-fg-quaternary", r[t].icon) }), v = () => l ? /* @__PURE__ */ e(
|
|
82
|
+
N,
|
|
83
|
+
{
|
|
84
|
+
status: l,
|
|
85
|
+
size: t === "xxs" ? "xs" : t
|
|
86
|
+
}
|
|
87
|
+
) : c ? /* @__PURE__ */ e(
|
|
88
|
+
j,
|
|
89
|
+
{
|
|
90
|
+
size: t === "xxs" ? "xs" : t,
|
|
91
|
+
className: o(
|
|
92
|
+
"absolute right-0 bottom-0",
|
|
93
|
+
(t === "xxs" || t === "xs") && "-right-px -bottom-px"
|
|
94
|
+
)
|
|
95
|
+
}
|
|
96
|
+
) : m;
|
|
97
|
+
return /* @__PURE__ */ z(
|
|
98
|
+
"div",
|
|
99
|
+
{
|
|
100
|
+
"data-avatar": !0,
|
|
101
|
+
className: o(
|
|
102
|
+
"relative inline-flex shrink-0 items-center justify-center rounded-full bg-[var(--color-utility-brand-25)] outline-transparent",
|
|
103
|
+
// Focus styles
|
|
104
|
+
d && "group-outline-focus-ring group-focus-visible:outline-2 group-focus-visible:outline-offset-2",
|
|
105
|
+
u && "outline outline-[var(--color-brand-50)]",
|
|
106
|
+
r[t].root,
|
|
107
|
+
a
|
|
108
|
+
),
|
|
109
|
+
children: [
|
|
110
|
+
g(),
|
|
111
|
+
v()
|
|
112
|
+
]
|
|
113
|
+
}
|
|
114
|
+
);
|
|
115
|
+
};
|
|
41
116
|
export {
|
|
42
|
-
|
|
117
|
+
U as Avatar
|
|
43
118
|
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
interface AvatarOnlineIndicatorProps {
|
|
2
|
+
size: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl";
|
|
3
|
+
status: "online" | "offline";
|
|
4
|
+
className?: string;
|
|
5
|
+
}
|
|
6
|
+
export declare const AvatarOnlineIndicator: ({ size, status, className, }: AvatarOnlineIndicatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=avatar-online-indicator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar-online-indicator.d.ts","sourceRoot":"","sources":["../../../../src/primitives/avatar/base-components/avatar-online-indicator.tsx"],"names":[],"mappings":"AAaA,UAAU,0BAA0B;IAClC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IAC/D,MAAM,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,qBAAqB,GAAI,8BAInC,0BAA0B,4CAS5B,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { cx as r } from "../../../utils/cn.js";
|
|
3
|
+
const l = {
|
|
4
|
+
xs: "size-1.5",
|
|
5
|
+
sm: "size-2",
|
|
6
|
+
md: "size-2.5",
|
|
7
|
+
lg: "size-3",
|
|
8
|
+
xl: "size-3.5",
|
|
9
|
+
"2xl": "size-4",
|
|
10
|
+
"3xl": "size-4.5",
|
|
11
|
+
"4xl": "size-5"
|
|
12
|
+
}, a = ({
|
|
13
|
+
size: s,
|
|
14
|
+
status: e,
|
|
15
|
+
className: i
|
|
16
|
+
}) => /* @__PURE__ */ o(
|
|
17
|
+
"span",
|
|
18
|
+
{
|
|
19
|
+
className: r(
|
|
20
|
+
"absolute right-0 bottom-0 rounded-full ring-[1.5px] ring-bg-primary",
|
|
21
|
+
e === "online" ? "bg-fg-success-secondary" : "bg-fg-disabled_subtle",
|
|
22
|
+
l[s],
|
|
23
|
+
i
|
|
24
|
+
)
|
|
25
|
+
}
|
|
26
|
+
);
|
|
27
|
+
export {
|
|
28
|
+
a as AvatarOnlineIndicator
|
|
29
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primitives/avatar/base-components/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
interface VerifiedTickProps {
|
|
2
|
+
size: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl";
|
|
3
|
+
className?: string;
|
|
4
|
+
}
|
|
5
|
+
export declare const VerifiedTick: ({ size, className }: VerifiedTickProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export {};
|
|
7
|
+
//# sourceMappingURL=verified-tick.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"verified-tick.d.ts","sourceRoot":"","sources":["../../../../src/primitives/avatar/base-components/verified-tick.tsx"],"names":[],"mappings":"AAaA,UAAU,iBAAiB;IACzB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,GAAI,qBAAqB,iBAAiB,4CAkBlE,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { jsxs as t, jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import { cx as s } from "../../../utils/cn.js";
|
|
3
|
+
const o = {
|
|
4
|
+
xs: { root: "size-2.5", tick: "size-[4.38px" },
|
|
5
|
+
sm: { root: "size-3", tick: "size-[5.25px]" },
|
|
6
|
+
md: { root: "size-3.5", tick: "size-[6.13px]" },
|
|
7
|
+
lg: { root: "size-4", tick: "size-[7px]" },
|
|
8
|
+
xl: { root: "size-4.5", tick: "size-[7.88px]" },
|
|
9
|
+
"2xl": { root: "size-5", tick: "size-[8.75px]" },
|
|
10
|
+
"3xl": { root: "size-6", tick: "size-[10.5px]" },
|
|
11
|
+
"4xl": { root: "size-8", tick: "size-[14px]" }
|
|
12
|
+
}, r = ({ size: C, className: e }) => /* @__PURE__ */ t(
|
|
13
|
+
"svg",
|
|
14
|
+
{
|
|
15
|
+
"data-verified": !0,
|
|
16
|
+
className: s("z-10 text-utility-blue-500", o[C].root, e),
|
|
17
|
+
viewBox: "0 0 10 10",
|
|
18
|
+
fill: "none",
|
|
19
|
+
children: [
|
|
20
|
+
/* @__PURE__ */ i(
|
|
21
|
+
"path",
|
|
22
|
+
{
|
|
23
|
+
d: "M7.72237 1.77098C7.81734 2.00068 7.99965 2.18326 8.2292 2.27858L9.03413 2.61199C9.26384 2.70714 9.44635 2.88965 9.5415 3.11936C9.63665 3.34908 9.63665 3.60718 9.5415 3.83689L9.20833 4.64125C9.11313 4.87106 9.113 5.12943 9.20863 5.35913L9.54122 6.16325C9.58839 6.27702 9.61268 6.39897 9.6127 6.52214C9.61272 6.6453 9.58847 6.76726 9.54134 6.88105C9.4942 6.99484 9.42511 7.09823 9.33801 7.18531C9.2509 7.27238 9.14749 7.34144 9.03369 7.38854L8.22934 7.72171C7.99964 7.81669 7.81706 7.99899 7.72174 8.22855L7.38833 9.03348C7.29318 9.26319 7.11067 9.4457 6.88096 9.54085C6.65124 9.636 6.39314 9.636 6.16343 9.54085L5.35907 9.20767C5.12935 9.11276 4.87134 9.11295 4.64177 9.20821L3.83684 9.54115C3.60725 9.63608 3.34937 9.636 3.11984 9.54092C2.89032 9.44585 2.70791 9.26356 2.6127 9.03409L2.27918 8.22892C2.18421 7.99923 2.0019 7.81665 1.77235 7.72133L0.967421 7.38792C0.737807 7.29281 0.555355 7.11041 0.460169 6.88083C0.364983 6.65125 0.364854 6.39327 0.45981 6.16359L0.792984 5.35924C0.8879 5.12952 0.887707 4.87151 0.792445 4.64193L0.459749 3.83642C0.41258 3.72265 0.388291 3.60069 0.388272 3.47753C0.388252 3.35436 0.412501 3.2324 0.459634 3.11861C0.506767 3.00482 0.57586 2.90144 0.662965 2.81436C0.75007 2.72728 0.853479 2.65822 0.967283 2.61113L1.77164 2.27795C2.00113 2.18306 2.1836 2.00099 2.27899 1.7717L2.6124 0.966768C2.70755 0.737054 2.89006 0.554547 3.11978 0.459397C3.34949 0.364246 3.60759 0.364246 3.83731 0.459397L4.64166 0.792571C4.87138 0.887487 5.12939 0.887293 5.35897 0.792031L6.16424 0.459913C6.39392 0.364816 6.65197 0.364836 6.88164 0.459968C7.11131 0.555099 7.29379 0.737554 7.38895 0.967208L7.72247 1.77238L7.72237 1.77098Z",
|
|
24
|
+
className: "fill-current"
|
|
25
|
+
}
|
|
26
|
+
),
|
|
27
|
+
/* @__PURE__ */ i(
|
|
28
|
+
"path",
|
|
29
|
+
{
|
|
30
|
+
fillRule: "evenodd",
|
|
31
|
+
clipRule: "evenodd",
|
|
32
|
+
d: "M6.95829 3.68932C7.02509 3.58439 7.04747 3.45723 7.02051 3.3358C6.99356 3.21437 6.91946 3.10862 6.81454 3.04182C6.70961 2.97502 6.58245 2.95264 6.46102 2.97959C6.33959 3.00655 6.23384 3.08064 6.16704 3.18557L4.33141 6.06995L3.49141 5.01995C3.41375 4.92281 3.30069 4.8605 3.17709 4.84673C3.05349 4.83296 2.92949 4.86885 2.83235 4.94651C2.73522 5.02417 2.67291 5.13723 2.65914 5.26083C2.64536 5.38443 2.68125 5.50843 2.75891 5.60557L4.00891 7.16807C4.0555 7.22638 4.11533 7.27271 4.18344 7.30323C4.25154 7.33375 4.32595 7.34757 4.40047 7.34353C4.47499 7.3395 4.54747 7.31773 4.61188 7.28004C4.67629 7.24234 4.73077 7.18981 4.77079 7.12682L6.95829 3.68932Z",
|
|
33
|
+
fill: "white"
|
|
34
|
+
}
|
|
35
|
+
)
|
|
36
|
+
]
|
|
37
|
+
}
|
|
38
|
+
);
|
|
39
|
+
export {
|
|
40
|
+
r as VerifiedTick
|
|
41
|
+
};
|
|
@@ -31,8 +31,8 @@ export declare const Dropdown: {
|
|
|
31
31
|
Root: typeof AriaMenuTrigger;
|
|
32
32
|
Popover: ({ shouldCloseOnInteractOutside, ...props }: DropdownPopoverProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
33
|
Menu: <T extends object>(props: DropdownMenuProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
34
|
-
Section: <T
|
|
35
|
-
SectionHeader: (props:
|
|
34
|
+
Section: <T>(props: import('react-aria-components').MenuSectionProps<T> & React.RefAttributes<HTMLElement>) => import('react').ReactElement | null;
|
|
35
|
+
SectionHeader: (props: import('react-aria-components').HeaderProps & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
|
|
36
36
|
Item: ({ label, children, addon, icon: Icon, unstyled, isSelected, size, ...props }: DropdownItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
37
37
|
Separator: (props: AriaSeparatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
38
38
|
DotsButton: (props: AriaButtonProps & RefAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/primitives/input/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,cAAc,IAAI,kBAAkB,EACrC,MAAM,uBAAuB,CAAC;AAO/B,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAqB3E,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,+CAA+C;IAC/C,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gCAAgC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,8IAA8I;IAC9I,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC/B,+DAA+D;IAC/D,IAAI,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACvD,gEAAgE;IAChE,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAC/D,2DAA2D;IAC3D,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;;;;OAKG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kCAAkC;IAClC,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,SAAS;uUAyBnB,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,MAAM,CAAC;;
|
|
1
|
+
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/primitives/input/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,cAAc,IAAI,kBAAkB,EACrC,MAAM,uBAAuB,CAAC;AAO/B,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAqB3E,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,+CAA+C;IAC/C,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gCAAgC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,8IAA8I;IAC9I,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC/B,+DAA+D;IAC/D,IAAI,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACvD,gEAAgE;IAChE,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAC/D,2DAA2D;IAC3D,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;;;;OAKG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kCAAkC;IAClC,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,SAAS;uUAyBnB,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,MAAM,CAAC;;CAwVxC,CAAC;AAIF,UAAU,SAAS;IACjB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,cACf,SACE,SAAS,EACT,kBAAkB,EAClB,IAAI,CACF,cAAc,EACZ,MAAM,GACN,kBAAkB,GAClB,gBAAgB,GAChB,eAAe,GACf,kBAAkB,CACrB;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAID,eAAO,MAAM,SAAS;8BAA6B,cAAc;;CAehE,CAAC;AAIF,MAAM,WAAW,UAAW,SAAQ,cAAc,EAAE,SAAS;IAC3D,+CAA+C;IAC/C,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,oDAAoD;IACpD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;IACtE,kCAAkC;IAClC,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,sCAAsC;IACtC,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACtC,6BAA6B;IAC7B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,gDAAgD;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,KAAK;wXA6Bf,UAAU;;CAqFZ,CAAC"}
|
|
@@ -223,7 +223,15 @@ const M = {
|
|
|
223
223
|
ref: d,
|
|
224
224
|
placeholder: L,
|
|
225
225
|
className: i(
|
|
226
|
-
"m-0 w-full bg-transparent text-primary ring-0 outline-hidden placeholder:text-placeholder_subtle autofill:
|
|
226
|
+
"m-0 w-full bg-transparent text-primary ring-0 outline-hidden placeholder:text-placeholder_subtle autofill:text-primary",
|
|
227
|
+
// Chrome paints the autofill background on this element rather than on
|
|
228
|
+
// the group, so it needs the group's corner radius. Hardcoded, it was
|
|
229
|
+
// `rounded-lg` (10px) on every size, while the group is `rounded-md`
|
|
230
|
+
// (8px) at sm and md — the fill's corners pulled back further than the
|
|
231
|
+
// border and left a crescent of the field showing at each one. Only lg
|
|
232
|
+
// matched, by coincidence. `inherit` reads the group's computed radius,
|
|
233
|
+
// so a size that changes its radius later brings the autofill with it.
|
|
234
|
+
"autofill:rounded-[inherit]",
|
|
227
235
|
"disabled:cursor-not-allowed disabled:text-disabled group-disabled:pointer-events-none",
|
|
228
236
|
n[s].root,
|
|
229
237
|
M[s],
|
|
@@ -13,6 +13,13 @@ export interface SearchInputProps {
|
|
|
13
13
|
isDisabled?: boolean;
|
|
14
14
|
isRequired?: boolean;
|
|
15
15
|
isInvalid?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* When true, focuses the input after mount (deferred via double rAF so it
|
|
18
|
+
* wins races with modal focus traps). Do not pass through to the underlying
|
|
19
|
+
* `<input autoFocus>` — React's built-in fires synchronously and fails when
|
|
20
|
+
* the field mounts inside a just-opened modal.
|
|
21
|
+
*/
|
|
22
|
+
autoFocus?: boolean;
|
|
16
23
|
/**
|
|
17
24
|
* When true, renders a visible border. Defaults to false so embedded consumers
|
|
18
25
|
* (dropdowns, filter bars) keep the borderless look and avoid double borders.
|
|
@@ -24,13 +31,6 @@ export interface SearchInputProps {
|
|
|
24
31
|
* platform-ui's expandable search gets its `lg` corners.
|
|
25
32
|
*/
|
|
26
33
|
innerClassName?: string;
|
|
27
|
-
/**
|
|
28
|
-
* When true, focuses the input after mount, deferred via a double rAF so it
|
|
29
|
-
* wins races with modal focus traps. Do not pass this through to the
|
|
30
|
-
* underlying `<input autoFocus>`: React's built-in fires synchronously and
|
|
31
|
-
* loses when the field mounts inside a just-opened modal.
|
|
32
|
-
*/
|
|
33
|
-
autoFocus?: boolean;
|
|
34
34
|
/** When true, shows the platform-specific primary keyboard shortcut hint (⌘K on Apple platforms, Ctrl+K elsewhere). */
|
|
35
35
|
shortcut?: boolean;
|
|
36
36
|
/** When true, registers the platform-specific primary shortcut to focus the input. Defaults to `shortcut`. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EAC1B,MAAM,OAAO,CAAC;AAYf,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB
|
|
1
|
+
{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EAC1B,MAAM,OAAO,CAAC;AAYf,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uHAAuH;IACvH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8GAA8G;IAC9G,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAyGD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,IAAW,EACX,QAAgB,EAChB,gBAAgB,EAChB,QAAgB,EAChB,cAAc,EACd,SAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,SAAS,EACT,UAAkB,EAClB,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAuGlB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"multi-select-utils.test.d.ts","sourceRoot":"","sources":["../../../../src/primitives/select/__tests__/multi-select-utils.test.ts"],"names":[],"mappings":""}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { RefAttributes } from 'react';
|
|
2
2
|
import { ComboBoxProps as AriaComboBoxProps, ListBoxProps as AriaListBoxProps } from 'react-aria-components';
|
|
3
3
|
import { CommonProps, SelectItemType } from './select-shared';
|
|
4
|
-
interface ComboBoxProps extends Omit<AriaComboBoxProps<SelectItemType>, "children" | "items">, RefAttributes<HTMLDivElement>, CommonProps {
|
|
4
|
+
export interface ComboBoxProps extends Omit<AriaComboBoxProps<SelectItemType>, "children" | "items">, RefAttributes<HTMLDivElement>, CommonProps {
|
|
5
5
|
shortcut?: boolean;
|
|
6
6
|
items?: SelectItemType[];
|
|
7
7
|
popoverClassName?: string;
|
|
@@ -10,5 +10,4 @@ interface ComboBoxProps extends Omit<AriaComboBoxProps<SelectItemType>, "childre
|
|
|
10
10
|
showPrefixIcon?: boolean;
|
|
11
11
|
}
|
|
12
12
|
export declare const ComboBox: ({ showPrefixIcon, placeholder, shortcut, size, children, items, shortcutClassName, ...otherProps }: ComboBoxProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
export {};
|
|
14
13
|
//# sourceMappingURL=combobox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAGV,aAAa,EAEd,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EACV,aAAa,IAAI,iBAAiB,EAElC,YAAY,IAAI,gBAAgB,EACjC,MAAM,uBAAuB,CAAC;AAQ/B,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,cAAc,EACpB,MAAM,iBAAiB,CAAC;AASzB,
|
|
1
|
+
{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAGV,aAAa,EAEd,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EACV,aAAa,IAAI,iBAAiB,EAElC,YAAY,IAAI,gBAAgB,EACjC,MAAM,uBAAuB,CAAC;AAQ/B,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,cAAc,EACpB,MAAM,iBAAiB,CAAC;AASzB,MAAM,WAAW,aACf,SACE,IAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,EAC7D,aAAa,CAAC,cAAc,CAAC,EAC7B,WAAW;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC,UAAU,CAAC,CAAC;IACvD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAyND,eAAO,MAAM,QAAQ,GAAI,oGAStB,aAAa,4CAmEf,CAAC"}
|