@cascivo/react 0.3.4 → 0.3.8

package/dist/hover-card/hover-card.js

@@ -0,0 +1,84 @@
+"use client";
+
+import { usePopover as e } from "../popover/use-popover.js";
+import t from "./hover-card.module.js";
+import { useSignalEffect as n, useSignals as r } from "@cascivo/core";
+import { jsx as i } from "react/jsx-runtime";
+import { createContext as a, useRef as o } from "react";
+//#region ../components/src/hover-card/hover-card.tsx
+var s = a(null);
+function c({ children: t, openDelay: r = 300, closeDelay: a = 100 }) {
+	let c = e(), l = o(void 0), u = o(void 0), d = o(r);
+	d.current = r;
+	let f = o(a);
+	f.current = a;
+	let p = {
+		...c,
+		open: () => {
+			clearTimeout(u.current), l.current = setTimeout(() => {
+				c.isOpen.value = !0;
+			}, d.current);
+		},
+		close: () => {
+			clearTimeout(l.current), u.current = setTimeout(() => {
+				c.isOpen.value = !1;
+			}, f.current);
+		}
+	};
+	return n(() => () => {
+		clearTimeout(l.current), clearTimeout(u.current);
+	}), /* @__PURE__ */ i(s.Provider, {
+		value: p,
+		children: t
+	});
+}
+function l({ ctx: e, children: n }) {
+	r();
+	let { triggerRef: a, anchorName: o, open: s, close: c } = e;
+	return /* @__PURE__ */ i("span", {
+		ref: a,
+		style: { anchorName: o },
+		onMouseEnter: s,
+		onMouseLeave: c,
+		onFocus: s,
+		onBlur: c,
+		className: t.trigger,
+		children: n
+	});
+}
+function u({ children: e }) {
+	return /* @__PURE__ */ i(s.Consumer, { children: (t) => {
+		if (!t) throw Error("HoverCardTrigger must be inside <HoverCard>");
+		return /* @__PURE__ */ i(l, {
+			ctx: t,
+			children: e
+		});
+	} });
+}
+function d({ ctx: e, children: n, className: a }) {
+	r();
+	let { popoverRef: o, anchorName: s, isOpen: c, open: l, close: u } = e;
+	return /* @__PURE__ */ i("div", {
+		ref: o,
+		popover: "auto",
+		role: "complementary",
+		"data-state": c.value ? "open" : "closed",
+		style: { positionAnchor: s },
+		onMouseEnter: l,
+		onMouseLeave: u,
+		className: [t.content, a].filter(Boolean).join(" "),
+		children: n
+	});
+}
+function f({ children: e, className: t }) {
+	return /* @__PURE__ */ i(s.Consumer, { children: (n) => {
+		if (!n) throw Error("HoverCardContent must be inside <HoverCard>");
+		return /* @__PURE__ */ i(d, {
+			ctx: n,
+			...t !== void 0 && { className: t },
+			children: e
+		});
+	} });
+}
+//#endregion
+export { c as HoverCard, f as HoverCardContent, u as HoverCardTrigger };

package/dist/hover-card/hover-card.module.js

@@ -0,0 +1,9 @@
+"use client";
+
+import './hover-card.css';
+var e = {
+	trigger: "_trigger_p0sib_2",
+	content: "_content_p0sib_7"
+};
+//#endregion
+export { e as default };

package/dist/icon-button/icon-button.css

@@ -0,0 +1 @@
+@layer cascivo.component{._iconButton_13zh2_2{aspect-ratio:1;font-family:var(--cascivo-font-sans);line-height:var(--cascivo-leading-none);cursor:pointer;border-radius:var(--cascivo-button-radius,var(--cascivo-radius-control));color:var(--cascivo-color-text);transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out), color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);background-color:#0000;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}._iconButton_13zh2_2:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._iconButton_13zh2_2:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}._iconButton_13zh2_2[data-size=sm]{block-size:var(--cascivo-control-height-sm);inline-size:var(--cascivo-control-height-sm);font-size:var(--cascivo-text-sm)}._iconButton_13zh2_2[data-size=md]{block-size:var(--cascivo-control-height-md);inline-size:var(--cascivo-control-height-md);font-size:var(--cascivo-text-base)}._iconButton_13zh2_2[data-size=lg]{block-size:var(--cascivo-control-height-lg);inline-size:var(--cascivo-control-height-lg);font-size:var(--cascivo-text-lg)}._iconButton_13zh2_2[data-variant=ghost]:hover:not(:disabled){background-color:var(--cascivo-color-bg-subtle)}._iconButton_13zh2_2[data-variant=outline]{border-color:var(--cascivo-color-border);background-color:var(--cascivo-color-surface)}._iconButton_13zh2_2[data-variant=outline]:hover:not(:disabled){background-color:var(--cascivo-color-bg-subtle)}._iconButton_13zh2_2[data-variant=filled]{background-color:var(--cascivo-color-primary);color:var(--cascivo-color-primary-fg)}._iconButton_13zh2_2[data-variant=filled]:hover:not(:disabled){background-color:var(--cascivo-color-primary-hover)}._iconButton_13zh2_2[data-variant=filled]:active:not(:disabled){background-color:var(--cascivo-color-primary-active)}}@media (forced-colors:active){._iconButton_13zh2_2{border:1px solid buttontext}._iconButton_13zh2_2:focus-visible{outline-offset:2px;outline:2px solid highlight}._iconButton_13zh2_2:disabled{color:graytext;border-color:graytext}}

package/dist/icon-button/icon-button.js

@@ -0,0 +1,21 @@
+"use client";
+
+import e from "./icon-button.module.js";
+import { Slot as t, cn as n } from "@cascivo/core";
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+//#region ../components/src/icon-button/icon-button.tsx
+var a = i(function({ label: i, icon: a, size: o = "md", variant: s = "ghost", asChild: c = !1, className: l, children: u, ...d }, f) {
+	return /* @__PURE__ */ r(c ? t : "button", {
+		type: c ? void 0 : "button",
+		"aria-label": i,
+		"data-size": o,
+		"data-variant": s,
+		className: n(e.iconButton, l),
+		ref: f,
+		...d,
+		children: u ?? a
+	});
+});
+//#endregion
+export { a as IconButton };

