@kismet-ux/constellation 1.13.0 → 1.14.0

package/dist/index.d.ts

@@ -1,11 +1,11 @@
 export { Logo, LogoProps } from './brand.js';
-export { C as Checkbox, a as CheckboxProps, b as Combobox, c as ComboboxOption, d as ComboboxProps, D as DatePicker, e as DatePickerProps, F as FormTheme, L as Label, f as LabelProps, S as Select, g as SelectAlign, h as SelectContent, i as SelectContentProps, j as SelectField, k as SelectFieldProps, l as SelectGroup, m as SelectItem, n as SelectPosition, o as SelectProps, p as SelectSeparator, q as SelectSide, r as SelectTrigger, s as SelectValue, t as __Surface } from './index-DhS2nQjt.js';
+export { C as Checkbox, a as CheckboxProps, b as Combobox, c as ComboboxOption, d as ComboboxProps, D as DatePicker, e as DatePickerProps, F as FormTheme, L as Label, f as LabelProps, S as Select, g as SelectAlign, h as SelectContent, i as SelectContentProps, j as SelectField, k as SelectFieldProps, l as SelectGroup, m as SelectItem, n as SelectPosition, o as SelectProps, p as SelectSeparator, q as SelectSide, r as SelectTrigger, s as SelectValue, t as __Surface } from './index-2nHZOukj.js';
 export { I as Input, a as InputBaseProps } from './input-Cp5LET5i.js';
 import * as React from 'react';
-import { S as SidebarContextValue } from './index-DxbOGj5Y.js';
-export { A as AppContent, a as AppContentFooter, b as AppContentFooterProps, c as AppContentMain, d as AppContentMainProps, e as AppFooter, f as AppFooterProps, g as AppShell, h as AppShellProps, i as AppSidebar, j as AppSidebarHeader, k as AppSidebarHeaderProps, l as AppSidebarProps, C as Collapse, m as CollapseProps, n as Column, o as ColumnProps, p as Container, q as ContainerProps, G as Grid, r as GridColumns, s as GridProps, R as Row, t as Sidebar, u as SidebarContent, v as SidebarFooter, w as SidebarGroup, x as SidebarGroupAction, y as SidebarGroupContent, z as SidebarGroupLabel, B as SidebarHeader, D as SidebarInput, E as SidebarInset, F as SidebarMenu, H as SidebarMenuAction, I as SidebarMenuBadge, J as SidebarMenuButton, K as SidebarMenuItem, L as SidebarMenuSkeleton, M as SidebarMenuSub, N as SidebarMenuSubButton, O as SidebarMenuSubItem, P as SidebarProvider, Q as SidebarRail, T as SidebarTrigger, U as SidebarVariant, V as Skeleton } from './index-DxbOGj5Y.js';
-import { A as AlertContextValue, S as SortState } from './index-p7kVnzRy.js';
-export { a as Alert, b as AlertBanner, c as AlertBannerProps, d as AlertDescription, e as AlertMessage, f as AlertProps, g as AlertProvider, h as AlertTheme, i as AlertTitle, j as Avatar, k as AvatarFallback, l as AvatarFallbackProps, m as AvatarImage, n as AvatarImageProps, o as AvatarProps, C as Chip, p as ChipProps, q as ChipSelect, r as ChipSelectOption, s as ChipSelectProps, t as CodeBlock, u as CodeBlockProps, D as DevIndicator, v as DevIndicatorProps, w as Dialog, x as DialogClose, y as DialogCloseProps, z as DialogContent, B as DialogContentProps, E as DialogDescription, F as DialogFooter, G as DialogHeader, H as DialogOverlay, I as DialogPortal, J as DialogProps, K as DialogTitle, L as DialogTrigger, M as DialogTriggerProps, N as EmptyState, O as EmptyStateProps, P as Icon, Q as IconProps, R as List, T as ListItem, U as ListItemProps, V as ListProps, W as Pagination, X as PaginationProps, Y as ProgressBar, Z as ProgressBarProps, _ as PushAlertInput, $ as Separator, a0 as SeparatorProps, a1 as SortContextValue, a2 as SortDirection, a3 as StatCard, a4 as StatCardDirection, a5 as StatCardProps, a6 as StatCardSize, a7 as StatCardTheme, a8 as StatCardVariant, a9 as StatusDot, aa as StatusDotProps, ab as Step, ac as StepProgress, ad as StepProgressProps, ae as Switch, af as SwitchProps, ag as Table, ah as TableActionCell, ai as TableActionCellProps, aj as TableActionItem, ak as TableBody, al as TableBodyProps, am as TableCard, an as TableCell, ao as TableFooter, ap as TableHead, aq as TableHeader, ar as TableRow, as as TableSortableHeader, at as TableSortableHeaderProps, au as TableToolbar, av as TableToolbarProps, aw as Toggle, ax as ToggleGroup, ay as ToggleGroupProps, az as ToggleProps, aA as TrendDirection, aB as persistAlert, aC as statusDotVariants } from './index-p7kVnzRy.js';
+import { S as SidebarContextValue } from './index-BgAs5Dmg.js';
+export { A as AppContent, a as AppContentFooter, b as AppContentFooterProps, c as AppContentMain, d as AppContentMainProps, e as AppFooter, f as AppFooterProps, g as AppShell, h as AppShellProps, i as AppSidebar, j as AppSidebarHeader, k as AppSidebarHeaderProps, l as AppSidebarProps, C as Collapse, m as CollapseProps, n as Column, o as ColumnProps, p as Container, q as ContainerProps, G as Grid, r as GridColumns, s as GridProps, R as Row, t as Sidebar, u as SidebarContent, v as SidebarFooter, w as SidebarGroup, x as SidebarGroupAction, y as SidebarGroupContent, z as SidebarGroupLabel, B as SidebarHeader, D as SidebarInput, E as SidebarInset, F as SidebarMenu, H as SidebarMenuAction, I as SidebarMenuBadge, J as SidebarMenuButton, K as SidebarMenuItem, L as SidebarMenuSkeleton, M as SidebarMenuSub, N as SidebarMenuSubButton, O as SidebarMenuSubItem, P as SidebarProvider, Q as SidebarRail, T as SidebarTrigger, U as SidebarVariant, V as Skeleton } from './index-BgAs5Dmg.js';
+import { A as AlertContextValue, S as SortState } from './index-BG8HSyxu.js';
+export { a as Alert, b as AlertBanner, c as AlertBannerProps, d as AlertDescription, e as AlertMessage, f as AlertProps, g as AlertProvider, h as AlertTheme, i as AlertTitle, j as Avatar, k as AvatarFallback, l as AvatarFallbackProps, m as AvatarImage, n as AvatarImageProps, o as AvatarProps, C as Chip, p as ChipProps, q as ChipSelect, r as ChipSelectOption, s as ChipSelectProps, t as CodeBlock, u as CodeBlockProps, D as DevIndicator, v as DevIndicatorProps, w as Dialog, x as DialogClose, y as DialogCloseProps, z as DialogContent, B as DialogContentProps, E as DialogDescription, F as DialogFooter, G as DialogHeader, H as DialogOverlay, I as DialogPortal, J as DialogProps, K as DialogTitle, L as DialogTrigger, M as DialogTriggerProps, N as EmptyState, O as EmptyStateProps, P as Icon, Q as IconProps, R as List, T as ListItem, U as ListItemProps, V as ListProps, W as Pagination, X as PaginationProps, Y as ProgressBar, Z as ProgressBarProps, _ as PushAlertInput, $ as Separator, a0 as SeparatorProps, a1 as SortContextValue, a2 as SortDirection, a3 as StatCard, a4 as StatCardDirection, a5 as StatCardProps, a6 as StatCardSize, a7 as StatCardTheme, a8 as StatCardVariant, a9 as StatusDot, aa as StatusDotProps, ab as Step, ac as StepProgress, ad as StepProgressProps, ae as SwipeRow, af as SwipeRowProps, ag as Switch, ah as SwitchProps, ai as Table, aj as TableActionCell, ak as TableActionCellProps, al as TableActionItem, am as TableBody, an as TableBodyProps, ao as TableCard, ap as TableCell, aq as TableFooter, ar as TableHead, as as TableHeader, at as TableRow, au as TableSortableHeader, av as TableSortableHeaderProps, aw as TableToolbar, ax as TableToolbarProps, ay as Toggle, az as ToggleGroup, aA as ToggleGroupProps, aB as ToggleProps, aC as TrendDirection, aD as persistAlert, aE as statusDotVariants } from './index-BG8HSyxu.js';
 export { R as RowProps } from './row-CuhTBQhK.js';
 export { Breadcrumbs, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuProps, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DropdownMenuTriggerProps, Link, LinkProps, RouterAdapter, RouterProvider, Sheet, SheetBody, SheetClose, SheetCloseProps, SheetContent, SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetProps, SheetTitle, SheetTrigger, SheetTriggerProps, useRouterAdapter } from './navigation.js';
 export { B as BreadcrumbItemData, N as NavGroup, a as NavItem, b as NavUser, c as NavUserProps, S as SidebarNavItem, d as SidebarSection } from './nav-user-CilmWvtr.js';
@@ -13,7 +13,7 @@ export { AppearanceTabs, AppearanceToggleDropdown } from './settings.js';
 export { a as User, b as UserMenuContent, U as UserMenuContentProps, c as UserMenuItem } from './user-menu-content-D0Ldzigm.js';
 export { Heading, TruncatedText, TruncatedTextProps } from './typography.js';
 export { T as Typography, a as TypographyAlign, b as TypographyProps, c as TypographySize, d as TypographyTheme, e as TypographyTransform, f as TypographyVariant, g as TypographyWeight } from './typography-CTGVc_Gg.js';
