@kismet-ux/constellation 1.13.0 → 1.15.0

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

@@ -1,5 +1,5 @@
 export declare const toggleVariants: (props?: ({
-    variant?: "ghost" | "contained" | "outlined" | null | undefined;
+    variant?: "outlined" | "ghost" | "contained" | null | undefined;
     theme?: "inherit" | "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | null | undefined;
     size?: "sm" | "md" | "lg" | "xs" | null | undefined;
     iconOnly?: boolean | null | undefined;

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"}

package/dist/ui.d.ts

@@ -1,5 +1,5 @@
-export { a as Alert, b as AlertBanner, c as AlertBannerProps, d as AlertDescription, f as AlertProps, g as AlertProvider, 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, Y as ProgressBar, Z as ProgressBarProps, $ as Separator, a0 as SeparatorProps, 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';
-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 { a as Alert, b as AlertBanner, c as AlertBannerProps, d as AlertDescription, f as AlertProps, g as AlertProvider, 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, Y as ProgressBar, Z as ProgressBarProps, $ as Separator, a0 as SeparatorProps, 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-C7SAfZfl.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-ChpsbkOU.js';
 import 'class-variance-authority';
 import 'react';
 import 'class-variance-authority/types';

package/dist/ui.js

@@ -18,6 +18,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/ui.js.map

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