package/dist/icon-button/icon-button.module.js

@@ -0,0 +1,6 @@
+"use client";
+
+import './icon-button.css';
+var e = { iconButton: "_iconButton_13zh2_2" };
+//#endregion
+export { e as default };

package/dist/image/image.css

@@ -0,0 +1 @@
+@layer cascivo.component{._wrapper_1cf1d_2{border-radius:var(--cascivo-radius-md);background-color:var(--cascivo-color-bg-subtle);flex-shrink:0;line-height:0;display:inline-block;position:relative;overflow:hidden}._wrapper_1cf1d_2[data-radius=none]{border-radius:var(--cascivo-radius-none)}._wrapper_1cf1d_2[data-radius=sm]{border-radius:var(--cascivo-radius-sm)}._wrapper_1cf1d_2[data-radius=md]{border-radius:var(--cascivo-radius-md)}._wrapper_1cf1d_2[data-radius=lg]{border-radius:var(--cascivo-radius-lg)}._wrapper_1cf1d_2[data-radius=full]{border-radius:var(--cascivo-radius-full)}._image_1cf1d_28{object-fit:cover;border-radius:inherit;opacity:1;block-size:100%;inline-size:100%;display:block}._wrapper_1cf1d_2[data-state=loading] ._image_1cf1d_28{opacity:0}._wrapper_1cf1d_2[data-state=loaded] ._image_1cf1d_28,._wrapper_1cf1d_2[data-state=error] ._image_1cf1d_28{opacity:1;transition:opacity .3s}._placeholder_1cf1d_47{background-color:var(--cascivo-color-border);background-image:linear-gradient(90deg, var(--cascivo-color-border) 25%, var(--cascivo-color-bg-subtle) 50%, var(--cascivo-color-border) 75%);background-size:200% 100%;animation:1.5s linear infinite _cascade-image-shimmer_1cf1d_1;position:absolute;inset:0}._wrapper_1cf1d_2[data-blurred] ._placeholder_1cf1d_47{filter:blur(.5rem)}._fallback_1cf1d_66{block-size:100%;inline-size:100%;min-inline-size:var(--cascivo-space-12);min-block-size:var(--cascivo-space-12);background-color:var(--cascivo-color-bg-subtle);display:block}._wrapper_1cf1d_2[data-zoom] ._image_1cf1d_28{transition:transform .3s,opacity .3s;transform:scale(1)}._wrapper_1cf1d_2[data-zoom]:hover ._image_1cf1d_28{transform:scale(1.05)}@keyframes _cascade-image-shimmer_1cf1d_1{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){._placeholder_1cf1d_47{background-image:none;animation:none}._wrapper_1cf1d_2[data-state=loaded] ._image_1cf1d_28,._wrapper_1cf1d_2[data-state=error] ._image_1cf1d_28,._wrapper_1cf1d_2[data-zoom] ._image_1cf1d_28,._wrapper_1cf1d_2[data-zoom]:hover ._image_1cf1d_28{transition:none;transform:none}}}

package/dist/image/image.js

@@ -0,0 +1,64 @@
+"use client";
+
+import e from "./image.module.js";
+import { cn as t, createMachine as n, useMachine as r, useSignals as i } from "@cascivo/core";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region ../components/src/image/image.tsx
+var s = n({
+	initial: "loading",
+	states: {
+		loading: { on: {
+			LOADED: "loaded",
+			ERROR: "error"
+		} },
+		loaded: {},
+		error: {}
+	}
+});
+function c({ src: n, alt: c = "", fallbackSrc: l, width: u, height: d, radius: f = "md", zoom: p = !1, removeWrapper: m = !1, isBlurred: h = !1, className: g, style: _, ...v }) {
+	i();
+	let [y, b] = r(s), x = y.value === "error", S = x && !l, C = x && l ? l : n, w = {
+		...u !== void 0 && { inlineSize: u },
+		...d !== void 0 && { blockSize: d }
+	};
+	return m ? /* @__PURE__ */ a("img", {
+		className: t(e.image, g),
+		src: C,
+		alt: c,
+		onLoad: () => b("LOADED"),
+		onError: () => b("ERROR"),
+		style: {
+			...w,
+			..._
+		},
+		...v
+	}) : /* @__PURE__ */ o("span", {
+		"data-state": y.value,
+		"data-radius": f,
+		"data-zoom": p || void 0,
+		"data-blurred": h || void 0,
+		className: t(e.wrapper, g),
+		style: {
+			...w,
+			..._
+		},
+		role: S ? "img" : void 0,
+		"aria-label": S ? c : void 0,
+		children: [y.value === "loading" && /* @__PURE__ */ a("span", {
+			className: e.placeholder,
+			"aria-hidden": "true"
+		}), S ? /* @__PURE__ */ a("span", {
+			className: e.fallback,
+			"aria-hidden": "true"
+		}) : /* @__PURE__ */ a("img", {
+			className: e.image,
+			src: C,
+			alt: c,
+			onLoad: () => b("LOADED"),
+			onError: () => b("ERROR"),
+			...v
+		})]
+	});
+}
+//#endregion
+export { c as Image };

package/dist/image/image.module.js

@@ -0,0 +1,12 @@
+"use client";
+
+import './image.css';
+var e = {
+	wrapper: "_wrapper_1cf1d_2",
+	image: "_image_1cf1d_28",
+	placeholder: "_placeholder_1cf1d_47",
+	"cascade-image-shimmer": "_cascade-image-shimmer_1cf1d_1",
+	fallback: "_fallback_1cf1d_66"
+};
+//#endregion
+export { e as default };

package/dist/index.d.ts

@@ -1984,6 +1984,64 @@ declare function ListItem({
   children,
   ...props
 }: ListItemProps): import("react").JSX.Element;