-export { B as Button, a as ButtonProps, T as Tooltip, b as TooltipContent, c as TooltipContentProps, d as TooltipProps, e as TooltipProvider, f as TooltipTrigger, g as TooltipTriggerProps } from './tooltip-DXoSckt9.js';
+export { B as Button, a as ButtonProps, T as Tooltip, b as TooltipContent, c as TooltipContentProps, d as TooltipProps, e as TooltipProvider, f as TooltipTrigger, g as TooltipTriggerProps } from './tooltip-BpAJwi3K.js';
 export { UserInfo } from './user.js';
 export { CONSTELLATION_PORTAL_SELECTOR, getCsrfToken, isInConstellationPortal } from './utils.js';
 import 'class-variance-authority';

package/dist/index.js

@@ -60,6 +60,7 @@ export { StatCard } from './ui/StatCard/stat-card.js';
 export { StatusDot } from './ui/StatusDot/status-dot.js';
 export { statusDotVariants } from './ui/StatusDot/status-dot-variants.js';
 export { StepProgress } from './ui/StepProgress/step-progress.js';
+export { SwipeRow } from './ui/SwipeRow/swipe-row.js';
 export { Switch } from './ui/Switch/switch.js';
 export { Table, TableBody, TableCard, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableSortableHeader } from './ui/Table/table.js';
 export { TableActionCell } from './ui/TableActionCell/table-action-cell.js';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/layout/AppSidebarHeader/app-sidebar-header.js

@@ -29,6 +29,7 @@ import '../../ui/StatCard/stat-card.js';
 import '../../ui/StatusDot/status-dot.js';
 import '../../ui/StatusDot/status-dot-variants.js';
 import '../../ui/StepProgress/step-progress.js';
+import '../../ui/SwipeRow/swipe-row.js';
 import '../../ui/Switch/switch.js';
 import '../../ui/Table/table.js';
 import '../../ui/TableActionCell/table-action-cell.js';

