@qtalo/qt-ui-library 0.1.2 → 0.1.3

package/dist/index.js

@@ -254,19 +254,20 @@ function Input({ type: r = "text", value: M, defaultValue: N, disabled: P = !1,
 		className: cn("bg-transparent outline-none", P && "pointer-events-none", R)
 	});
 }
-function Pressable({ as: r = "div", disabled: M = !1, onPress: N, className: P, children: F }) {
-	let I = useCallback(() => {
+function Pressable({ as: r, disabled: M = !1, onPress: N, className: P, children: F, ...I }) {
+	let L = r || "div", z = useCallback(() => {
 		M || N?.();
-	}, [M, N]), L = useCallback((r) => {
+	}, [M, N]), B = useCallback((r) => {
 		M || (r.key === "Enter" || r.key === " ") && (r.preventDefault(), N?.());
 	}, [M, N]);
-	return /* @__PURE__ */ jsx(r, {
+	return /* @__PURE__ */ jsx(L, {
 		role: "button",
 		tabIndex: M ? -1 : 0,
 		"aria-disabled": M || void 0,
-		onClick: I,
-		onKeyDown: L,
+		onClick: z,
+		onKeyDown: B,
 		className: cn("select-none", !M && "cursor-pointer", M && "pointer-events-none opacity-50", P),
+		...I,
 		children: F
 	});
 }
@@ -451,6 +452,7 @@ function AccordionTrigger({ value: r, children: M, className: N, asChild: P = !1
 		"aria-expanded": V,
 		"data-state": V ? "open" : "closed"
 	}) : /* @__PURE__ */ jsx(Pressable, {
+		as: Button,
 		type: "button",
 		className: N,
 		onPress: () => H(void 0),
@@ -1521,7 +1523,7 @@ function Card({ as: r, children: M, className: N, ...P }) {
 }
 function CardLayout({ children: r, className: M }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cn("grid grid-cols-[auto_1fr] grid-rows-[auto_auto_1fr_auto]", M),
+		className: cn("grid h-full grid-cols-[auto_1fr] grid-rows-[auto_auto_1fr_auto]", M),
 		children: r
 	});
 }
@@ -1825,23 +1827,20 @@ function BulkActions({ totalItems: r = 0, selectedItems: M = 0, onSelectAll: N,
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn("grid grid-cols-[minmax(0,1fr)_auto_auto] items-center gap-4", L),
 		children: [
-			/* @__PURE__ */ jsx("div", {
-				className: "contents",
-				children: /* @__PURE__ */ jsx(Checkbox, {
-					checked: z,
-					indeterminate: B,
-					onChange: q,
-					icon: /* @__PURE__ */ jsx(CheckboxIcon, {
-						size: 16,
-						className: "text-white-variant-7"
-					}),
-					indeterminateIcon: /* @__PURE__ */ jsx(MinusIcon, {
-						size: 12,
-						className: "text-neutral-900"
-					}),
-					className: cn("[&_.checkbox-box]:rounded", "[&_.checkbox-box]:border", "[&_.checkbox-box]:border-neutral-600", "[&_.checkbox-box]:bg-white", "[&_.checkbox-box[data-state=checked]]:border-primary-500", "[&_.checkbox-box[data-state=checked]]:bg-primary-500", "[&_.checkbox-box[data-state=indeterminate]]:h-[18px]", "[&_.checkbox-box[data-state=indeterminate]]:w-[18px]", "[&_.checkbox-label]:flex", "[&_.checkbox-label]:items-center", "[&_.checkbox-label]:gap-1", "[&_.checkbox-label]:text-xs", "[&_.checkbox-label]:font-medium", "[&_.checkbox-label]:text-neutral-900"),
-					children: V
-				})
+			/* @__PURE__ */ jsx(Checkbox, {
+				checked: z,
+				indeterminate: B,
+				onChange: q,
+				icon: /* @__PURE__ */ jsx(CheckboxIcon, {
+					size: 16,
+					className: "text-white-variant-7"
+				}),
+				indeterminateIcon: /* @__PURE__ */ jsx(MinusIcon, {
+					size: 12,
+					className: "text-neutral-900"
+				}),
+				className: cn("[&_.checkbox-box]:rounded", "[&_.checkbox-box]:border", "[&_.checkbox-box]:border-neutral-600", "[&_.checkbox-box]:bg-white", "[&_.checkbox-box[data-state=checked]]:border-primary-500", "[&_.checkbox-box[data-state=checked]]:bg-primary-500", "[&_.checkbox-box[data-state=indeterminate]]:h-[18px]", "[&_.checkbox-box[data-state=indeterminate]]:w-[18px]", "[&_.checkbox-label]:flex", "[&_.checkbox-label]:items-center", "[&_.checkbox-label]:gap-1", "[&_.checkbox-label]:text-xs", "[&_.checkbox-label]:font-medium", "[&_.checkbox-label]:text-neutral-900"),
+				children: V
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "flex items-center divide-x divide-neutral-400-variant-1",
@@ -1876,6 +1875,25 @@ function BulkActions({ totalItems: r = 0, selectedItems: M = 0, onSelectAll: N,
 		]
 	});
 }
+function Skeleton({ className: r }) {
+	return /* @__PURE__ */ jsx("div", { className: cn("skeleton rounded-md", r) });
+}
+function BulkActionsSkeleton({ className: r }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("grid grid-cols-[minmax(0,1fr)_auto_auto] items-center gap-4", r),
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-5 rounded" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-30" })]
+			}),
+			/* @__PURE__ */ jsx("div", { className: "flex items-center divide-x divide-neutral-400-variant-1" }),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ jsx(Skeleton, { className: "m-1 h-5 w-5 rounded" }), /* @__PURE__ */ jsx(Skeleton, { className: "m-1 h-5 w-5 rounded" })]
+			})
+		]
+	});
+}
 var filterButtonStyles = tv({
 	slots: {
 		root: "inline-flex w-fit items-center gap-1 rounded-full border px-2 py-1 transition-colors",
@@ -2027,6 +2045,9 @@ function IconCountButton({ icon: r, label: M, count: N, variant: P = "primary",
 		orientation: I,
 		status: L
 	});
+	function H(r, M = 99) {
+		return r > M ? `${M}+` : String(r);
+	}
 	return /* @__PURE__ */ jsxs(Button, {
 		...B,
 		className: cn(V.root(), z?.root),
@@ -2043,13 +2064,23 @@ function IconCountButton({ icon: r, label: M, count: N, variant: P = "primary",
 				className: cn(V.count(), z?.count),
 				children: [
 					"(",
-					N,
+					H(N),
 					")"
 				]
 			})]
 		})]
 	});
 }