+type LogLevel = 'info' | 'warn' | 'error' | 'debug';
+interface LogLine {
+  /** Stable identity for the line (e.g. a sequence number). */
+  id: string | number;
+  /** The line text. May contain ANSI SGR escapes when `ansi` is set. */
+  text: string;
+  /** Semantic level driving the row color when `ansi` is off. */
+  level?: LogLevel;
+}
+interface LogViewerLabels {
+  searchPlaceholder?: string;
+  follow?: string;
+  paused?: string;
+  copy?: string;
+  copied?: string;
+  empty?: string;
+  matchCount?: (count: number) => string;
+  lineCount?: (count: number) => string;
+}
+interface LogViewerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+  /** The log lines — a signal (for live streams) or a plain array. */
+  lines: {
+    readonly value: readonly LogLine[];
+  } | readonly LogLine[];
+  /** Pixel height of one row. Default 20. */
+  rowHeight?: number;
+  /** Extra rows rendered above/below the viewport. Default 8. */
+  overscan?: number;
+  /** Controlled pin-to-bottom. Omit for uncontrolled (defaults to following). */
+  follow?: boolean;
+  onFollowChange?: (follow: boolean) => void;
+  /** Parse ANSI SGR color escapes. Default false (use `level` instead). */
+  ansi?: boolean;
+  /** Seed the search/highlight box. */
+  search?: string;
+  /** Max block size of the scroll region (CSS length). Default '24rem'. */
+  maxHeight?: string;
+  labels?: LogViewerLabels;
+}
+/**
+ * A virtualized monospace console for high-frequency log/stream output. Only the
+ * visible rows mount (windowed DOM), so a 100k-line buffer stays responsive.
+ * Auto-follows the tail and releases when the user scrolls up. Pairs with
+ * `createStreamBuffer` from `@cascivo/core`. No `useState`/`useEffect`.
+ */
+declare function LogViewer({
+  lines,
+  rowHeight,
+  overscan,
+  follow,
+  onFollowChange,
+  ansi,
+  search,
+  maxHeight,
+  labels,
+  className,
+  ...props
+}: LogViewerProps): import("react").JSX.Element;
 type ProseProps = HTMLAttributes<HTMLDivElement>;
 declare function Prose({
   className,
@@ -3060,4 +3118,4 @@ declare function SwipeItem({
   trailingActions,
   className
 }: SwipeItemProps): import("react").JSX.Element;
-export { Accordion, AccordionContent, AccordionItem, AccordionItemProps, AccordionProps, AccordionTrigger, ActionSheet, ActionSheetAction, ActionSheetProps, Alert, AlertDialog, AlertDialogLabels, AlertDialogProps, AlertProps, AppShell, AppShellProps, AspectRatio, AspectRatioProps, Avatar, AvatarGroup, AvatarGroupLabels, AvatarGroupProps, AvatarProps, Badge, BadgeProps, Blockquote, BlockquoteProps, BottomSheet, BottomSheetProps, Breadcrumb, BreadcrumbItem, BreadcrumbProps, Button, ButtonGroup, ButtonGroupProps, ButtonProps, Calendar, CalendarLabels, CalendarProps, Card, CardContent, CardContentProps, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardProps, CardTitle, CardTitleProps, Carousel, CarouselLabels, CarouselProps, ChatBubble, ChatBubbleProps, ChatBubbleSide, Checkbox, CheckboxCard, CheckboxCardProps, CheckboxProps, Code, type CodeLang, CodeProps, CodeSnippet, CodeSnippetProps, Collapsible, CollapsibleProps, ColorPicker, ColorPickerLabels, ColorPickerProps, Column, Combobox, ComboboxLabels, ComboboxOption, ComboboxProps, CommandGroup, CommandItem, CommandMenu, CommandMenuProps, CommandPage, Comparison, ComparisonProps, ContainedList, ContainedListItem, ContainedListItemProps, ContainedListProps, ContextMenu, ContextMenuItem, ContextMenuItemProps, ContextMenuProps, CopyButton, CopyButtonProps, DataList, DataListItem, DataListProps, DataTable, DataTableLabels, DataTableProps, DatePicker, DatePickerLabels, DatePickerProps, DateRange, DateRangePicker, DateRangePickerLabels, DateRangePickerProps, DateRangePreset, Dock, DockItem, DockProps, Drawer, DrawerProps, Dropdown, DropdownItem, DropdownProps, Editable, EditableProps, EmptyState, EmptyStateProps, ErrorBoundary, Fab, FabAction, FabProps, Field, FieldProps, FileUploader, FileUploaderLabels, FileUploaderProps, Filter, FilterOption, FilterProps, FilterVariant, FocusScope, Form, FormConfig, FormProps, FormStore, Header, HeaderLabels, HeaderLink, HeaderPanel, HeaderPanelLabels, HeaderPanelProps, HeaderProps, Heading, HeadingLevel, HeadingProps, HeadingSize, HoverCard, HoverCardContent, HoverCardContentProps, HoverCardProps, HoverCardTrigger, HoverCardTriggerProps, IconButton, IconButtonProps, Image, ImageProps, Indicator, IndicatorPlacement, IndicatorProps, InlineLoading, InlineLoadingProps, InlineLoadingStatus, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, type InputGroupProps, InputProps, Item, ItemActions, ItemActionsProps, ItemContent, ItemContentProps, ItemDescription, ItemDescriptionProps, ItemMedia, ItemMediaProps, ItemProps, ItemTitle, ItemTitleProps, Join, JoinOrientation, JoinProps, Kbd, KbdProps, Label, LabelProps, Link, LinkProps, List, ListItem, ListItemProps, ListProps, Menu, MenuButton, MenuButtonItem, MenuButtonProps, MenuItem, MenuItemProps, MenuProps, MenuSeparator, MenuTrigger, MenuTriggerProps, Menubar, MenubarItem, MenubarMenu, MenubarProps, Modal, ModalProps, MultiSelect, MultiSelectLabels, MultiSelectOption, MultiSelectProps, NativeSelect, NativeSelectOption, NativeSelectProps, NavigationMenu, NavigationMenuItem, NavigationMenuProps, Notification, NotificationProps, NotificationVariant, NumberInput, NumberInputProps, OtpInput, OtpInputProps, OverflowMenu, OverflowMenuItem, OverflowMenuProps, Pagination, PaginationLabels, PaginationProps, PasswordInput, PasswordInputLabels, PasswordInputProps, Popover, PopoverContent, PopoverContentProps, PopoverProps, PopoverTrigger, PopoverTriggerProps, Portal, Progress, ProgressBar, ProgressBarProps, ProgressCircle, ProgressCircleProps, ProgressIndicator, ProgressIndicatorProps, ProgressProps, ProgressSize, ProgressStep, ProgressVariant, Prose, ProseProps, PullToRefresh, PullToRefreshProps, QrCode, QrCodeProps, RadialProgress, RadialProgressProps, RadialProgressSize, RadialProgressVariant, Radio, RadioCard, RadioCardGroup, RadioCardGroupProps, RadioCardProps, RadioGroup, RadioGroupProps, RadioProps, RatingGroup, RatingGroupLabels, RatingGroupProps, RelativeTime, RelativeTimeProps, Resizable, ResizableProps, ScrollArea, ScrollAreaProps, Search, SearchProps, SegmentedControl, SegmentedControlOption, SegmentedControlProps, Select, SelectOption, SelectProps, Separator, SeparatorProps, Sheet, SheetProps, ShellHeader, ShellHeaderAction, ShellHeaderBrand, ShellHeaderLabels, ShellHeaderNavItem, ShellHeaderNavLink, ShellHeaderNavMenu, ShellHeaderNavMenuItem, ShellHeaderProps, SideNav, SideNavGroup, SideNavItem, SideNavLinkSubItem, SideNavProps, SideNavSubItem, SideNavTone, Skeleton, SkeletonProps, SkipNavLink, SkipNavLinkProps, SkipNavTarget, SkipNavTargetProps, Slider, SliderProps, SortDirection, SortState, Spinner, SpinnerProps, Stack, StackProps, type StandardSchemaV1, Stat, StatProps, Status, StatusProps, Step, StepState, Steps, StepsProps, StructuredList, StructuredListItem, StructuredListProps, SuspenseBoundary, Swap, SwapMode, SwapProps, SwipeAction, SwipeItem, SwipeItemProps, Switcher, SwitcherEntry, SwitcherLink, SwitcherProps, Tabs, TabsContent, TabsContentProps, TabsList, TabsProps, TabsTrigger, TabsTriggerProps, Tag$1 as Tag, TagProps, TagsInput, TagsInputProps, Text, TextProps, Textarea, TextareaProps, Tile, TileProps, TimePicker, TimePickerProps, Timeline, TimelineItem, TimelineProps, ToastOptions, ToastProvider, ToastVariant, Toc, TocItem, TocProps, Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupProps, ToggleProps, Toggletip, ToggletipPlacement, ToggletipProps, Tooltip, TooltipProps, TreeNode, TreeView, TreeViewProps, UploaderFile, type UsePopoverOptions, type UsePopoverReturn, type UseTocFromRegionOptions, User, UserProps, VisuallyHidden, VisuallyHiddenProps, createForm, dismissAllToasts, fuzzyScore, treeViewMessages, useForm, usePopover, useToast, useTocFromRegion };
+export { Accordion, AccordionContent, AccordionItem, AccordionItemProps, AccordionProps, AccordionTrigger, ActionSheet, ActionSheetAction, ActionSheetProps, Alert, AlertDialog, AlertDialogLabels, AlertDialogProps, AlertProps, AppShell, AppShellProps, AspectRatio, AspectRatioProps, Avatar, AvatarGroup, AvatarGroupLabels, AvatarGroupProps, AvatarProps, Badge, BadgeProps, Blockquote, BlockquoteProps, BottomSheet, BottomSheetProps, Breadcrumb, BreadcrumbItem, BreadcrumbProps, Button, ButtonGroup, ButtonGroupProps, ButtonProps, Calendar, CalendarLabels, CalendarProps, Card, CardContent, CardContentProps, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardProps, CardTitle, CardTitleProps, Carousel, CarouselLabels, CarouselProps, ChatBubble, ChatBubbleProps, ChatBubbleSide, Checkbox, CheckboxCard, CheckboxCardProps, CheckboxProps, Code, type CodeLang, CodeProps, CodeSnippet, CodeSnippetProps, Collapsible, CollapsibleProps, ColorPicker, ColorPickerLabels, ColorPickerProps, Column, Combobox, ComboboxLabels, ComboboxOption, ComboboxProps, CommandGroup, CommandItem, CommandMenu, CommandMenuProps, CommandPage, Comparison, ComparisonProps, ContainedList, ContainedListItem, ContainedListItemProps, ContainedListProps, ContextMenu, ContextMenuItem, ContextMenuItemProps, ContextMenuProps, CopyButton, CopyButtonProps, DataList, DataListItem, DataListProps, DataTable, DataTableLabels, DataTableProps, DatePicker, DatePickerLabels, DatePickerProps, DateRange, DateRangePicker, DateRangePickerLabels, DateRangePickerProps, DateRangePreset, Dock, DockItem, DockProps, Drawer, DrawerProps, Dropdown, DropdownItem, DropdownProps, Editable, EditableProps, EmptyState, EmptyStateProps, ErrorBoundary, Fab, FabAction, FabProps, Field, FieldProps, FileUploader, FileUploaderLabels, FileUploaderProps, Filter, FilterOption, FilterProps, FilterVariant, FocusScope, Form, FormConfig, FormProps, FormStore, Header, HeaderLabels, HeaderLink, HeaderPanel, HeaderPanelLabels, HeaderPanelProps, HeaderProps, Heading, HeadingLevel, HeadingProps, HeadingSize, HoverCard, HoverCardContent, HoverCardContentProps, HoverCardProps, HoverCardTrigger, HoverCardTriggerProps, IconButton, IconButtonProps, Image, ImageProps, Indicator, IndicatorPlacement, IndicatorProps, InlineLoading, InlineLoadingProps, InlineLoadingStatus, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, type InputGroupProps, InputProps, Item, ItemActions, ItemActionsProps, ItemContent, ItemContentProps, ItemDescription, ItemDescriptionProps, ItemMedia, ItemMediaProps, ItemProps, ItemTitle, ItemTitleProps, Join, JoinOrientation, JoinProps, Kbd, KbdProps, Label, LabelProps, Link, LinkProps, List, ListItem, ListItemProps, ListProps, LogLevel, LogLine, LogViewer, LogViewerLabels, LogViewerProps, Menu, MenuButton, MenuButtonItem, MenuButtonProps, MenuItem, MenuItemProps, MenuProps, MenuSeparator, MenuTrigger, MenuTriggerProps, Menubar, MenubarItem, MenubarMenu, MenubarProps, Modal, ModalProps, MultiSelect, MultiSelectLabels, MultiSelectOption, MultiSelectProps, NativeSelect, NativeSelectOption, NativeSelectProps, NavigationMenu, NavigationMenuItem, NavigationMenuProps, Notification, NotificationProps, NotificationVariant, NumberInput, NumberInputProps, OtpInput, OtpInputProps, OverflowMenu, OverflowMenuItem, OverflowMenuProps, Pagination, PaginationLabels, PaginationProps, PasswordInput, PasswordInputLabels, PasswordInputProps, Popover, PopoverContent, PopoverContentProps, PopoverProps, PopoverTrigger, PopoverTriggerProps, Portal, Progress, ProgressBar, ProgressBarProps, ProgressCircle, ProgressCircleProps, ProgressIndicator, ProgressIndicatorProps, ProgressProps, ProgressSize, ProgressStep, ProgressVariant, Prose, ProseProps, PullToRefresh, PullToRefreshProps, QrCode, QrCodeProps, RadialProgress, RadialProgressProps, RadialProgressSize, RadialProgressVariant, Radio, RadioCard, RadioCardGroup, RadioCardGroupProps, RadioCardProps, RadioGroup, RadioGroupProps, RadioProps, RatingGroup, RatingGroupLabels, RatingGroupProps, RelativeTime, RelativeTimeProps, Resizable, ResizableProps, ScrollArea, ScrollAreaProps, Search, SearchProps, SegmentedControl, SegmentedControlOption, SegmentedControlProps, Select, SelectOption, SelectProps, Separator, SeparatorProps, Sheet, SheetProps, ShellHeader, ShellHeaderAction, ShellHeaderBrand, ShellHeaderLabels, ShellHeaderNavItem, ShellHeaderNavLink, ShellHeaderNavMenu, ShellHeaderNavMenuItem, ShellHeaderProps, SideNav, SideNavGroup, SideNavItem, SideNavLinkSubItem, SideNavProps, SideNavSubItem, SideNavTone, Skeleton, SkeletonProps, SkipNavLink, SkipNavLinkProps, SkipNavTarget, SkipNavTargetProps, Slider, SliderProps, SortDirection, SortState, Spinner, SpinnerProps, Stack, StackProps, type StandardSchemaV1, Stat, StatProps, Status, StatusProps, Step, StepState, Steps, StepsProps, StructuredList, StructuredListItem, StructuredListProps, SuspenseBoundary, Swap, SwapMode, SwapProps, SwipeAction, SwipeItem, SwipeItemProps, Switcher, SwitcherEntry, SwitcherLink, SwitcherProps, Tabs, TabsContent, TabsContentProps, TabsList, TabsProps, TabsTrigger, TabsTriggerProps, Tag$1 as Tag, TagProps, TagsInput, TagsInputProps, Text, TextProps, Textarea, TextareaProps, Tile, TileProps, TimePicker, TimePickerProps, Timeline, TimelineItem, TimelineProps, ToastOptions, ToastProvider, ToastVariant, Toc, TocItem, TocProps, Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupProps, ToggleProps, Toggletip, ToggletipPlacement, ToggletipProps, Tooltip, TooltipProps, TreeNode, TreeView, TreeViewProps, UploaderFile, type UsePopoverOptions, type UsePopoverReturn, type UseTocFromRegionOptions, User, UserProps, VisuallyHidden, VisuallyHiddenProps, createForm, dismissAllToasts, fuzzyScore, treeViewMessages, useForm, usePopover, useToast, useTocFromRegion };

package/dist/indicator/indicator.css

@@ -0,0 +1 @@
+@layer cascivo.component{._indicator_12iz3_2{display:inline-flex;position:relative}._overlay_12iz3_7{z-index:1;pointer-events:none;position:absolute}._indicator_12iz3_2[data-placement=top-start] ._overlay_12iz3_7{inset-block-start:0;inset-inline-start:0;transform:translate(-25%,-25%)}._indicator_12iz3_2[data-placement=top-end] ._overlay_12iz3_7{inset-block-start:0;inset-inline-end:0;transform:translate(25%,-25%)}._indicator_12iz3_2[data-placement=bottom-start] ._overlay_12iz3_7{inset-block-end:0;inset-inline-start:0;transform:translate(-25%,25%)}._indicator_12iz3_2[data-placement=bottom-end] ._overlay_12iz3_7{inset-block-end:0;inset-inline-end:0;transform:translate(25%,25%)}}

package/dist/indicator/indicator.js

@@ -0,0 +1,18 @@
+"use client";
+
+import e from "./indicator.module.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region ../components/src/indicator/indicator.tsx
+function r({ children: r, overlay: i, placement: a = "top-end", className: o }) {
+	return /* @__PURE__ */ n("div", {
+		className: [e.indicator, o].filter(Boolean).join(" "),
+		"data-placement": a,
+		children: [r, /* @__PURE__ */ t("div", {
+			className: e.overlay,
+			"aria-hidden": !0,
+			children: i
+		})]
+	});
+}
+//#endregion
+export { r as Indicator };

package/dist/indicator/indicator.module.js

@@ -0,0 +1,9 @@
+"use client";
+
+import './indicator.css';
+var e = {
+	indicator: "_indicator_12iz3_2",
+	overlay: "_overlay_12iz3_7"
+};
+//#endregion
+export { e as default };

package/dist/inline-loading/inline-loading.css

@@ -0,0 +1 @@
+@layer cascivo.component{._inline-loading_h27o5_2{align-items:center;gap:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);line-height:var(--cascivo-leading-none);color:var(--cascivo-color-text);display:inline-flex}._inline-loading_h27o5_2[data-status=finished]{color:var(--cascivo-color-success-foreground,var(--cascivo-color-success))}._inline-loading_h27o5_2[data-status=error]{color:var(--cascivo-color-destructive)}._indicator_h27o5_20{flex-shrink:0;justify-content:center;align-items:center;block-size:1rem;inline-size:1rem;display:inline-flex}._spinner_h27o5_29{color:var(--cascivo-color-text-muted)}._icon_h27o5_33{opacity:1;block-size:1rem;inline-size:1rem}@starting-style{._icon_h27o5_33{opacity:0}}._icon_h27o5_33{transition:opacity var(--cascivo-motion-enter)}._label_h27o5_46{color:inherit}}@media (forced-colors:active){._inline-loading_h27o5_2[data-status=finished],._inline-loading_h27o5_2[data-status=error]{color:canvastext}}

package/dist/inline-loading/inline-loading.js

@@ -0,0 +1,76 @@
+"use client";
+
+import { Spinner as e } from "../spinner/spinner.js";
+import t from "./inline-loading.module.js";
+import { cn as n } from "@cascivo/core";
+import { builtin as r, t as i } from "@cascivo/i18n";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region ../components/src/inline-loading/inline-loading.tsx
+function s(e, t) {
+	switch (e) {
+		case "active": return t?.active ?? i(r.inlineLoading.active);
+		case "finished": return t?.finished ?? i(r.inlineLoading.finished);
+		case "error": return t?.error ?? i(r.inlineLoading.error);
+		default: return "";
+	}
+}
+function c({ status: n }) {
+	return n === "active" ? /* @__PURE__ */ a(e, {
+		size: "sm",
+		className: t.spinner
+	}) : n === "finished" ? /* @__PURE__ */ a("svg", {
+		className: t.icon,
+		viewBox: "0 0 16 16",
+		width: "16",
+		height: "16",
+		fill: "none",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ a("path", {
+			d: "M3.5 8.5l3 3 6-7",
+			stroke: "currentColor",
+			strokeWidth: "1.75",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	}) : n === "error" ? /* @__PURE__ */ o("svg", {
+		className: t.icon,
+		viewBox: "0 0 16 16",
+		width: "16",
+		height: "16",
+		fill: "none",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ a("path", {
+			d: "M8 4.5v4M8 11h.01",
+			stroke: "currentColor",
+			strokeWidth: "1.75",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}), /* @__PURE__ */ a("circle", {
+			cx: "8",
+			cy: "8",
+			r: "6.25",
+			stroke: "currentColor",
+			strokeWidth: "1.5"
+		})]
+	}) : null;
+}
+function l({ status: e, label: r, labels: i, className: l, ...u }) {
+	let d = r ?? s(e, i);
+	return /* @__PURE__ */ o("div", {
+		role: "status",
+		"aria-live": "polite",
+		"data-status": e,
+		className: n(t["inline-loading"], l),
+		...u,
+		children: [/* @__PURE__ */ a("span", {
+			className: t.indicator,
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ a(c, { status: e })
+		}), d && /* @__PURE__ */ a("span", {
+			className: t.label,
+			children: d
+		})]
+	});
+}
+//#endregion
+export { l as InlineLoading };

package/dist/inline-loading/inline-loading.module.js

@@ -0,0 +1,12 @@
+"use client";
+
+import './inline-loading.css';
+var e = {
+	"inline-loading": "_inline-loading_h27o5_2",
+	indicator: "_indicator_h27o5_20",
+	spinner: "_spinner_h27o5_29",
+	icon: "_icon_h27o5_33",
+	label: "_label_h27o5_46"
+};
+//#endregion
+export { e as default };

package/dist/input/input.css

@@ -0,0 +1 @@
+@layer cascivo.component{._wrapper_ao79u_2{gap:var(--cascivo-space-1);flex-direction:column;display:flex}._wrapper_ao79u_2[data-size=sm]{--_input-height:var(--cascivo-control-height-sm);--_input-font:var(--cascivo-text-sm);--_input-px:var(--cascivo-space-3)}._wrapper_ao79u_2[data-size=md]{--_input-height:var(--cascivo-control-height-md);--_input-font:var(--cascivo-text-sm);--_input-px:var(--cascivo-space-4)}._wrapper_ao79u_2[data-size=lg]{--_input-height:var(--cascivo-control-height-lg);--_input-font:var(--cascivo-text-base);--_input-px:var(--cascivo-space-4)}._label_ao79u_26{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-snug)}._input_ao79u_34{width:100%;height:var(--_input-height,2.5rem);padding-inline:var(--_input-px,var(--cascivo-space-4));font-family:var(--cascivo-font-sans);font-size:var(--_input-font,var(--cascivo-text-sm));color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);outline:none}._input_ao79u_34::placeholder{color:var(--cascivo-color-text-muted)}._input_ao79u_34:hover:not(:disabled):not(:focus){border-color:var(--cascivo-color-border-strong)}._input_ao79u_34:focus{border-color:var(--cascivo-color-accent);box-shadow:var(--cascivo-focus-ring)}._input_ao79u_34:disabled{opacity:.5;cursor:not-allowed;background-color:var(--cascivo-color-bg-subtle)}._wrapper_ao79u_2[data-state=error] ._input_ao79u_34{border-color:var(--cascivo-color-destructive)}._wrapper_ao79u_2[data-state=error] ._input_ao79u_34:focus{box-shadow:0 0 0 3px rgb(from var(--cascivo-color-destructive) r g b / .3)}._error_ao79u_77{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-destructive);line-height:var(--cascivo-leading-snug)}._hint_ao79u_84{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-snug)}@media (pointer:coarse){._wrapper_ao79u_2[data-size=sm] ._input_ao79u_34,._wrapper_ao79u_2[data-size=md] ._input_ao79u_34{min-block-size:var(--cascivo-target-min-coarse,2.75rem)}}}@media (forced-colors:active){._input_ao79u_34{color:fieldtext;background-color:field;border:1px solid fieldtext}._input_ao79u_34:focus{outline-offset:2px;outline:2px solid highlight}}