package/dist/layout/AppSidebarHeader/app-sidebar-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-sidebar-header.js","sources":["../../../src/layout/AppSidebarHeader/app-sidebar-header.tsx"],"sourcesContent":["import { useSidebar } from '@constellation/hooks';\nimport { Row } from '@constellation/layout/Row';\nimport { SidebarTrigger } from '@constellation/layout/Sidebar';\nimport { Breadcrumbs } from '@constellation/navigation/Breadcrumbs';\nimport { NavUser, type NavUserProps } from '@constellation/navigation/NavUser';\nimport { AppearanceToggleDropdown } from '@constellation/settings';\nimport { type BreadcrumbItemData } from '@constellation/types';\nimport cn from 'clsx';\nimport * as React from 'react';\nimport s from './app-sidebar-header.module.scss';\n\nexport interface AppSidebarHeaderProps extends React.HTMLAttributes<HTMLElement> {\n  breadcrumbs?: BreadcrumbItemData[];\n  /** Omit to hide the account menu (e.g. on signed-out chrome). */\n  user?: NavUserProps['user'];\n  userMenu?: Omit<NavUserProps, 'user'>;\n  /** Extra controls between the appearance toggle and the account menu. */\n  actions?: React.ReactNode;\n}\n\n/**\n * The header band of a content area.\n *\n * `className` and any other DOM props reach the `header` element. They used to\n * be dropped on the floor — the component took four named props and spread\n * nothing — so a caller passing `className` got no error and no class, and\n * spent the difference looking at its own stylesheet.\n */\nexport function AppSidebarHeader({\n  breadcrumbs = [],\n  user,\n  userMenu,\n  actions,\n  className,\n  ...props\n}: AppSidebarHeaderProps) {\n  const { state } = useSidebar();\n\n  return (\n    <Row\n      data-slot={'app-sidebar-header'}\n      el={'header'}\n      align={'center'}\n      gap={1}\n      justify={'space-between'}\n      className={cn(\n        s['app-sidebar-header'],\n        state === 'collapsed' && s['sidebar-header-collapsed'],\n        className,\n      )}\n      {...props}\n    >\n      <Row gap={1}>\n        <SidebarTrigger />\n        <Breadcrumbs breadcrumbs={breadcrumbs} />\n      </Row>\n      <Row gap={1} align={'center'}>\n        {actions}\n        <AppearanceToggleDropdown />\n        {user && <NavUser user={user} {...userMenu} />}\n      </Row>\n    </Row>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA;;;;;;;AAOG;SACa,gBAAgB,CAAC,EAC/B,WAAW,GAAG,EAAE,EAChB,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACc,EAAA;AACtB,IAAA,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE;IAE9B,QACEA,KAAC,GAAG,EAAA,EAAA,WAAA,EACS,oBAAoB,EAC/B,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAE,QAAQ,EACf,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,eAAe,EACxB,SAAS,EAAE,EAAE,CACX,CAAC,CAAC,oBAAoB,CAAC,EACvB,KAAK,KAAK,WAAW,IAAI,CAAC,CAAC,0BAA0B,CAAC,EACtD,SAAS,CACV,EAAA,GACG,KAAK,EAAA,QAAA,EAAA,CAETA,IAAA,CAAC,GAAG,EAAA,EAAC,GAAG,EAAE,CAAC,aACTC,GAAA,CAAC,cAAc,KAAG,EAClBA,GAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAE,WAAW,EAAA,CAAI,IACrC,EACND,IAAA,CAAC,GAAG,EAAA,EAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAA,QAAA,EAAA,CACzB,OAAO,EACRC,GAAA,CAAC,wBAAwB,EAAA,EAAA,CAAG,EAC3B,IAAI,IAAIA,GAAA,CAAC,OAAO,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,GAAM,QAAQ,EAAA,CAAI,CAAA,EAAA,CAC1C,CAAA,EAAA,CACF;AAEV;;"}
+{"version":3,"file":"app-sidebar-header.js","sources":["../../../src/layout/AppSidebarHeader/app-sidebar-header.tsx"],"sourcesContent":["import { useSidebar } from '@constellation/hooks';\nimport { Row } from '@constellation/layout/Row';\nimport { SidebarTrigger } from '@constellation/layout/Sidebar';\nimport { Breadcrumbs } from '@constellation/navigation/Breadcrumbs';\nimport { NavUser, type NavUserProps } from '@constellation/navigation/NavUser';\nimport { AppearanceToggleDropdown } from '@constellation/settings';\nimport { type BreadcrumbItemData } from '@constellation/types';\nimport cn from 'clsx';\nimport * as React from 'react';\nimport s from './app-sidebar-header.module.scss';\n\nexport interface AppSidebarHeaderProps extends React.HTMLAttributes<HTMLElement> {\n  breadcrumbs?: BreadcrumbItemData[];\n  /** Omit to hide the account menu (e.g. on signed-out chrome). */\n  user?: NavUserProps['user'];\n  userMenu?: Omit<NavUserProps, 'user'>;\n  /** Extra controls between the appearance toggle and the account menu. */\n  actions?: React.ReactNode;\n}\n\n/**\n * The header band of a content area.\n *\n * `className` and any other DOM props reach the `header` element. They used to\n * be dropped on the floor — the component took four named props and spread\n * nothing — so a caller passing `className` got no error and no class, and\n * spent the difference looking at its own stylesheet.\n */\nexport function AppSidebarHeader({\n  breadcrumbs = [],\n  user,\n  userMenu,\n  actions,\n  className,\n  ...props\n}: AppSidebarHeaderProps) {\n  const { state } = useSidebar();\n\n  return (\n    <Row\n      data-slot={'app-sidebar-header'}\n      el={'header'}\n      align={'center'}\n      gap={1}\n      justify={'space-between'}\n      className={cn(\n        s['app-sidebar-header'],\n        state === 'collapsed' && s['sidebar-header-collapsed'],\n        className,\n      )}\n      {...props}\n    >\n      <Row gap={1}>\n        <SidebarTrigger />\n        <Breadcrumbs breadcrumbs={breadcrumbs} />\n      </Row>\n      <Row gap={1} align={'center'}>\n        {actions}\n        <AppearanceToggleDropdown />\n        {user && <NavUser user={user} {...userMenu} />}\n      </Row>\n    </Row>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA;;;;;;;AAOG;SACa,gBAAgB,CAAC,EAC/B,WAAW,GAAG,EAAE,EAChB,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACc,EAAA;AACtB,IAAA,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE;IAE9B,QACEA,KAAC,GAAG,EAAA,EAAA,WAAA,EACS,oBAAoB,EAC/B,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAE,QAAQ,EACf,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,eAAe,EACxB,SAAS,EAAE,EAAE,CACX,CAAC,CAAC,oBAAoB,CAAC,EACvB,KAAK,KAAK,WAAW,IAAI,CAAC,CAAC,0BAA0B,CAAC,EACtD,SAAS,CACV,EAAA,GACG,KAAK,EAAA,QAAA,EAAA,CAETA,IAAA,CAAC,GAAG,EAAA,EAAC,GAAG,EAAE,CAAC,aACTC,GAAA,CAAC,cAAc,KAAG,EAClBA,GAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAE,WAAW,EAAA,CAAI,IACrC,EACND,IAAA,CAAC,GAAG,EAAA,EAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAA,QAAA,EAAA,CACzB,OAAO,EACRC,GAAA,CAAC,wBAAwB,EAAA,EAAA,CAAG,EAC3B,IAAI,IAAIA,GAAA,CAAC,OAAO,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,GAAM,QAAQ,EAAA,CAAI,CAAA,EAAA,CAC1C,CAAA,EAAA,CACF;AAEV;;"}

package/dist/layout.d.ts

@@ -1,10 +1,10 @@
-export { A as AppContent, a as AppContentFooter, b as AppContentFooterProps, c as AppContentMain, d as AppContentMainProps, e as AppFooter, f as AppFooterProps, g as AppShell, h as AppShellProps, i as AppSidebar, j as AppSidebarHeader, k as AppSidebarHeaderProps, l as AppSidebarProps, C as Collapse, m as CollapseProps, n as Column, o as ColumnProps, p as Container, G as Grid, R as Row, t as Sidebar, u as SidebarContent, v as SidebarFooter, w as SidebarGroup, x as SidebarGroupAction, y as SidebarGroupContent, z as SidebarGroupLabel, B as SidebarHeader, D as SidebarInput, E as SidebarInset, F as SidebarMenu, H as SidebarMenuAction, I as SidebarMenuBadge, J as SidebarMenuButton, K as SidebarMenuItem, L as SidebarMenuSkeleton, M as SidebarMenuSub, N as SidebarMenuSubButton, O as SidebarMenuSubItem, P as SidebarProvider, Q as SidebarRail, T as SidebarTrigger, V as Skeleton } from './index-DxbOGj5Y.js';
+export { A as AppContent, a as AppContentFooter, b as AppContentFooterProps, c as AppContentMain, d as AppContentMainProps, e as AppFooter, f as AppFooterProps, g as AppShell, h as AppShellProps, i as AppSidebar, j as AppSidebarHeader, k as AppSidebarHeaderProps, l as AppSidebarProps, C as Collapse, m as CollapseProps, n as Column, o as ColumnProps, p as Container, G as Grid, R as Row, t as Sidebar, u as SidebarContent, v as SidebarFooter, w as SidebarGroup, x as SidebarGroupAction, y as SidebarGroupContent, z as SidebarGroupLabel, B as SidebarHeader, D as SidebarInput, E as SidebarInset, F as SidebarMenu, H as SidebarMenuAction, I as SidebarMenuBadge, J as SidebarMenuButton, K as SidebarMenuItem, L as SidebarMenuSkeleton, M as SidebarMenuSub, N as SidebarMenuSubButton, O as SidebarMenuSubItem, P as SidebarProvider, Q as SidebarRail, T as SidebarTrigger, V as Skeleton } from './index-BgAs5Dmg.js';
 export { R as RowProps } from './row-CuhTBQhK.js';
 import 'react';
 import './nav-user-CilmWvtr.js';
 import 'lucide-react';
 import './user-menu-content-D0Ldzigm.js';
 import './input-Cp5LET5i.js';
-import './tooltip-DXoSckt9.js';
+import './tooltip-BpAJwi3K.js';
 import 'class-variance-authority';
 import 'class-variance-authority/types';

package/dist/navigation/Sheet/sheet.js

@@ -22,6 +22,7 @@ import '../../ui/StatCard/stat-card.js';
 import '../../ui/StatusDot/status-dot.js';
 import '../../ui/StatusDot/status-dot-variants.js';
 import '../../ui/StepProgress/step-progress.js';
+import '../../ui/SwipeRow/swipe-row.js';
 import '../../ui/Switch/switch.js';
 import '../../ui/Table/table.js';
 import '../../ui/TableActionCell/table-action-cell.js';

package/dist/navigation/Sheet/sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.js","sources":["../../../src/navigation/Sheet/sheet.tsx"],"sourcesContent":["import { Button } from '@constellation/ui';\nimport cn from 'clsx';\nimport { XIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { Slot } from '../../internal/slot';\nimport { useAnimationState } from '../../internal/use-animation-state';\nimport { useFocusTrap } from '../../internal/use-focus-trap';\nimport { useScrollLock } from '../../internal/use-scroll-lock';\nimport s from './sheet.module.scss';\n\n// ── Context ──────────────────────────────────────────────\n\ntype SheetContextValue = {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  titleId: string;\n  descriptionId: string;\n};\n\nconst SheetContext = React.createContext<SheetContextValue | null>(null);\n\nfunction useSheet() {\n  const ctx = React.useContext(SheetContext);\n  if (!ctx) throw new Error('Sheet compound components must be used within <Sheet>');\n  return ctx;\n}\n\n// ── Root ─────────────────────────────────────────────────\n\nexport interface SheetProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children?: React.ReactNode;\n}\n\nfunction Sheet({ open: controlledOpen, defaultOpen = false, onOpenChange, children }: SheetProps) {\n  const [internalOpen, setInternalOpen] = React.useState(defaultOpen);\n  const isControlled = controlledOpen !== undefined;\n  const open = isControlled ? controlledOpen : internalOpen;\n  const titleId = React.useId();\n  const descriptionId = React.useId();\n\n  const handleOpenChange = React.useCallback(\n    (next: boolean) => {\n      if (!isControlled) setInternalOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  return (\n    <SheetContext.Provider value={{ open, onOpenChange: handleOpenChange, titleId, descriptionId }}>\n      {children}\n    </SheetContext.Provider>\n  );\n}\n\n// ── Trigger ──────────────────────────────────────────────\n\nexport interface SheetTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean;\n}\n\nconst SheetTrigger = React.forwardRef<HTMLButtonElement, SheetTriggerProps>(\n  ({ asChild, onClick, children, ...props }, ref) => {\n    const { onOpenChange } = useSheet();\n    const Comp = asChild ? Slot : 'button';\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      onClick?.(e);\n      onOpenChange(true);\n    };\n\n    return (\n      <Comp ref={ref} data-slot={'sheet-trigger'} onClick={handleClick} {...props}>\n        {children}\n      </Comp>\n    );\n  },\n);\nSheetTrigger.displayName = 'SheetTrigger';\n\n// ── Close ────────────────────────────────────────────────\n\nexport interface SheetCloseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean;\n}\n\nconst SheetClose = React.forwardRef<HTMLButtonElement, SheetCloseProps>(\n  ({ asChild, onClick, children, ...props }, ref) => {\n    const { onOpenChange } = useSheet();\n    const Comp = asChild ? Slot : 'button';\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      onClick?.(e);\n      onOpenChange(false);\n    };\n\n    return (\n      <Comp ref={ref} data-slot={'sheet-close'} onClick={handleClick} {...props}>\n        {children}\n      </Comp>\n    );\n  },\n);\nSheetClose.displayName = 'SheetClose';\n\n// ── Content ──────────────────────────────────────────────\n\nconst sideClassMap = {\n  right: s['content-right'],\n  left: s['content-left'],\n  top: s['content-top'],\n  bottom: s['content-bottom'],\n} as const;\n\ntype SheetSide = keyof typeof sideClassMap;\n\nexport type SheetContentProps = React.HTMLAttributes<HTMLDivElement> & {\n  side?: SheetSide;\n  /**\n   * How much room the panel gets. `sm` suits a confirm or a short form; `lg`\n   * is for a working surface — a queue of editable cards needs the width or\n   * its own content starts scrolling sideways.\n   */\n  size?: 'sm' | 'md' | 'lg';\n  /**\n   * Float the panel off the viewport edge instead of sitting flush to it.\n   * Reads as a card over the page rather than a second wall of it.\n   */\n  inset?: boolean;\n};\n\nconst SheetContent = React.forwardRef<HTMLDivElement, SheetContentProps>(\n  ({ className, children, side = 'right', size = 'md', inset = false, ...props }, ref) => {\n    const { open, onOpenChange, titleId, descriptionId } = useSheet();\n    const { mounted, state } = useAnimationState(open, 250);\n    const focusTrapRef = useFocusTrap(open);\n    useScrollLock(mounted);\n\n    React.useEffect(() => {\n      if (!open) return;\n\n      const handleKeyDown = (e: KeyboardEvent) => {\n        // A nested layer (an open Select, DatePicker or menu) marks Escape as\n        // handled with preventDefault. Escape should dismiss the topmost layer\n        // only, so the modal ignores an event something inside it already took.\n        if (e.key === 'Escape' && !e.defaultPrevented) {\n          onOpenChange(false);\n        }\n      };\n\n      document.addEventListener('keydown', handleKeyDown);\n      return () => document.removeEventListener('keydown', handleKeyDown);\n    }, [open, onOpenChange]);\n\n    if (!mounted || state === 'idle') return null;\n\n    return createPortal(\n      <div data-constellation-portal={''} ref={focusTrapRef}>\n        <div\n          data-slot={'sheet-overlay'}\n          data-state={state}\n          className={s.overlay}\n          onClick={() => onOpenChange(false)}\n          aria-hidden={'true'}\n        />\n        <div\n          ref={ref}\n          data-slot={'sheet-content'}\n          data-state={state}\n          role={'dialog'}\n          aria-modal={'true'}\n          aria-labelledby={titleId}\n          aria-describedby={descriptionId}\n          className={cn(\n            s['sheet-content'],\n            sideClassMap[side],\n            s[`size-${size}`],\n            inset && s['content-inset'],\n            className,\n          )}\n          onClick={e => e.stopPropagation()}\n          {...props}\n        >\n          {children}\n          <SheetClose className={s['close-button']} asChild>\n            <Button variant={'ghost'} theme={'inherit'} iconOnly size={'sm'}>\n              <XIcon />\n              <span className={'srOnly'}>Close</span>\n            </Button>\n          </SheetClose>\n        </div>\n      </div>,\n      document.body,\n    );\n  },\n);\nSheetContent.displayName = 'SheetContent';\n\n// ── Semantic sub-components ──────────────────────────────\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot={'sheet-header'} className={cn(s.header, className)} {...props} />;\n}\n\nfunction SheetBody({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot={'sheet-body'} className={cn(s.body, className)} {...props} />;\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot={'sheet-footer'} className={cn(s.footer, className)} {...props} />;\n}\n\nfunction SheetTitle({ className, ...props }: React.ComponentProps<'h2'>) {\n  const { titleId } = useSheet();\n\n  return (\n    <h2 id={titleId} data-slot={'sheet-title'} className={cn(s.title, className)} {...props} />\n  );\n}\n\nfunction SheetDescription({ className, ...props }: React.ComponentProps<'p'>) {\n  const { descriptionId } = useSheet();\n\n  return (\n    <p\n      id={descriptionId}\n      data-slot={'sheet-description'}\n      className={cn(s.description, className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Sheet,\n  SheetBody,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"sheet.js","sources":["../../../src/navigation/Sheet/sheet.tsx"],"sourcesContent":["import { Button } from '@constellation/ui';\nimport cn from 'clsx';\nimport { XIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { Slot } from '../../internal/slot';\nimport { useAnimationState } from '../../internal/use-animation-state';\nimport { useFocusTrap } from '../../internal/use-focus-trap';\nimport { useScrollLock } from '../../internal/use-scroll-lock';\nimport s from './sheet.module.scss';\n\n// ── Context ──────────────────────────────────────────────\n\ntype SheetContextValue = {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  titleId: string;\n  descriptionId: string;\n};\n\nconst SheetContext = React.createContext<SheetContextValue | null>(null);\n\nfunction useSheet() {\n  const ctx = React.useContext(SheetContext);\n  if (!ctx) throw new Error('Sheet compound components must be used within <Sheet>');\n  return ctx;\n}\n\n// ── Root ─────────────────────────────────────────────────\n\nexport interface SheetProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children?: React.ReactNode;\n}\n\nfunction Sheet({ open: controlledOpen, defaultOpen = false, onOpenChange, children }: SheetProps) {\n  const [internalOpen, setInternalOpen] = React.useState(defaultOpen);\n  const isControlled = controlledOpen !== undefined;\n  const open = isControlled ? controlledOpen : internalOpen;\n  const titleId = React.useId();\n  const descriptionId = React.useId();\n\n  const handleOpenChange = React.useCallback(\n    (next: boolean) => {\n      if (!isControlled) setInternalOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  return (\n    <SheetContext.Provider value={{ open, onOpenChange: handleOpenChange, titleId, descriptionId }}>\n      {children}\n    </SheetContext.Provider>\n  );\n}\n\n// ── Trigger ──────────────────────────────────────────────\n\nexport interface SheetTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean;\n}\n\nconst SheetTrigger = React.forwardRef<HTMLButtonElement, SheetTriggerProps>(\n  ({ asChild, onClick, children, ...props }, ref) => {\n    const { onOpenChange } = useSheet();\n    const Comp = asChild ? Slot : 'button';\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      onClick?.(e);\n      onOpenChange(true);\n    };\n\n    return (\n      <Comp ref={ref} data-slot={'sheet-trigger'} onClick={handleClick} {...props}>\n        {children}\n      </Comp>\n    );\n  },\n);\nSheetTrigger.displayName = 'SheetTrigger';\n\n// ── Close ────────────────────────────────────────────────\n\nexport interface SheetCloseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean;\n}\n\nconst SheetClose = React.forwardRef<HTMLButtonElement, SheetCloseProps>(\n  ({ asChild, onClick, children, ...props }, ref) => {\n    const { onOpenChange } = useSheet();\n    const Comp = asChild ? Slot : 'button';\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      onClick?.(e);\n      onOpenChange(false);\n    };\n\n    return (\n      <Comp ref={ref} data-slot={'sheet-close'} onClick={handleClick} {...props}>\n        {children}\n      </Comp>\n    );\n  },\n);\nSheetClose.displayName = 'SheetClose';\n\n// ── Content ──────────────────────────────────────────────\n\nconst sideClassMap = {\n  right: s['content-right'],\n  left: s['content-left'],\n  top: s['content-top'],\n  bottom: s['content-bottom'],\n} as const;\n\ntype SheetSide = keyof typeof sideClassMap;\n\nexport type SheetContentProps = React.HTMLAttributes<HTMLDivElement> & {\n  side?: SheetSide;\n  /**\n   * How much room the panel gets. `sm` suits a confirm or a short form; `lg`\n   * is for a working surface — a queue of editable cards needs the width or\n   * its own content starts scrolling sideways.\n   */\n  size?: 'sm' | 'md' | 'lg';\n  /**\n   * Float the panel off the viewport edge instead of sitting flush to it.\n   * Reads as a card over the page rather than a second wall of it.\n   */\n  inset?: boolean;\n};\n\nconst SheetContent = React.forwardRef<HTMLDivElement, SheetContentProps>(\n  ({ className, children, side = 'right', size = 'md', inset = false, ...props }, ref) => {\n    const { open, onOpenChange, titleId, descriptionId } = useSheet();\n    const { mounted, state } = useAnimationState(open, 250);\n    const focusTrapRef = useFocusTrap(open);\n    useScrollLock(mounted);\n\n    React.useEffect(() => {\n      if (!open) return;\n\n      const handleKeyDown = (e: KeyboardEvent) => {\n        // A nested layer (an open Select, DatePicker or menu) marks Escape as\n        // handled with preventDefault. Escape should dismiss the topmost layer\n        // only, so the modal ignores an event something inside it already took.\n        if (e.key === 'Escape' && !e.defaultPrevented) {\n          onOpenChange(false);\n        }\n      };\n\n      document.addEventListener('keydown', handleKeyDown);\n      return () => document.removeEventListener('keydown', handleKeyDown);\n    }, [open, onOpenChange]);\n\n    if (!mounted || state === 'idle') return null;\n\n    return createPortal(\n      <div data-constellation-portal={''} ref={focusTrapRef}>\n        <div\n          data-slot={'sheet-overlay'}\n          data-state={state}\n          className={s.overlay}\n          onClick={() => onOpenChange(false)}\n          aria-hidden={'true'}\n        />\n        <div\n          ref={ref}\n          data-slot={'sheet-content'}\n          data-state={state}\n          role={'dialog'}\n          aria-modal={'true'}\n          aria-labelledby={titleId}\n          aria-describedby={descriptionId}\n          className={cn(\n            s['sheet-content'],\n            sideClassMap[side],\n            s[`size-${size}`],\n            inset && s['content-inset'],\n            className,\n          )}\n          onClick={e => e.stopPropagation()}\n          {...props}\n        >\n          {children}\n          <SheetClose className={s['close-button']} asChild>\n            <Button variant={'ghost'} theme={'inherit'} iconOnly size={'sm'}>\n              <XIcon />\n              <span className={'srOnly'}>Close</span>\n            </Button>\n          </SheetClose>\n        </div>\n      </div>,\n      document.body,\n    );\n  },\n);\nSheetContent.displayName = 'SheetContent';\n\n// ── Semantic sub-components ──────────────────────────────\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot={'sheet-header'} className={cn(s.header, className)} {...props} />;\n}\n\nfunction SheetBody({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot={'sheet-body'} className={cn(s.body, className)} {...props} />;\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot={'sheet-footer'} className={cn(s.footer, className)} {...props} />;\n}\n\nfunction SheetTitle({ className, ...props }: React.ComponentProps<'h2'>) {\n  const { titleId } = useSheet();\n\n  return (\n    <h2 id={titleId} data-slot={'sheet-title'} className={cn(s.title, className)} {...props} />\n  );\n}\n\nfunction SheetDescription({ className, ...props }: React.ComponentProps<'p'>) {\n  const { descriptionId } = useSheet();\n\n  return (\n    <p\n      id={descriptionId}\n      data-slot={'sheet-description'}\n      className={cn(s.description, className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Sheet,\n  SheetBody,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAA2B,IAAI,CAAC;AAExE,SAAS,QAAQ,GAAA;IACf,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC;AAC1C,IAAA,IAAI,CAAC,GAAG;AAAE,QAAA,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC;AAClF,IAAA,OAAO,GAAG;AACZ;AAWA,SAAS,KAAK,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,WAAW,GAAG,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAc,EAAA;AAC9F,IAAA,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC;AACnE,IAAA,MAAM,YAAY,GAAG,cAAc,KAAK,SAAS;IACjD,MAAM,IAAI,GAAG,YAAY,GAAG,cAAc,GAAG,YAAY;AACzD,IAAA,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,EAAE;AAC7B,IAAA,MAAM,aAAa,GAAG,KAAK,CAAC,KAAK,EAAE;IAEnC,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CACxC,CAAC,IAAa,KAAI;AAChB,QAAA,IAAI,CAAC,YAAY;YAAE,eAAe,CAAC,IAAI,CAAC;AACxC,QAAA,YAAY,GAAG,IAAI,CAAC;AACtB,IAAA,CAAC,EACD,CAAC,YAAY,EAAE,YAAY,CAAC,CAC7B;IAED,QACEA,IAAC,YAAY,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,gBAAgB,EAAE,OAAO,EAAE,aAAa,EAAE,EAAA,QAAA,EAC3F,QAAQ,EAAA,CACa;AAE5B;AAQA,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CACnC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAChD,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,QAAQ,EAAE;IACnC,MAAM,IAAI,GAAG,OAAO,GAAG,IAAI,GAAG,QAAQ;AAEtC,IAAA,MAAM,WAAW,GAAG,CAAC,CAAsC,KAAI;AAC7D,QAAA,OAAO,GAAG,CAAC,CAAC;QACZ,YAAY,CAAC,IAAI,CAAC;AACpB,IAAA,CAAC;AAED,IAAA,QACEA,GAAA,CAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAA,WAAA,EAAa,eAAe,EAAE,OAAO,EAAE,WAAW,EAAA,GAAM,KAAK,YACxE,QAAQ,EAAA,CACJ;AAEX,CAAC;AAEH,YAAY,CAAC,WAAW,GAAG,cAAc;AAQzC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAChD,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,QAAQ,EAAE;IACnC,MAAM,IAAI,GAAG,OAAO,GAAG,IAAI,GAAG,QAAQ;AAEtC,IAAA,MAAM,WAAW,GAAG,CAAC,CAAsC,KAAI;AAC7D,QAAA,OAAO,GAAG,CAAC,CAAC;QACZ,YAAY,CAAC,KAAK,CAAC;AACrB,IAAA,CAAC;AAED,IAAA,QACEA,GAAA,CAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAA,WAAA,EAAa,aAAa,EAAE,OAAO,EAAE,WAAW,EAAA,GAAM,KAAK,YACtE,QAAQ,EAAA,CACJ;AAEX,CAAC;AAEH,UAAU,CAAC,WAAW,GAAG,YAAY;AAErC;AAEA,MAAM,YAAY,GAAG;AACnB,IAAA,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC;AACzB,IAAA,IAAI,EAAE,CAAC,CAAC,cAAc,CAAC;AACvB,IAAA,GAAG,EAAE,CAAC,CAAC,aAAa,CAAC;AACrB,IAAA,MAAM,EAAE,CAAC,CAAC,gBAAgB,CAAC;CACnB;AAmBV,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CACnC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,GAAG,OAAO,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AACrF,IAAA,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,QAAQ,EAAE;AACjE,IAAA,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,iBAAiB,CAAC,IAAI,EAAE,GAAG,CAAC;AACvD,IAAA,MAAM,YAAY,GAAG,YAAY,CAAC,IAAI,CAAC;IACvC,aAAa,CAAC,OAAO,CAAC;AAEtB,IAAA,KAAK,CAAC,SAAS,CAAC,MAAK;AACnB,QAAA,IAAI,CAAC,IAAI;YAAE;AAEX,QAAA,MAAM,aAAa,GAAG,CAAC,CAAgB,KAAI;;;;YAIzC,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,IAAI,CAAC,CAAC,CAAC,gBAAgB,EAAE;gBAC7C,YAAY,CAAC,KAAK,CAAC;YACrB;AACF,QAAA,CAAC;AAED,QAAA,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC;QACnD,OAAO,MAAM,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC;AACrE,IAAA,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;AAExB,IAAA,IAAI,CAAC,OAAO,IAAI,KAAK,KAAK,MAAM;AAAE,QAAA,OAAO,IAAI;AAE7C,IAAA,OAAO,YAAY,CACjBC,IAAA,CAAA,KAAA,EAAA,EAAA,2BAAA,EAAgC,EAAE,EAAE,GAAG,EAAE,YAAY,EAAA,QAAA,EAAA,CACnDD,GAAA,CAAA,KAAA,EAAA,EAAA,WAAA,EACa,eAAe,EAAA,YAAA,EACd,KAAK,EACjB,SAAS,EAAE,CAAC,CAAC,OAAO,EACpB,OAAO,EAAE,MAAM,YAAY,CAAC,KAAK,CAAC,EAAA,aAAA,EACrB,MAAM,EAAA,CACnB,EACFC,IAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,GAAG,EAAA,WAAA,EACG,eAAe,EAAA,YAAA,EACd,KAAK,EACjB,IAAI,EAAE,QAAQ,EAAA,YAAA,EACF,MAAM,EAAA,iBAAA,EACD,OAAO,EAAA,kBAAA,EACN,aAAa,EAC/B,SAAS,EAAE,EAAE,CACX,CAAC,CAAC,eAAe,CAAC,EAClB,YAAY,CAAC,IAAI,CAAC,EAClB,CAAC,CAAC,CAAA,KAAA,EAAQ,IAAI,CAAA,CAAE,CAAC,EACjB,KAAK,IAAI,CAAC,CAAC,eAAe,CAAC,EAC3B,SAAS,CACV,EACD,OAAO,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAAA,GAC7B,KAAK,EAAA,QAAA,EAAA,CAER,QAAQ,EACTD,GAAA,CAAC,UAAU,EAAA,EAAC,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,EAAE,OAAO,EAAA,IAAA,EAAA,QAAA,EAC/CC,IAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAA,IAAA,EAAC,IAAI,EAAE,IAAI,EAAA,QAAA,EAAA,CAC7DD,GAAA,CAAC,KAAK,EAAA,EAAA,CAAG,EACTA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,QAAQ,EAAA,QAAA,EAAA,OAAA,EAAA,CAAc,CAAA,EAAA,CAChC,EAAA,CACE,CAAA,EAAA,CACT,IACF,EACN,QAAQ,CAAC,IAAI,CACd;AACH,CAAC;AAEH,YAAY,CAAC,WAAW,GAAG,cAAc;AAEzC;AAEA,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B,EAAA;AACvE,IAAA,OAAOA,0BAAgB,cAAc,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,SAAS,CAAC,EAAA,GAAM,KAAK,GAAI;AAC1F;AAEA,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B,EAAA;AACrE,IAAA,OAAOA,0BAAgB,YAAY,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAA,GAAM,KAAK,GAAI;AACtF;AAEA,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B,EAAA;AACvE,IAAA,OAAOA,0BAAgB,cAAc,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,SAAS,CAAC,EAAA,GAAM,KAAK,GAAI;AAC1F;AAEA,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA8B,EAAA;AACrE,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,QAAQ,EAAE;IAE9B,QACEA,YAAI,EAAE,EAAE,OAAO,EAAA,WAAA,EAAa,aAAa,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,SAAS,CAAC,EAAA,GAAM,KAAK,EAAA,CAAI;AAE/F;AAEA,SAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA6B,EAAA;AAC1E,IAAA,MAAM,EAAE,aAAa,EAAE,GAAG,QAAQ,EAAE;IAEpC,QACEA,WACE,EAAE,EAAE,aAAa,EAAA,WAAA,EACN,mBAAmB,EAC9B,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,SAAS,CAAC,EAAA,GACnC,KAAK,EAAA,CACT;AAEN;;"}

package/dist/navigation.d.ts

@@ -62,7 +62,7 @@ declare function DropdownMenuSubContent({ className, ...props }: React.HTMLAttri
 declare const linkVariants: (props?: ({
     underline?: boolean | null | undefined;
     hover?: "default" | "none" | null | undefined;
-    theme?: "destructive" | "inherit" | "primary" | "secondary" | "warning" | "success" | "info" | "slate" | null | undefined;
+    theme?: "primary" | "secondary" | "destructive" | "success" | "warning" | "info" | "slate" | "inherit" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 interface LinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'onClick'>, VariantProps<typeof linkVariants> {

package/dist/settings/AppearanceTabs/appearance-tabs.js

@@ -25,6 +25,7 @@ import '../../ui/StatCard/stat-card.js';
 import '../../ui/StatusDot/status-dot.js';
 import '../../ui/StatusDot/status-dot-variants.js';
 import '../../ui/StepProgress/step-progress.js';
+import '../../ui/SwipeRow/swipe-row.js';
 import '../../ui/Switch/switch.js';
 import '../../ui/Table/table.js';
 import '../../ui/TableActionCell/table-action-cell.js';

package/dist/settings/AppearanceTabs/appearance-tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"appearance-tabs.js","sources":["../../../src/settings/AppearanceTabs/appearance-tabs.tsx"],"sourcesContent":["import { type Appearance, useAppearance } from '@constellation/hooks';\nimport { Button } from '@constellation/ui';\nimport cn from 'clsx';\nimport { type LucideIcon, MonitorIcon, MoonIcon, SunIcon } from 'lucide-react';\nimport * as React from 'react';\nimport s from './appearance-tabs.module.scss';\n\ntype AppearanceTabsProps = React.HTMLAttributes<HTMLDivElement> & {\n  iconOnly?: boolean;\n};\n\nexport function AppearanceTabs({\n  className = '',\n  iconOnly = false,\n  ...props\n}: AppearanceTabsProps) {\n  const { appearance, updateAppearance } = useAppearance();\n\n  const tabs: { value: Appearance; icon: LucideIcon; label: string }[] = [\n    { value: 'light', icon: SunIcon, label: 'Light' },\n    { value: 'dark', icon: MoonIcon, label: 'Dark' },\n    { value: 'system', icon: MonitorIcon, label: 'System' },\n  ];\n\n  return (\n    <div data-slot={'appearance-tabs'} className={cn(s['tabs-root'], className)} {...props}>\n      {tabs.map(({ value, icon: Icon, label }) => (\n        <Button\n          key={value}\n          variant={'ghost'}\n          theme={'inherit'}\n          rounded\n          onClick={() => updateAppearance(value)}\n          aria-label={label}\n          iconOnly={iconOnly}\n          aria-pressed={appearance === value}\n          className={cn(s['tab-button'], appearance === value && s['tab-button-active'])}\n          title={iconOnly ? label : undefined}\n        >\n          <Icon />\n          {!iconOnly && <span>{label}</span>}\n        </Button>\n      ))}\n    </div>\n  );\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWM,SAAU,cAAc,CAAC,EAC7B,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EACY,EAAA;IACpB,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,aAAa,EAAE;AAExD,IAAA,MAAM,IAAI,GAA6D;QACrE,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;QACjD,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;QAChD,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE;KACxD;IAED,QACEA,GAAA,CAAA,KAAA,EAAA,EAAA,WAAA,EAAgB,iBAAiB,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,EAAA,GAAM,KAAK,EAAA,QAAA,EACnF,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MACrCC,IAAA,CAAC,MAAM,EAAA,EAEL,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,SAAS,EAChB,OAAO,EAAA,IAAA,EACP,OAAO,EAAE,MAAM,gBAAgB,CAAC,KAAK,CAAC,gBAC1B,KAAK,EACjB,QAAQ,EAAE,QAAQ,EAAA,cAAA,EACJ,UAAU,KAAK,KAAK,EAClC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,UAAU,KAAK,KAAK,IAAI,CAAC,CAAC,mBAAmB,CAAC,CAAC,EAC9E,KAAK,EAAE,QAAQ,GAAG,KAAK,GAAG,SAAS,EAAA,QAAA,EAAA,CAEnCD,GAAA,CAAC,IAAI,EAAA,EAAA,CAAG,EACP,CAAC,QAAQ,IAAIA,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,KAAK,EAAA,CAAQ,CAAA,EAAA,EAZ7B,KAAK,CAaH,CACV,CAAC,EAAA,CACE;AAEV;;"}
+{"version":3,"file":"appearance-tabs.js","sources":["../../../src/settings/AppearanceTabs/appearance-tabs.tsx"],"sourcesContent":["import { type Appearance, useAppearance } from '@constellation/hooks';\nimport { Button } from '@constellation/ui';\nimport cn from 'clsx';\nimport { type LucideIcon, MonitorIcon, MoonIcon, SunIcon } from 'lucide-react';\nimport * as React from 'react';\nimport s from './appearance-tabs.module.scss';\n\ntype AppearanceTabsProps = React.HTMLAttributes<HTMLDivElement> & {\n  iconOnly?: boolean;\n};\n\nexport function AppearanceTabs({\n  className = '',\n  iconOnly = false,\n  ...props\n}: AppearanceTabsProps) {\n  const { appearance, updateAppearance } = useAppearance();\n\n  const tabs: { value: Appearance; icon: LucideIcon; label: string }[] = [\n    { value: 'light', icon: SunIcon, label: 'Light' },\n    { value: 'dark', icon: MoonIcon, label: 'Dark' },\n    { value: 'system', icon: MonitorIcon, label: 'System' },\n  ];\n\n  return (\n    <div data-slot={'appearance-tabs'} className={cn(s['tabs-root'], className)} {...props}>\n      {tabs.map(({ value, icon: Icon, label }) => (\n        <Button\n          key={value}\n          variant={'ghost'}\n          theme={'inherit'}\n          rounded\n          onClick={() => updateAppearance(value)}\n          aria-label={label}\n          iconOnly={iconOnly}\n          aria-pressed={appearance === value}\n          className={cn(s['tab-button'], appearance === value && s['tab-button-active'])}\n          title={iconOnly ? label : undefined}\n        >\n          <Icon />\n          {!iconOnly && <span>{label}</span>}\n        </Button>\n      ))}\n    </div>\n  );\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWM,SAAU,cAAc,CAAC,EAC7B,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EACY,EAAA;IACpB,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,aAAa,EAAE;AAExD,IAAA,MAAM,IAAI,GAA6D;QACrE,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;QACjD,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;QAChD,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE;KACxD;IAED,QACEA,GAAA,CAAA,KAAA,EAAA,EAAA,WAAA,EAAgB,iBAAiB,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,EAAA,GAAM,KAAK,EAAA,QAAA,EACnF,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MACrCC,IAAA,CAAC,MAAM,EAAA,EAEL,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,SAAS,EAChB,OAAO,EAAA,IAAA,EACP,OAAO,EAAE,MAAM,gBAAgB,CAAC,KAAK,CAAC,gBAC1B,KAAK,EACjB,QAAQ,EAAE,QAAQ,EAAA,cAAA,EACJ,UAAU,KAAK,KAAK,EAClC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,UAAU,KAAK,KAAK,IAAI,CAAC,CAAC,mBAAmB,CAAC,CAAC,EAC9E,KAAK,EAAE,QAAQ,GAAG,KAAK,GAAG,SAAS,EAAA,QAAA,EAAA,CAEnCD,GAAA,CAAC,IAAI,EAAA,EAAA,CAAG,EACP,CAAC,QAAQ,IAAIA,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,KAAK,EAAA,CAAQ,CAAA,EAAA,EAZ7B,KAAK,CAaH,CACV,CAAC,EAAA,CACE;AAEV;;"}

package/dist/ui/SwipeRow/index.d.ts

@@ -0,0 +1,2 @@
+export * from './swipe-row';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/SwipeRow/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/SwipeRow/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/ui/SwipeRow/swipe-row-variants.d.ts

@@ -0,0 +1,4 @@
+export declare const swipeRowVariants: (props?: ({
+    theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=swipe-row-variants.d.ts.map

package/dist/ui/SwipeRow/swipe-row-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"swipe-row-variants.d.ts","sourceRoot":"","sources":["../../../src/ui/SwipeRow/swipe-row-variants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB;;8EAe3B,CAAC"}

package/dist/ui/SwipeRow/swipe-row-variants.js

@@ -0,0 +1,22 @@
+import { cva } from 'class-variance-authority';
+import s from './swipe-row.module.scss.js';
+
+const swipeRowVariants = cva(s['swipe-row'], {
+    variants: {
+        theme: {
+            primary: s['swipe-row--primary'],
+            secondary: s['swipe-row--secondary'],
+            destructive: s['swipe-row--destructive'],
+            warning: s['swipe-row--warning'],
+            success: s['swipe-row--success'],
+            info: s['swipe-row--info'],
+            slate: s['swipe-row--slate'],
+        },
+    },
+    defaultVariants: {
+        theme: 'destructive',
+    },
+});
+
+export { swipeRowVariants };
+//# sourceMappingURL=swipe-row-variants.js.map

package/dist/ui/SwipeRow/swipe-row-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swipe-row-variants.js","sources":["../../../src/ui/SwipeRow/swipe-row-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\r\nimport s from './swipe-row.module.scss';\r\n\r\nexport const swipeRowVariants = cva(s['swipe-row'], {\r\n  variants: {\r\n    theme: {\r\n      primary: s['swipe-row--primary'],\r\n      secondary: s['swipe-row--secondary'],\r\n      destructive: s['swipe-row--destructive'],\r\n      warning: s['swipe-row--warning'],\r\n      success: s['swipe-row--success'],\r\n      info: s['swipe-row--info'],\r\n      slate: s['swipe-row--slate'],\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    theme: 'destructive',\r\n  },\r\n});\r\n"],"names":[],"mappings":";;;AAGO,MAAM,gBAAgB,GAAG,GAAG,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE;AAClD,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,CAAC,CAAC,oBAAoB,CAAC;AAChC,YAAA,SAAS,EAAE,CAAC,CAAC,sBAAsB,CAAC;AACpC,YAAA,WAAW,EAAE,CAAC,CAAC,wBAAwB,CAAC;AACxC,YAAA,OAAO,EAAE,CAAC,CAAC,oBAAoB,CAAC;AAChC,YAAA,OAAO,EAAE,CAAC,CAAC,oBAAoB,CAAC;AAChC,YAAA,IAAI,EAAE,CAAC,CAAC,iBAAiB,CAAC;AAC1B,YAAA,KAAK,EAAE,CAAC,CAAC,kBAAkB,CAAC;AAC7B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,KAAK,EAAE,aAAa;AACrB,KAAA;AACF,CAAA;;"}

package/dist/ui/SwipeRow/swipe-row.css

@@ -0,0 +1,77 @@
+.swipe-row-module_swipe-row__szPTg {
+  --swipe-row-fill: var(--destructive-main);
+  --swipe-row-ink: var(--destructive-contrast);
+  position: relative;
+  touch-action: pan-y;
+}
+.swipe-row-module_swipe-row__szPTg.swipe-row-module_swipe-row--primary__XMstW {
+  --swipe-row-fill: var(--primary-main);
+  --swipe-row-ink: var(--primary-contrast);
+}
+.swipe-row-module_swipe-row__szPTg.swipe-row-module_swipe-row--secondary__TfWxG {
+  --swipe-row-fill: var(--secondary-main);
+  --swipe-row-ink: var(--secondary-contrast);
+}
+.swipe-row-module_swipe-row__szPTg.swipe-row-module_swipe-row--destructive__NAjaS {
+  --swipe-row-fill: var(--destructive-main);
+  --swipe-row-ink: var(--destructive-contrast);
+}
+.swipe-row-module_swipe-row__szPTg.swipe-row-module_swipe-row--warning__ZbWIk {
+  --swipe-row-fill: var(--warning-main);
+  --swipe-row-ink: var(--warning-contrast);
+}
+.swipe-row-module_swipe-row__szPTg.swipe-row-module_swipe-row--success__rRTCs {
+  --swipe-row-fill: var(--success-main);
+  --swipe-row-ink: var(--success-contrast);
+}
+.swipe-row-module_swipe-row__szPTg.swipe-row-module_swipe-row--info__-gMEY {
+  --swipe-row-fill: var(--info-main);
+  --swipe-row-ink: var(--info-contrast);
+}
+.swipe-row-module_swipe-row__szPTg.swipe-row-module_swipe-row--slate__nhTJY {
+  --swipe-row-fill: var(--slate-main);
+  --swipe-row-ink: var(--slate-contrast);
+}
+.swipe-row-module_swipe-row__szPTg[data-open] {
+  border-radius: var(--radius-sm);
+  overflow: hidden;
+}
+
+.swipe-row-module_swipe-row__content__NzX4E {
+  position: relative;
+}
+.swipe-row-module_swipe-row__szPTg[data-open] > .swipe-row-module_swipe-row__content__NzX4E {
+  background: var(--surface);
+}
+.swipe-row-module_swipe-row__szPTg[data-settling] > .swipe-row-module_swipe-row__content__NzX4E {
+  transition: transform 180ms var(--easing-default);
+}
+
+.swipe-row-module_swipe-row__action__xQhsj {
+  align-items: center;
+  background: var(--swipe-row-fill);
+  border: 0;
+  color: var(--swipe-row-ink);
+  cursor: pointer;
+  display: flex;
+  font: inherit;
+  font-size: 0.875rem;
+  font-weight: 600;
+  inset: 0;
+  justify-content: flex-end;
+  padding: 0 var(--size-3);
+  position: absolute;
+  transition: filter 120ms;
+}
+.swipe-row-module_swipe-row__action__xQhsj[data-armed] {
+  filter: brightness(1.15);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  :root:not([data-motion=full]) .swipe-row-module_swipe-row__szPTg[data-settling] > .swipe-row-module_swipe-row__content__NzX4E {
+    transition: none;
+  }
+}
+:root[data-motion=reduced] .swipe-row-module_swipe-row__szPTg[data-settling] > .swipe-row-module_swipe-row__content__NzX4E {
+  transition: none;
+}

package/dist/ui/SwipeRow/swipe-row.d.ts

@@ -0,0 +1,14 @@
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import { swipeRowVariants } from './swipe-row-variants';
+export interface SwipeRowProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, VariantProps<typeof swipeRowVariants> {
+    children: React.ReactNode;
+    /** What the revealed action says. */
+    label?: React.ReactNode;
+    /** Runs once the row has slid away, from a long swipe or a tap on the action. */
+    onAction: () => void;
+    disabled?: boolean;
+}
+declare const SwipeRow: React.ForwardRefExoticComponent<SwipeRowProps & React.RefAttributes<HTMLDivElement>>;
+export { SwipeRow };
+//# sourceMappingURL=swipe-row.d.ts.map

package/dist/ui/SwipeRow/swipe-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"swipe-row.d.ts","sourceRoot":"","sources":["../../../src/ui/SwipeRow/swipe-row.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAkCxD,MAAM,WAAW,aACf,SACE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EACtD,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qCAAqC;IACrC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,iFAAiF;IACjF,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,sFA4Kb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/ui/SwipeRow/swipe-row.js

@@ -0,0 +1,178 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import cn from 'clsx';
+import * as React from 'react';
+import { swipeRowVariants } from './swipe-row-variants.js';
+import s from './swipe-row.module.scss.js';
+
+/*
+ * Swipe left to act on a row, the way a phone's own lists do.
+ *
+ * Short swipe: the row rests open on its action, and a tap on the action does
+ * it. Long swipe, past half the row: it is done on release. A tap anywhere
+ * else on an open row only closes it, so a swipe cannot also open what the row
+ * opens.
+ *
+ * Touch and pen only. A mouse drag is how text gets selected, and a desktop
+ * already has the row's own button one click away. A swipe row is an
+ * accelerator, never the only way to the action.
+ *
+ * ⚠️ No transform at rest. A transformed ancestor becomes the containing block
+ * for `position: fixed` children, so a card that lifts out of its row would
+ * centre itself in the row instead of on the screen. The offset is written
+ * only while the row is off centre and removed at zero.
+ *
+ * ⚠️ `touch-action: pan-y` gives vertical scrolling to the browser and leaves
+ * horizontal movement to us. A gesture is not claimed until it has clearly
+ * gone sideways, so a slightly diagonal scroll still scrolls.
+ */
+const DECIDE_PX = 8;
+const COMMIT_SHARE = 0.5;
+const LEAVE_MS = 160;
+const SWALLOW_MS = 350;
+const FIELD_SELECTOR = 'input, textarea, select, [contenteditable]:not([contenteditable="false"])';
+const SwipeRow = React.forwardRef(({ children, label = 'Delete', onAction, disabled, theme, className, ...props }, ref) => {
+    const root = React.useRef(null);
+    const content = React.useRef(null);
+    const gesture = React.useRef(null);
+    const swallowUntil = React.useRef(0);
+    const [offset, setOffset] = React.useState(0);
+    const [settling, setSettling] = React.useState(false);
+    const [leaving, setLeaving] = React.useState(false);
+    const setRoot = (el) => {
+        root.current = el;
+        if (typeof ref === 'function')
+            ref(el);
+        else if (ref)
+            ref.current = el;
+    };
+    const width = () => root.current?.offsetWidth || 320;
+    const moveTo = (x) => {
+        setOffset(x);
+        const el = content.current;
+        if (!el)
+            return;
+        if (x)
+            el.style.transform = `translateX(${x}px)`;
+        else
+            el.style.removeProperty('transform');
+    };
+    // A row resting open closes when anything else on the page is touched.
+    React.useEffect(() => {
+        if (!offset || gesture.current || leaving)
+            return undefined;
+        const away = (e) => {
+            if (root.current?.contains(e.target))
+                return;
+            setSettling(true);
+            moveTo(0);
+        };
+        document.addEventListener('pointerdown', away, true);
+        return () => document.removeEventListener('pointerdown', away, true);
+    }, [offset, leaving]);
+    React.useEffect(() => {
+        if (disabled && offset && !leaving)
+            moveTo(0);
+    }, [disabled, offset, leaving]);
+    // The action that runs is the one current when the slide ends, not the one
+    // the slide started under.
+    const action = React.useRef(onAction);
+    action.current = onAction;
+    // The host removes the row on action; if it keeps it instead (a staple
+    // marked out stays on its shelf), the row comes back to centre.
+    React.useEffect(() => {
+        if (!leaving)
+            return undefined;
+        const t = window.setTimeout(() => {
+            action.current();
+            setLeaving(false);
+            setSettling(false);
+            moveTo(0);
+        }, LEAVE_MS);
+        return () => window.clearTimeout(t);
+    }, [leaving]);
+    const commit = () => {
+        setSettling(true);
+        setLeaving(true);
+        moveTo(-width());
+    };
+    const onPointerDown = (e) => {
+        props.onPointerDown?.(e);
+        if (disabled || leaving || e.pointerType === 'mouse' || !e.isPrimary)
+            return;
+        // A drag inside a field moves its caret or selection; it is not a swipe.
+        if (e.target.closest?.(FIELD_SELECTOR))
+            return;
+        gesture.current = {
+            x: e.clientX,
+            y: e.clientY,
+            base: offset,
+            claimed: false,
+            id: e.pointerId,
+        };
+        setSettling(false);
+    };
+    const onPointerMove = (e) => {
+        props.onPointerMove?.(e);
+        const g = gesture.current;
+        if (!g || e.pointerId !== g.id)
+            return;
+        const dx = e.clientX - g.x;
+        const dy = e.clientY - g.y;
+        if (!g.claimed) {
+            if (Math.abs(dy) > DECIDE_PX && Math.abs(dy) > Math.abs(dx)) {
+                gesture.current = null;
+                return;
+            }
+            if (Math.abs(dx) < DECIDE_PX || Math.abs(dx) < Math.abs(dy) * 1.2)
+                return;
+            g.claimed = true;
+            root.current?.setPointerCapture?.(e.pointerId);
+        }
+        moveTo(Math.min(0, g.base + dx));
+    };
+    const onPointerEnd = (e) => {
+        if (e.type === 'pointerup')
+            props.onPointerUp?.(e);
+        else
+            props.onPointerCancel?.(e);
+        const g = gesture.current;
+        gesture.current = null;
+        if (!g || e.pointerId !== g.id)
+            return;
+        if (!g.claimed) {
+            // A plain tap on a row resting open closes it rather than opening it.
+            if (g.base) {
+                swallowUntil.current = performance.now() + SWALLOW_MS;
+                setSettling(true);
+                moveTo(0);
+            }
+            return;
+        }
+        swallowUntil.current = performance.now() + SWALLOW_MS;
+        setSettling(true);
+        if (e.type !== 'pointercancel' && offset < -width() * COMMIT_SHARE)
+            commit();
+        else
+            moveTo(offset < -56 ? -88 : 0);
+    };
+    // The click a swipe ends with belongs to the swipe, not to the row under it.
+    // ⚠️ Time-boxed, not a flag: a drag usually produces NO click, and a flag
+    // left standing ate the next real tap — the one on the action itself.
+    const onClickCapture = (e) => {
+        props.onClickCapture?.(e);
+        if (performance.now() > swallowUntil.current)
+            return;
+        swallowUntil.current = 0;
+        e.stopPropagation();
+        e.preventDefault();
+    };
+    return (jsxs("div", { ...props, ref: setRoot, className: cn(swipeRowVariants({ theme }), className), "data-slot": 'swipe-row', "data-open": offset ? '' : undefined, "data-settling": settling ? '' : undefined, "data-leaving": leaving ? '' : undefined, onPointerDown: onPointerDown, onPointerMove: onPointerMove, onPointerUp: onPointerEnd, onPointerCancel: onPointerEnd, onClickCapture: onClickCapture, children: [offset ? (jsx("button", { type: 'button', className: s['swipe-row__action'], "data-slot": 'swipe-row-action', "data-armed": offset < -width() * COMMIT_SHARE ? '' : undefined, onPointerDown: e => e.stopPropagation(), onClick: e => {
+                    e.stopPropagation();
+                    if (!leaving)
+                        commit();
+                }, children: label })) : null, jsx("div", { ref: content, className: s['swipe-row__content'], "data-slot": 'swipe-row-content', onTransitionEnd: () => setSettling(false), children: children })] }));
+});
+SwipeRow.displayName = 'SwipeRow';
+
+export { SwipeRow };
+//# sourceMappingURL=swipe-row.js.map

package/dist/ui/SwipeRow/swipe-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swipe-row.js","sources":["../../../src/ui/SwipeRow/swipe-row.tsx"],"sourcesContent":["import { type VariantProps } from 'class-variance-authority';\r\nimport cn from 'clsx';\r\nimport * as React from 'react';\r\nimport { swipeRowVariants } from './swipe-row-variants';\r\nimport s from './swipe-row.module.scss';\r\n\r\n/*\r\n * Swipe left to act on a row, the way a phone's own lists do.\r\n *\r\n * Short swipe: the row rests open on its action, and a tap on the action does\r\n * it. Long swipe, past half the row: it is done on release. A tap anywhere\r\n * else on an open row only closes it, so a swipe cannot also open what the row\r\n * opens.\r\n *\r\n * Touch and pen only. A mouse drag is how text gets selected, and a desktop\r\n * already has the row's own button one click away. A swipe row is an\r\n * accelerator, never the only way to the action.\r\n *\r\n * ⚠️ No transform at rest. A transformed ancestor becomes the containing block\r\n * for `position: fixed` children, so a card that lifts out of its row would\r\n * centre itself in the row instead of on the screen. The offset is written\r\n * only while the row is off centre and removed at zero.\r\n *\r\n * ⚠️ `touch-action: pan-y` gives vertical scrolling to the browser and leaves\r\n * horizontal movement to us. A gesture is not claimed until it has clearly\r\n * gone sideways, so a slightly diagonal scroll still scrolls.\r\n */\r\nconst DECIDE_PX = 8;\r\nconst REST_PX = 88;\r\nconst OPEN_AT_PX = 56;\r\nconst COMMIT_SHARE = 0.5;\r\nconst LEAVE_MS = 160;\r\nconst SWALLOW_MS = 350;\r\nconst FIELD_SELECTOR = 'input, textarea, select, [contenteditable]:not([contenteditable=\"false\"])';\r\n\r\ntype Gesture = { x: number; y: number; base: number; claimed: boolean; id: number };\r\n\r\nexport interface SwipeRowProps\r\n  extends\r\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>,\r\n    VariantProps<typeof swipeRowVariants> {\r\n  children: React.ReactNode;\r\n  /** What the revealed action says. */\r\n  label?: React.ReactNode;\r\n  /** Runs once the row has slid away, from a long swipe or a tap on the action. */\r\n  onAction: () => void;\r\n  disabled?: boolean;\r\n}\r\n\r\nconst SwipeRow = React.forwardRef<HTMLDivElement, SwipeRowProps>(\r\n  ({ children, label = 'Delete', onAction, disabled, theme, className, ...props }, ref) => {\r\n    const root = React.useRef<HTMLDivElement | null>(null);\r\n    const content = React.useRef<HTMLDivElement | null>(null);\r\n    const gesture = React.useRef<Gesture | null>(null);\r\n    const swallowUntil = React.useRef(0);\r\n    const [offset, setOffset] = React.useState(0);\r\n    const [settling, setSettling] = React.useState(false);\r\n    const [leaving, setLeaving] = React.useState(false);\r\n\r\n    const setRoot = (el: HTMLDivElement | null) => {\r\n      root.current = el;\r\n      if (typeof ref === 'function') ref(el);\r\n      else if (ref) ref.current = el;\r\n    };\r\n\r\n    const width = () => root.current?.offsetWidth || 320;\r\n\r\n    const moveTo = (x: number) => {\r\n      setOffset(x);\r\n      const el = content.current;\r\n      if (!el) return;\r\n      if (x) el.style.transform = `translateX(${x}px)`;\r\n      else el.style.removeProperty('transform');\r\n    };\r\n\r\n    // A row resting open closes when anything else on the page is touched.\r\n    React.useEffect(() => {\r\n      if (!offset || gesture.current || leaving) return undefined;\r\n      const away = (e: PointerEvent) => {\r\n        if (root.current?.contains(e.target as Node)) return;\r\n        setSettling(true);\r\n        moveTo(0);\r\n      };\r\n      document.addEventListener('pointerdown', away, true);\r\n      return () => document.removeEventListener('pointerdown', away, true);\r\n    }, [offset, leaving]);\r\n\r\n    React.useEffect(() => {\r\n      if (disabled && offset && !leaving) moveTo(0);\r\n    }, [disabled, offset, leaving]);\r\n\r\n    // The action that runs is the one current when the slide ends, not the one\r\n    // the slide started under.\r\n    const action = React.useRef(onAction);\r\n    action.current = onAction;\r\n\r\n    // The host removes the row on action; if it keeps it instead (a staple\r\n    // marked out stays on its shelf), the row comes back to centre.\r\n    React.useEffect(() => {\r\n      if (!leaving) return undefined;\r\n      const t = window.setTimeout(() => {\r\n        action.current();\r\n        setLeaving(false);\r\n        setSettling(false);\r\n        moveTo(0);\r\n      }, LEAVE_MS);\r\n      return () => window.clearTimeout(t);\r\n    }, [leaving]);\r\n\r\n    const commit = () => {\r\n      setSettling(true);\r\n      setLeaving(true);\r\n      moveTo(-width());\r\n    };\r\n\r\n    const onPointerDown = (e: React.PointerEvent<HTMLDivElement>) => {\r\n      props.onPointerDown?.(e);\r\n      if (disabled || leaving || e.pointerType === 'mouse' || !e.isPrimary) return;\r\n      // A drag inside a field moves its caret or selection; it is not a swipe.\r\n      if ((e.target as Element).closest?.(FIELD_SELECTOR)) return;\r\n      gesture.current = {\r\n        x: e.clientX,\r\n        y: e.clientY,\r\n        base: offset,\r\n        claimed: false,\r\n        id: e.pointerId,\r\n      };\r\n      setSettling(false);\r\n    };\r\n\r\n    const onPointerMove = (e: React.PointerEvent<HTMLDivElement>) => {\r\n      props.onPointerMove?.(e);\r\n      const g = gesture.current;\r\n      if (!g || e.pointerId !== g.id) return;\r\n      const dx = e.clientX - g.x;\r\n      const dy = e.clientY - g.y;\r\n      if (!g.claimed) {\r\n        if (Math.abs(dy) > DECIDE_PX && Math.abs(dy) > Math.abs(dx)) {\r\n          gesture.current = null;\r\n          return;\r\n        }\r\n        if (Math.abs(dx) < DECIDE_PX || Math.abs(dx) < Math.abs(dy) * 1.2) return;\r\n        g.claimed = true;\r\n        root.current?.setPointerCapture?.(e.pointerId);\r\n      }\r\n      moveTo(Math.min(0, g.base + dx));\r\n    };\r\n\r\n    const onPointerEnd = (e: React.PointerEvent<HTMLDivElement>) => {\r\n      if (e.type === 'pointerup') props.onPointerUp?.(e);\r\n      else props.onPointerCancel?.(e);\r\n      const g = gesture.current;\r\n      gesture.current = null;\r\n      if (!g || e.pointerId !== g.id) return;\r\n      if (!g.claimed) {\r\n        // A plain tap on a row resting open closes it rather than opening it.\r\n        if (g.base) {\r\n          swallowUntil.current = performance.now() + SWALLOW_MS;\r\n          setSettling(true);\r\n          moveTo(0);\r\n        }\r\n        return;\r\n      }\r\n      swallowUntil.current = performance.now() + SWALLOW_MS;\r\n      setSettling(true);\r\n      if (e.type !== 'pointercancel' && offset < -width() * COMMIT_SHARE) commit();\r\n      else moveTo(offset < -OPEN_AT_PX ? -REST_PX : 0);\r\n    };\r\n\r\n    // The click a swipe ends with belongs to the swipe, not to the row under it.\r\n    // ⚠️ Time-boxed, not a flag: a drag usually produces NO click, and a flag\r\n    // left standing ate the next real tap — the one on the action itself.\r\n    const onClickCapture = (e: React.MouseEvent<HTMLDivElement>) => {\r\n      props.onClickCapture?.(e);\r\n      if (performance.now() > swallowUntil.current) return;\r\n      swallowUntil.current = 0;\r\n      e.stopPropagation();\r\n      e.preventDefault();\r\n    };\r\n\r\n    return (\r\n      <div\r\n        {...props}\r\n        ref={setRoot}\r\n        className={cn(swipeRowVariants({ theme }), className)}\r\n        data-slot={'swipe-row'}\r\n        data-open={offset ? '' : undefined}\r\n        data-settling={settling ? '' : undefined}\r\n        data-leaving={leaving ? '' : undefined}\r\n        onPointerDown={onPointerDown}\r\n        onPointerMove={onPointerMove}\r\n        onPointerUp={onPointerEnd}\r\n        onPointerCancel={onPointerEnd}\r\n        onClickCapture={onClickCapture}\r\n      >\r\n        {offset ? (\r\n          <button\r\n            type={'button'}\r\n            className={s['swipe-row__action']}\r\n            data-slot={'swipe-row-action'}\r\n            data-armed={offset < -width() * COMMIT_SHARE ? '' : undefined}\r\n            onPointerDown={e => e.stopPropagation()}\r\n            onClick={e => {\r\n              e.stopPropagation();\r\n              if (!leaving) commit();\r\n            }}\r\n          >\r\n            {label}\r\n          </button>\r\n        ) : null}\r\n        <div\r\n          ref={content}\r\n          className={s['swipe-row__content']}\r\n          data-slot={'swipe-row-content'}\r\n          onTransitionEnd={() => setSettling(false)}\r\n        >\r\n          {children}\r\n        </div>\r\n      </div>\r\n    );\r\n  },\r\n);\r\nSwipeRow.displayName = 'SwipeRow';\r\n\r\nexport { SwipeRow };\r\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/ui/SwipeRow/swipe-row.module.scss.js

@@ -0,0 +1,6 @@
+import './swipe-row.css';
+
+var s = {"swipe-row":"swipe-row-module_swipe-row__szPTg","swipe-row--primary":"swipe-row-module_swipe-row--primary__XMstW","swipe-row--secondary":"swipe-row-module_swipe-row--secondary__TfWxG","swipe-row--destructive":"swipe-row-module_swipe-row--destructive__NAjaS","swipe-row--warning":"swipe-row-module_swipe-row--warning__ZbWIk","swipe-row--success":"swipe-row-module_swipe-row--success__rRTCs","swipe-row--info":"swipe-row-module_swipe-row--info__-gMEY","swipe-row--slate":"swipe-row-module_swipe-row--slate__nhTJY","swipe-row__content":"swipe-row-module_swipe-row__content__NzX4E","swipe-row__action":"swipe-row-module_swipe-row__action__xQhsj"};
+
+export { s as default };
+//# sourceMappingURL=swipe-row.module.scss.js.map

package/dist/ui/SwipeRow/swipe-row.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swipe-row.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/ui/index.d.ts

@@ -15,6 +15,7 @@ export * from './Separator';
 export * from './StatCard';
 export * from './StatusDot';
 export * from './StepProgress';
+export * from './SwipeRow';
 export * from './Switch';
 export * from './Table';
 export * from './TableActionCell';

package/dist/ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC"}