+function IconCountButtonSkeleton({ orientation: r = "vertical", className: M }) {
+	let N = r === "vertical";
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex w-fit items-center", N ? "flex-col gap-1" : "flex-row gap-2", M),
+		children: [/* @__PURE__ */ jsx(Skeleton, { className: "size-8 rounded-full" }), /* @__PURE__ */ jsx("div", {
+			className: cn("flex items-center gap-1", N && "text-[9px]"),
+			children: /* @__PURE__ */ jsx(Skeleton, { className: cn("h-3", N ? "w-10" : "w-14") })
+		})]
+	});
+}
 function ActionMenuItem({ icon: r, label: M, className: N, selected: P, ...I }) {
 	return /* @__PURE__ */ jsxs(Button, {
 		className: cn("flex items-center justify-start gap-2 bg-white px-3 py-2 hover:bg-neutral-100", P && "bg-primary-500 text-white hover:bg-primary-bright", N),
@@ -2289,7 +2320,19 @@ function DatePicker({ mode: r = "single", value: M, defaultValue: N, onChange: P
 function FilterBar({ children: r, className: M }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("flex flex-wrap items-center gap-2", M),
-		children: r.map((r) => cloneElement(r, {}))
+		children: r.map((r, M) => cloneElement(r, { key: M }))
+	});
+}
+function FilterBarSkeleton({ itemCount: r = 3, className: M }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-wrap items-center gap-2", M),
+		children: Array.from({ length: r }).map((r, M) => /* @__PURE__ */ jsx(FilterChipSkeleton, {}, M))
+	});
+}
+function FilterChipSkeleton() {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-1 rounded-full border border-neutral-300 bg-white px-2 py-1",
+		children: [/* @__PURE__ */ jsx(Skeleton, { className: "m-0.5 size-4 rounded-full" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-15" })]
 	});
 }
 var dividerStyles = tv({
@@ -2365,9 +2408,35 @@ function IntegrationBar({ orientation: r = "vertical", children: M, onAddMore: N
 		})
 	});
 }
+function IntegrationBarSkeleton({ orientation: r = "vertical", itemCount: M = 3, className: N }) {
+	let P = r === "vertical", F = cn("size-full", P ? "overflow-x-hidden" : "overflow-y-hidden"), I = cn("grid h-full w-full place-items-center gap-4", P ? "grid-cols-1" : "auto-cols-max grid-flow-col", N), L = cn("flex w-fit items-center", P ? "flex-col gap-1" : "flex-row gap-2"), R = cn("h-3", P ? "w-12 text-[9px]" : "w-16 text-xs"), z = cn("h-3", P ? "w-8 text-[9px]" : "w-10 text-xs");
+	return /* @__PURE__ */ jsx("div", {
+		className: F,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: I,
+			children: [
+				Array.from({ length: M }).map((r, M) => /* @__PURE__ */ jsxs("div", {
+					className: L,
+					children: [/* @__PURE__ */ jsx(Skeleton, { className: "size-8 rounded-full" }), /* @__PURE__ */ jsx(Skeleton, { className: R })]
+				}, M)),
+				/* @__PURE__ */ jsx(Divider, { orientation: P ? "horizontal" : "vertical" }),
+				/* @__PURE__ */ jsxs("div", {
+					className: L,
+					children: [/* @__PURE__ */ jsx(Skeleton, { className: "size-8 rounded-full" }), /* @__PURE__ */ jsx(Skeleton, { className: z })]
+				})
+			]
+		})
+	});
+}
 const PREVIEW_CARD_HEIGHT_SIZE = {
-	normal: 165,
-	compact: 60
+	normal: {
+		style: "h-[165px]",
+		value: 165
+	},
+	compact: {
+		style: "h-[60px]",
+		value: 60
+	}
 };
 var PREVIEW_ACTION_CONFIG = {
 	fire: {
@@ -2409,23 +2478,23 @@ function PreviewCheckbox({ checked: r, onCheckedChange: M }) {
 		className: cn("[&_.checkbox-box]:rounded", "[&_.checkbox-box]:border", "[&_.checkbox-box]:border-neutral-600", "[&_.checkbox-box]:bg-white", "[&_.checkbox-box[data-state=checked]]:border-primary-500", "[&_.checkbox-box[data-state=checked]]:bg-primary-500", "[&_.checkbox-box[data-state=indeterminate]]:h-[18px]", "[&_.checkbox-box[data-state=indeterminate]]:w-[18px]", "[&_.checkbox-label]:flex", "[&_.checkbox-label]:items-center", "[&_.checkbox-label]:gap-1", "[&_.checkbox-label]:text-xs", "[&_.checkbox-label]:font-medium", "[&_.checkbox-label]:text-neutral-900")
 	}) });
 }