package/dist/input/input.js

@@ -0,0 +1,54 @@
+"use client";
+
+import e from "./input.module.js";
+import { cn as t, createMachine as n, useMachine as r } from "@cascivo/core";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region ../components/src/input/input.tsx
+var o = n({
+	initial: "idle",
+	states: {
+		idle: { on: { FOCUS: "focused" } },
+		focused: { on: { BLUR: "idle" } }
+	}
+});
+function s({ label: n, hint: s, error: c, size: l = "md", className: u, id: d, onFocus: f, onBlur: p, ...m }) {
+	let [h, g] = r(o), _ = d ?? (n ? `cascade-input-${n.toLowerCase().replace(/\s+/g, "-")}` : void 0);
+	return /* @__PURE__ */ a("div", {
+		className: t(e.wrapper, u),
+		"data-state": c ? "error" : h.value,
+		"data-size": l,
+		children: [
+			n && /* @__PURE__ */ i("label", {
+				className: e.label,
+				htmlFor: _,
+				children: n
+			}),
+			/* @__PURE__ */ i("input", {
+				id: _,
+				className: e.input,
+				"aria-invalid": c ? !0 : void 0,
+				"aria-describedby": c ? `${_}-error` : s ? `${_}-hint` : void 0,
+				onFocus: (e) => {
+					g("FOCUS"), f?.(e);
+				},
+				onBlur: (e) => {
+					g("BLUR"), p?.(e);
+				},
+				...m
+			}),
+			c && /* @__PURE__ */ i("span", {
+				id: `${_}-error`,
+				className: e.error,
+				role: "alert",
+				children: c
+			}),
+			!c && s && /* @__PURE__ */ i("span", {
+				id: `${_}-hint`,
+				className: e.hint,
+				children: s
+			})
+		]
+	});
+}
+//#endregion
+export { s as Input };

package/dist/input/input.module.js

@@ -0,0 +1,12 @@
+"use client";
+
+import './input.css';
+var e = {
+	wrapper: "_wrapper_ao79u_2",
+	label: "_label_ao79u_26",
+	input: "_input_ao79u_34",
+	error: "_error_ao79u_77",
+	hint: "_hint_ao79u_84"
+};
+//#endregion
+export { e as default };

package/dist/input-group/input-group.css

@@ -0,0 +1 @@
+@layer cascivo.component{._input-group_n9tv2_2{align-items:stretch;width:100%;display:flex}._input-group_n9tv2_2[data-has-prefix] ._input-wrap_n9tv2_8>*{border-start-start-radius:0;border-end-start-radius:0}._input-group_n9tv2_2[data-has-suffix] ._input-wrap_n9tv2_8>*{border-start-end-radius:0;border-end-end-radius:0}._input-group_n9tv2_2[data-has-prefix] ._addon_n9tv2_18[data-position=prefix]{border-inline-end:none;border-start-end-radius:0;border-end-end-radius:0}._input-group_n9tv2_2[data-has-suffix] ._addon_n9tv2_18[data-position=suffix]{border-inline-start:none;border-start-start-radius:0;border-end-start-radius:0}._input-wrap_n9tv2_8{flex:1;min-width:0}._input-wrap_n9tv2_8>*{width:100%}._addon_n9tv2_18{padding-inline:var(--cascivo-space-3);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);background-color:var(--cascivo-color-bg-subtle);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);white-space:nowrap;flex-shrink:0;align-items:center;display:inline-flex}._input-group_n9tv2_2:has(._inline-addon_n9tv2_55){border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field,var(--cascivo-radius-control));background:var(--cascivo-color-bg);align-items:center;transition:border-color .12s,box-shadow .12s;display:flex}._input-group_n9tv2_2:has(._inline-addon_n9tv2_55):focus-within{border-color:var(--cascivo-color-accent);box-shadow:var(--cascivo-focus-ring)}._input-group_n9tv2_2:has(._inline-addon_n9tv2_55) ._input-wrap_n9tv2_8 input{box-shadow:none;background:0 0;border:none;outline:none}._inline-addon_n9tv2_55{color:var(--cascivo-color-text-subtle);pointer-events:none;align-items:center;display:inline-flex}._inline-addon_n9tv2_55[data-align=inline-start]{order:-1;padding-inline-start:var(--cascivo-space-3)}._inline-addon_n9tv2_55[data-align=inline-end]{order:1;padding-inline-end:var(--cascivo-space-3)}._inline-addon_n9tv2_55 svg{block-size:1rem;inline-size:1rem}._button-group_n9tv2_101{align-items:stretch;display:inline-flex}._button-group_n9tv2_101>:not(:first-child){border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:-1px}._button-group_n9tv2_101>:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}._button-group_n9tv2_101>:focus-visible{z-index:1;position:relative}}