-function PreviewStatusesList({ statuses: r, density: M }) {
-	return /* @__PURE__ */ jsx("div", {
+function PreviewStatusesList({ statusBadges: r, density: M }) {
+	return Object.keys(r).length === 0 ? null : /* @__PURE__ */ jsx("div", {
 		className: "flex gap-2",
 		children: /* @__PURE__ */ jsx(StopPropagation, { children: Object.keys(r).map((N) => {
 			let P = r[N];
 			return P ? /* @__PURE__ */ jsx(StatusBadge, {
 				status: N,
 				label: P.label,
-				onAction: P.onAction,
+				onAction: P.onClick,
 				density: M
 			}, N) : null;
 		}) })
 	});
 }
-function PreviewActionsList({ actions: r }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: "flex gap-2",
+function PreviewActionsList({ actions: r, className: M }) {
+	return Object.keys(r).length === 0 ? null : /* @__PURE__ */ jsx("div", {
+		className: cn("flex gap-2", M),
 		children: /* @__PURE__ */ jsx(StopPropagation, { children: Object.keys(r).map((M) => {
 			let N = r[M];
 			return N ? /* @__PURE__ */ jsx(IconButton, {
@@ -2435,11 +2504,12 @@ function PreviewActionsList({ actions: r }) {
 		}) })
 	});
 }
-function PreviewCard({ icon: r, sender: M, title: N, content: P, timestamp: F, workspace: I, read: L = !1, selected: R = !1, onSelect: z, checked: B = !1, onCheckedChange: V, statuses: H = {}, actions: U = {}, density: W = "normal" }) {
+function PreviewCard({ icon: r, sender: M, title: N, content: P, timestamp: F, workspace: I, read: L = !1, selected: R = !1, onSelect: z, checked: B = !1, onCheckedChange: V, statusBadges: H = {}, actions: U = {}, density: W = "normal", className: G, style: q }) {
 	return /* @__PURE__ */ jsx(Card, {
 		as: Pressable,
 		onPress: z,
-		className: cn("w-full rounded-lg border-[1.5px] border-primary-400 bg-white-variant-5 p-4 hover:bg-primary-light", L && "border-neutral-400", R && "border-primary-500 bg-primary-light", W === "normal" ? `h-[${PREVIEW_CARD_HEIGHT_SIZE.normal}px]` : `h-[${PREVIEW_CARD_HEIGHT_SIZE.compact}px]`),
+		className: cn("w-full rounded-lg border-[1.5px] border-primary-400 bg-white-variant-5 p-4 hover:bg-primary-light", L && "border-neutral-400", R && "border-primary-500 bg-primary-light", W === "normal" ? `${PREVIEW_CARD_HEIGHT_SIZE.normal.style}` : `${PREVIEW_CARD_HEIGHT_SIZE.compact.style}`, G),
+		style: q,
 		children: W === "normal" ? /* @__PURE__ */ jsxs(CardLayout, {
 			className: "gap-x-2 gap-y-1",
 			children: [
@@ -2466,7 +2536,7 @@ function PreviewCard({ icon: r, sender: M, title: N, content: P, timestamp: F, w
 					]
 				}),
 				/* @__PURE__ */ jsx(CardTitle, {
-					className: cn("text-sm font-bold text-neutral-900", L && "font-medium"),
+					className: cn("line-clamp-1 text-sm font-bold text-neutral-900", L && "font-medium"),
 					children: N
 				}),
 				/* @__PURE__ */ jsx(CardContent, {
@@ -2475,7 +2545,10 @@ function PreviewCard({ icon: r, sender: M, title: N, content: P, timestamp: F, w
 				}),
 				/* @__PURE__ */ jsxs(CardFooter, {
 					className: "mt-3 grid grid-cols-[minmax(0,1fr)_auto] items-center gap-1",
-					children: [/* @__PURE__ */ jsx(PreviewStatusesList, { statuses: H }), /* @__PURE__ */ jsx(PreviewActionsList, { actions: U })]
+					children: [/* @__PURE__ */ jsx(PreviewStatusesList, { statusBadges: H }), /* @__PURE__ */ jsx(PreviewActionsList, {
+						actions: U,
+						className: "col-start-2 justify-self-end"
+					})]
 				})
 			]
 		}) : /* @__PURE__ */ jsxs(CardLayout, {
@@ -2487,17 +2560,20 @@ function PreviewCard({ icon: r, sender: M, title: N, content: P, timestamp: F, w
 					onCheckedChange: V
 				})
 			}), /* @__PURE__ */ jsxs(CardHeader, {
-				className: "grid grid-cols-[auto_auto_minmax(0,1fr)_auto_auto_auto] items-center gap-2",
+				className: "flex min-w-0 items-center gap-2",
 				children: [
 					r,
 					/* @__PURE__ */ jsx(PreviewStatusesList, {
-						statuses: H,
+						statusBadges: H,
 						density: W
 					}),
 					/* @__PURE__ */ jsxs("div", {
 						className: cn("flex min-w-0 items-center gap-2 text-sm font-bold whitespace-nowrap text-neutral-900", L && "font-medium"),
 						children: [
-							M,
+							/* @__PURE__ */ jsx("span", {
+								className: "truncate",
+								children: M
+							}),
 							/* @__PURE__ */ jsx("span", {
 								className: "shrink-0 text-sm text-neutral-500",
 								children: "•"
@@ -2508,6 +2584,7 @@ function PreviewCard({ icon: r, sender: M, title: N, content: P, timestamp: F, w
 							})
 						]
 					}),
+					/* @__PURE__ */ jsx("div", { className: "flex-1" }),
 					/* @__PURE__ */ jsx(PreviewActionsList, { actions: U }),
 					/* @__PURE__ */ jsx("span", {
 						className: "text-xs leading-tight font-semibold tracking-wide whitespace-nowrap text-neutral-800",
@@ -2522,6 +2599,64 @@ function PreviewCard({ icon: r, sender: M, title: N, content: P, timestamp: F, w
 		})
 	});
 }
+function PreviewCardSkeleton({ density: r = "normal", className: M, style: N }) {
+	return /* @__PURE__ */ jsx(Card, {
+		className: cn("w-full rounded-lg bg-white-variant-5 p-4", r === "normal" ? `${PREVIEW_CARD_HEIGHT_SIZE.normal.style}` : `${PREVIEW_CARD_HEIGHT_SIZE.compact.style}`, M),
+		style: N,
+		children: r === "normal" ? /* @__PURE__ */ jsxs(CardLayout, {
+			className: "gap-x-2 gap-y-1",
+			children: [
+				/* @__PURE__ */ jsx(CardSidebar, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-5" }) }),
+				/* @__PURE__ */ jsxs(CardHeader, {
+					className: "grid grid-cols-[auto_minmax(0,1fr)_auto_auto] items-center gap-2",
+					children: [
+						/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4" }),
+						/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }),
+						/* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-12" }),
+						/* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-5 rounded-full" })
+					]
+				}),
+				/* @__PURE__ */ jsx(CardTitle, {
+					className: "flex h-5 items-center",
+					children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48" })
+				}),
+				/* @__PURE__ */ jsxs(CardContent, { children: [/* @__PURE__ */ jsx(Skeleton, { className: "my-1 h-4 w-full" }), /* @__PURE__ */ jsx(Skeleton, { className: "my-1 h-4 w-3/4" })] }),
+				/* @__PURE__ */ jsxs(CardFooter, {
+					className: "mt-3 grid grid-cols-[minmax(0,1fr)_auto] items-center gap-1",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "flex gap-2",
+						children: /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-23 rounded-full" })
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "flex gap-2",
+						children: [
+							/* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-6 rounded-full" }),
+							/* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-6 rounded-full" }),
+							/* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-6 rounded-full" })
+						]
+					})]
+				})
+			]
+		}) : /* @__PURE__ */ jsxs(CardLayout, {
+			className: "grid grid-cols-[auto_1fr] grid-rows-1 gap-x-2",
+			children: [/* @__PURE__ */ jsx(CardSidebar, {
+				className: "flex items-center justify-center",
+				children: /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-5" })
+			}), /* @__PURE__ */ jsxs(CardHeader, {
+				className: "flex min-w-0 items-center gap-2",
+				children: [
+					/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4" }),
+					/* @__PURE__ */ jsx("div", {
+						className: "flex min-w-0 items-center gap-2",
+						children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" })
+					}),
+					/* @__PURE__ */ jsx("div", { className: "flex-1" }),
+					/* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-12" }),
+					/* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-5 rounded-full" })
+				]
+			})]
+		})
+	});
+}
 function SearchInput({ value: r, defaultValue: M, placeholder: N = "Search...", onChange: P, onClear: F, disabled: I = !1, className: L }) {
 	let [R, z] = useState(M ?? ""), B = typeof r == "string", V = B ? r : R, H = V.length > 0;
 	function U(r) {
@@ -2559,6 +2694,6 @@ function SearchInput({ value: r, defaultValue: M, placeholder: N = "Search...",
 		]
 	});
 }
-export { AVATAR_COLOR, AVATAR_COLOR_KEYS, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AccountIcon, ActionMenu, ActionMenuItem, AddIcon, AirtableIcon, ArrowIcon, AsanaIcon, Avatar, Badge, BulkActions, Button, CalendarIcon, Card, CardContent, CardFooter, CardHeader, CardLayout, CardSidebar, CardTitle, CheckCircleEmptyIcon, CheckCircleIcon, Checkbox, CheckboxIcon, ClickUpIcon, CloseIcon, CompactDensityIcon, CopyIcon, DarkIcon, DatePicker, Divider, Dropdown, DropdownContext, DropdownMenu, DropdownMenuItem, ExternalLinkIcon, FilterBar, FilterButton, FireIcon, GmailIcon, GoogleCalendarIcon, Icon, IconButton, IconCountButton, InfoTooltip, Input, InsightIcon, IntegrationBar, JiraIcon, LightIcon, LogoIcon, MinusIcon, MoreIcon, NormalDensityIcon, NotFireIcon, OutlookCalendarIcon, OutlookIcon, PREVIEW_CARD_HEIGHT_SIZE, Pressable, PreviewCard, ReadIcon, SearchIcon, SearchInput, SlackIcon, StatusBadge, StopPropagation, SummaryIcon, SystemIcon, TeamsIcon, Toaster, Tooltip, UnreadIcon, capitalize, cn, colors, formatDate, formatDateRange, generateCalendarDays, getDaysInMonth, getFirstDayOfMonth, getInitials, getMonthName, getWeekdays, isDateBefore, isDateInRange, isSameDay, isToday, parseDate, pickColorFromPalette, stringHash, toMondayBased, toast, toastStore, useAccordion, useDropdown, useLongPress };
+export { AVATAR_COLOR, AVATAR_COLOR_KEYS, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AccountIcon, ActionMenu, ActionMenuItem, AddIcon, AirtableIcon, ArrowIcon, AsanaIcon, Avatar, Badge, BulkActions, BulkActionsSkeleton, Button, CalendarIcon, Card, CardContent, CardFooter, CardHeader, CardLayout, CardSidebar, CardTitle, CheckCircleEmptyIcon, CheckCircleIcon, Checkbox, CheckboxIcon, ClickUpIcon, CloseIcon, CompactDensityIcon, CopyIcon, DarkIcon, DatePicker, Divider, Dropdown, DropdownContext, DropdownMenu, DropdownMenuItem, ExternalLinkIcon, FilterBar, FilterBarSkeleton, FilterButton, FireIcon, GmailIcon, GoogleCalendarIcon, Icon, IconButton, IconCountButton, IconCountButtonSkeleton, InfoTooltip, Input, InsightIcon, IntegrationBar, IntegrationBarSkeleton, JiraIcon, LightIcon, LogoIcon, MinusIcon, MoreIcon, NormalDensityIcon, NotFireIcon, OutlookCalendarIcon, OutlookIcon, PREVIEW_CARD_HEIGHT_SIZE, Pressable, PreviewCard, PreviewCardSkeleton, ReadIcon, SearchIcon, SearchInput, SlackIcon, StatusBadge, StopPropagation, SummaryIcon, SystemIcon, TeamsIcon, Toaster, Tooltip, UnreadIcon, capitalize, cn, colors, formatDate, formatDateRange, generateCalendarDays, getDaysInMonth, getFirstDayOfMonth, getInitials, getMonthName, getWeekdays, isDateBefore, isDateInRange, isSameDay, isToday, parseDate, pickColorFromPalette, stringHash, toMondayBased, toast, toastStore, useAccordion, useDropdown, useLongPress };
 
 //# sourceMappingURL=index.js.map