package/dist/input-group/input-group.js

@@ -0,0 +1,41 @@
+"use client";
+
+import e from "./input-group.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region ../components/src/input-group/input-group.tsx
+function i({ align: r = "inline-start", children: i, className: a, ...o }) {
+	return /* @__PURE__ */ n("span", {
+		className: t(e["inline-addon"], a),
+		"data-align": r,
+		"aria-hidden": "true",
+		...o,
+		children: i
+	});
+}
+function a({ prefix: i, suffix: a, children: o, className: s, ...c }) {
+	return /* @__PURE__ */ r("div", {
+		className: t(e["input-group"], s),
+		"data-has-prefix": i ? "" : void 0,
+		"data-has-suffix": a ? "" : void 0,
+		...c,
+		children: [
+			i && /* @__PURE__ */ n("span", {
+				className: e.addon,
+				"data-position": "prefix",
+				children: i
+			}),
+			/* @__PURE__ */ n("span", {
+				className: e["input-wrap"],
+				children: o
+			}),
+			a && /* @__PURE__ */ n("span", {
+				className: e.addon,
+				"data-position": "suffix",
+				children: a
+			})
+		]
+	});
+}
+//#endregion
+export { a as InputGroup, i as InputGroupAddon };

package/dist/input-group/input-group.module.js

@@ -0,0 +1,12 @@
+"use client";
+
+import './input-group.css';
+var e = {
+	"input-group": "_input-group_n9tv2_2",
+	"input-wrap": "_input-wrap_n9tv2_8",
+	addon: "_addon_n9tv2_18",
+	"inline-addon": "_inline-addon_n9tv2_55",
+	"button-group": "_button-group_n9tv2_101"
+};
+//#endregion
+export { e as default };

package/dist/item/item.css

@@ -0,0 +1 @@
+@layer cascivo.component{._item_1uxrt_2{align-items:center;gap:var(--cascivo-space-3);box-sizing:border-box;inline-size:100%;font-family:var(--cascivo-font-sans);color:var(--cascivo-color-text);border-radius:var(--cascivo-radius-item);grid-template-columns:auto 1fr auto;display:grid}._item_1uxrt_2[data-size=sm]{padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-2);font-size:var(--cascivo-text-xs)}._item_1uxrt_2[data-size=md]{padding-inline:var(--cascivo-space-4);padding-block:var(--cascivo-space-3);font-size:var(--cascivo-text-sm)}._item_1uxrt_2[data-variant=muted]{background-color:var(--cascivo-color-bg-subtle)}._media_1uxrt_30{color:var(--cascivo-color-text-subtle);flex:none;justify-content:center;align-items:center;display:inline-flex}._content_1uxrt_38{gap:var(--cascivo-space-1);flex-direction:column;min-inline-size:0;display:flex}._title_1uxrt_45{font-weight:var(--cascivo-font-medium);line-height:var(--cascivo-leading-tight);color:var(--cascivo-color-text)}._description_1uxrt_51{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-normal);margin:0}._actions_1uxrt_58{align-items:center;gap:var(--cascivo-space-2);flex:none;display:inline-flex}}

package/dist/item/item.js

@@ -0,0 +1,52 @@
+"use client";
+
+import e from "./item.module.js";
+import { Slot as t, cn as n } from "@cascivo/core";
+import { jsx as r } from "react/jsx-runtime";
+//#region ../components/src/item/item.tsx
+function i({ asChild: i = !1, variant: a = "default", size: o = "md", className: s, children: c, ...l }) {
+	return /* @__PURE__ */ r(i ? t : "div", {
+		"data-variant": a,
+		"data-size": o,
+		className: n(e.item, s),
+		...l,
+		children: c
+	});
+}
+function a({ className: t, children: i, ...a }) {
+	return /* @__PURE__ */ r("div", {
+		className: n(e.media, t),
+		...a,
+		children: i
+	});
+}
+function o({ className: t, children: i, ...a }) {
+	return /* @__PURE__ */ r("div", {
+		className: n(e.content, t),
+		...a,
+		children: i
+	});
+}
+function s({ className: t, children: i, ...a }) {
+	return /* @__PURE__ */ r("div", {
+		className: n(e.title, t),
+		...a,
+		children: i
+	});
+}
+function c({ className: t, children: i, ...a }) {
+	return /* @__PURE__ */ r("p", {
+		className: n(e.description, t),
+		...a,
+		children: i
+	});
+}
+function l({ className: t, children: i, ...a }) {
+	return /* @__PURE__ */ r("div", {
+		className: n(e.actions, t),
+		...a,
+		children: i
+	});
+}
+//#endregion
+export { i as Item, l as ItemActions, o as ItemContent, c as ItemDescription, a as ItemMedia, s as ItemTitle };

package/dist/item/item.module.js

@@ -0,0 +1,13 @@
+"use client";
+
+import './item.css';
+var e = {
+	item: "_item_1uxrt_2",
+	media: "_media_1uxrt_30",
+	content: "_content_1uxrt_38",
+	title: "_title_1uxrt_45",
+	description: "_description_1uxrt_51",
+	actions: "_actions_1uxrt_58"
+};
+//#endregion
+export { e as default };

package/dist/join/join.css

@@ -0,0 +1 @@
+@layer cascivo.component{._join_qgqwu_2{display:inline-flex}._join_qgqwu_2[data-orientation=horizontal]{flex-direction:row}._join_qgqwu_2[data-orientation=vertical]{flex-direction:column}._join_qgqwu_2[data-orientation=horizontal]>:first-child:not(:last-child){border-start-end-radius:0!important;border-end-end-radius:0!important}._join_qgqwu_2[data-orientation=horizontal]>:last-child:not(:first-child){border-start-start-radius:0!important;border-end-start-radius:0!important}._join_qgqwu_2[data-orientation=horizontal]>:not(:first-child):not(:last-child){border-radius:0!important}._join_qgqwu_2[data-orientation=vertical]>:first-child:not(:last-child){border-end-end-radius:0!important;border-end-start-radius:0!important}._join_qgqwu_2[data-orientation=vertical]>:last-child:not(:first-child){border-start-start-radius:0!important;border-start-end-radius:0!important}._join_qgqwu_2[data-orientation=vertical]>:not(:first-child):not(:last-child){border-radius:0!important}._join_qgqwu_2[data-orientation=horizontal]>:not(:first-child){border-inline-start-width:0}._join_qgqwu_2[data-orientation=vertical]>:not(:first-child){border-block-start-width:0}}