@cloudvoyant/helix-svelte 0.14.0 → 0.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (93) hide show
  1. package/dist/Portal.svelte +11 -0
  2. package/dist/Portal.svelte.d.ts +4 -0
  3. package/dist/dialog/Dialog.svelte +11 -0
  4. package/dist/dialog/Dialog.svelte.d.ts +4 -0
  5. package/dist/dialog/DialogBackdrop.svelte +17 -0
  6. package/dist/dialog/DialogBackdrop.svelte.d.ts +7 -0
  7. package/dist/dialog/DialogContent.svelte +22 -0
  8. package/dist/dialog/DialogContent.svelte.d.ts +9 -0
  9. package/dist/dialog/DialogContext.svelte.d.ts +1 -0
  10. package/dist/dialog/DialogContext.svelte.js +3 -0
  11. package/dist/dialog/DialogDescription.svelte +16 -0
  12. package/dist/dialog/DialogDescription.svelte.d.ts +7 -0
  13. package/dist/dialog/DialogDismiss.svelte +16 -0
  14. package/dist/dialog/DialogDismiss.svelte.d.ts +7 -0
  15. package/dist/dialog/DialogFooter.svelte +20 -0
  16. package/dist/dialog/DialogFooter.svelte.d.ts +9 -0
  17. package/dist/dialog/DialogHeader.svelte +20 -0
  18. package/dist/dialog/DialogHeader.svelte.d.ts +9 -0
  19. package/dist/dialog/DialogProvider.svelte +11 -0
  20. package/dist/dialog/DialogProvider.svelte.d.ts +4 -0
  21. package/dist/dialog/DialogRender.svelte +9 -0
  22. package/dist/dialog/DialogRender.svelte.d.ts +4 -0
  23. package/dist/dialog/DialogTitle.svelte +16 -0
  24. package/dist/dialog/DialogTitle.svelte.d.ts +7 -0
  25. package/dist/dialog/DialogTrigger.svelte +13 -0
  26. package/dist/dialog/DialogTrigger.svelte.d.ts +7 -0
  27. package/dist/dialog/index.d.ts +12 -0
  28. package/dist/dialog/index.js +13 -0
  29. package/dist/index.d.ts +5 -0
  30. package/dist/index.js +5 -0
  31. package/dist/popover/Popover.svelte +11 -0
  32. package/dist/popover/Popover.svelte.d.ts +4 -0
  33. package/dist/popover/PopoverAnchor.svelte +13 -0
  34. package/dist/popover/PopoverAnchor.svelte.d.ts +7 -0
  35. package/dist/popover/PopoverContent.svelte +35 -0
  36. package/dist/popover/PopoverContent.svelte.d.ts +8 -0
  37. package/dist/popover/PopoverContext.svelte.d.ts +1 -0
  38. package/dist/popover/PopoverContext.svelte.js +3 -0
  39. package/dist/popover/PopoverDescription.svelte +16 -0
  40. package/dist/popover/PopoverDescription.svelte.d.ts +7 -0
  41. package/dist/popover/PopoverDismiss.svelte +16 -0
  42. package/dist/popover/PopoverDismiss.svelte.d.ts +7 -0
  43. package/dist/popover/PopoverIndicator.svelte +16 -0
  44. package/dist/popover/PopoverIndicator.svelte.d.ts +7 -0
  45. package/dist/popover/PopoverProvider.svelte +11 -0
  46. package/dist/popover/PopoverProvider.svelte.d.ts +4 -0
  47. package/dist/popover/PopoverTitle.svelte +16 -0
  48. package/dist/popover/PopoverTitle.svelte.d.ts +7 -0
  49. package/dist/popover/PopoverTrigger.svelte +13 -0
  50. package/dist/popover/PopoverTrigger.svelte.d.ts +7 -0
  51. package/dist/popover/index.d.ts +10 -0
  52. package/dist/popover/index.js +11 -0
  53. package/dist/tooltip/Tooltip.svelte +11 -0
  54. package/dist/tooltip/Tooltip.svelte.d.ts +4 -0
  55. package/dist/tooltip/TooltipContent.svelte +35 -0
  56. package/dist/tooltip/TooltipContent.svelte.d.ts +8 -0
  57. package/dist/tooltip/TooltipContext.svelte.d.ts +1 -0
  58. package/dist/tooltip/TooltipContext.svelte.js +3 -0
  59. package/dist/tooltip/TooltipProvider.svelte +11 -0
  60. package/dist/tooltip/TooltipProvider.svelte.d.ts +4 -0
  61. package/dist/tooltip/TooltipRender.svelte +9 -0
  62. package/dist/tooltip/TooltipRender.svelte.d.ts +3 -0
  63. package/dist/tooltip/TooltipTrigger.svelte +13 -0
  64. package/dist/tooltip/TooltipTrigger.svelte.d.ts +7 -0
  65. package/dist/tooltip/index.d.ts +6 -0
  66. package/dist/tooltip/index.js +7 -0
  67. package/dist/window/Window.svelte +34 -0
  68. package/dist/window/Window.svelte.d.ts +10 -0
  69. package/dist/window/WindowBody.svelte +16 -0
  70. package/dist/window/WindowBody.svelte.d.ts +7 -0
  71. package/dist/window/WindowContext.svelte.d.ts +1 -0
  72. package/dist/window/WindowContext.svelte.js +3 -0
  73. package/dist/window/WindowControl.svelte +16 -0
  74. package/dist/window/WindowControl.svelte.d.ts +7 -0
  75. package/dist/window/WindowDismiss.svelte +16 -0
  76. package/dist/window/WindowDismiss.svelte.d.ts +7 -0
  77. package/dist/window/WindowDragTrigger.svelte +16 -0
  78. package/dist/window/WindowDragTrigger.svelte.d.ts +7 -0
  79. package/dist/window/WindowHeader.svelte +16 -0
  80. package/dist/window/WindowHeader.svelte.d.ts +7 -0
  81. package/dist/window/WindowProvider.svelte +11 -0
  82. package/dist/window/WindowProvider.svelte.d.ts +4 -0
  83. package/dist/window/WindowRender.svelte +9 -0
  84. package/dist/window/WindowRender.svelte.d.ts +4 -0
  85. package/dist/window/WindowResizeTrigger.svelte +16 -0
  86. package/dist/window/WindowResizeTrigger.svelte.d.ts +7 -0
  87. package/dist/window/WindowStageTrigger.svelte +16 -0
  88. package/dist/window/WindowStageTrigger.svelte.d.ts +7 -0
  89. package/dist/window/WindowTitle.svelte +16 -0
  90. package/dist/window/WindowTitle.svelte.d.ts +7 -0
  91. package/dist/window/index.d.ts +12 -0
  92. package/dist/window/index.js +13 -0
  93. package/package.json +2 -2
@@ -0,0 +1,10 @@
1
+ export { default as Popover } from './Popover.svelte';
2
+ export { default as PopoverProvider } from './PopoverProvider.svelte';
3
+ export { default as PopoverTrigger } from './PopoverTrigger.svelte';
4
+ export { default as PopoverAnchor } from './PopoverAnchor.svelte';
5
+ export { default as PopoverContent } from './PopoverContent.svelte';
6
+ export { default as PopoverTitle } from './PopoverTitle.svelte';
7
+ export { default as PopoverDescription } from './PopoverDescription.svelte';
8
+ export { default as PopoverDismiss } from './PopoverDismiss.svelte';
9
+ export { default as PopoverIndicator } from './PopoverIndicator.svelte';
10
+ export { usePopover, usePopoverContext } from './PopoverContext.svelte';
@@ -0,0 +1,11 @@
1
+ // libs/helix-svelte/src/popover/index.ts
2
+ export { default as Popover } from './Popover.svelte';
3
+ export { default as PopoverProvider } from './PopoverProvider.svelte';
4
+ export { default as PopoverTrigger } from './PopoverTrigger.svelte';
5
+ export { default as PopoverAnchor } from './PopoverAnchor.svelte';
6
+ export { default as PopoverContent } from './PopoverContent.svelte';
7
+ export { default as PopoverTitle } from './PopoverTitle.svelte';
8
+ export { default as PopoverDescription } from './PopoverDescription.svelte';
9
+ export { default as PopoverDismiss } from './PopoverDismiss.svelte';
10
+ export { default as PopoverIndicator } from './PopoverIndicator.svelte';
11
+ export { usePopover, usePopoverContext } from './PopoverContext.svelte';
@@ -0,0 +1,11 @@
1
+ <!-- libs/helix-svelte/src/tooltip/Tooltip.svelte -->
2
+ <!-- Closely based on: Ark UI tooltip (@ark-ui/svelte/tooltip), mirrored from @cloudvoyant/helix-react -->
3
+ <script lang="ts">
4
+ import { TooltipRoot, type TooltipRootProps } from '@ark-ui/svelte/tooltip';
5
+
6
+ let { children, ...rest }: TooltipRootProps = $props();
7
+ </script>
8
+
9
+ <TooltipRoot {...rest}>
10
+ {@render children?.()}
11
+ </TooltipRoot>
@@ -0,0 +1,4 @@
1
+ import { type TooltipRootProps } from '@ark-ui/svelte/tooltip';
2
+ declare const Tooltip: import("svelte").Component<TooltipRootProps, {}, "">;
3
+ type Tooltip = ReturnType<typeof Tooltip>;
4
+ export default Tooltip;
@@ -0,0 +1,35 @@
1
+ <!-- libs/helix-svelte/src/tooltip/TooltipContent.svelte -->
2
+ <!-- Closely based on: Ark UI tooltip (@ark-ui/svelte/tooltip), mirrored from @cloudvoyant/helix-react -->
3
+ <script lang="ts">
4
+ import { Portal } from '@ark-ui/svelte/portal';
5
+ import {
6
+ TooltipPositioner,
7
+ TooltipArrow,
8
+ TooltipArrowTip,
9
+ TooltipContent,
10
+ useTooltipContext,
11
+ type TooltipContentProps,
12
+ } from '@ark-ui/svelte/tooltip';
13
+ import { tooltipPositionerBase, tooltipArrowBase, tooltipContentBase, cn } from '@cloudvoyant/helix';
14
+
15
+ type Props = TooltipContentProps & { arrow?: boolean; class?: string };
16
+
17
+ let { arrow = true, class: className = '', children, ...rest }: Props = $props();
18
+
19
+ const tooltip = useTooltipContext();
20
+ const open = $derived(tooltip().open);
21
+ const classes = $derived(cn(tooltipContentBase, className));
22
+ </script>
23
+
24
+ <Portal>
25
+ <TooltipPositioner class={tooltipPositionerBase}>
26
+ {#if arrow && open}
27
+ <TooltipArrow class={tooltipArrowBase}>
28
+ <TooltipArrowTip />
29
+ </TooltipArrow>
30
+ {/if}
31
+ <TooltipContent class={classes} {...rest}>
32
+ {@render children?.()}
33
+ </TooltipContent>
34
+ </TooltipPositioner>
35
+ </Portal>
@@ -0,0 +1,8 @@
1
+ import { TooltipContent, type TooltipContentProps } from '@ark-ui/svelte/tooltip';
2
+ type Props = TooltipContentProps & {
3
+ arrow?: boolean;
4
+ class?: string;
5
+ };
6
+ declare const TooltipContent: import("svelte").Component<Props, {}, "">;
7
+ type TooltipContent = ReturnType<typeof TooltipContent>;
8
+ export default TooltipContent;
@@ -0,0 +1 @@
1
+ export { useTooltip, useTooltipContext } from '@ark-ui/svelte/tooltip';
@@ -0,0 +1,3 @@
1
+ // libs/helix-svelte/src/tooltip/TooltipContext.svelte.ts
2
+ // Closely based on: @ark-ui/svelte/tooltip useTooltip / useTooltipContext, mirrored from @cloudvoyant/helix-react
3
+ export { useTooltip, useTooltipContext } from '@ark-ui/svelte/tooltip';
@@ -0,0 +1,11 @@
1
+ <!-- libs/helix-svelte/src/tooltip/TooltipProvider.svelte -->
2
+ <!-- Closely based on: Ark UI tooltip (@ark-ui/svelte/tooltip), mirrored from @cloudvoyant/helix-react -->
3
+ <script lang="ts">
4
+ import { TooltipRootProvider, type TooltipRootProviderProps } from '@ark-ui/svelte/tooltip';
5
+
6
+ let { value, children, ...rest }: TooltipRootProviderProps = $props();
7
+ </script>
8
+
9
+ <TooltipRootProvider {value} {...rest}>
10
+ {@render children?.()}
11
+ </TooltipRootProvider>
@@ -0,0 +1,4 @@
1
+ import { type TooltipRootProviderProps } from '@ark-ui/svelte/tooltip';
2
+ declare const TooltipProvider: import("svelte").Component<TooltipRootProviderProps, {}, "">;
3
+ type TooltipProvider = ReturnType<typeof TooltipProvider>;
4
+ export default TooltipProvider;
@@ -0,0 +1,9 @@
1
+ <!-- libs/helix-svelte/src/tooltip/TooltipRender.svelte -->
2
+ <!-- Closely based on: Ark UI tooltip (@ark-ui/svelte/tooltip), mirrored from @cloudvoyant/helix-react -->
3
+ <script lang="ts">
4
+ import { TooltipContext } from '@ark-ui/svelte/tooltip';
5
+
6
+ let { render }: import('@ark-ui/svelte/tooltip').TooltipContextProps = $props();
7
+ </script>
8
+
9
+ <TooltipContext {render} />
@@ -0,0 +1,3 @@
1
+ declare const TooltipRender: import("svelte").Component<import("@ark-ui/svelte/tooltip").TooltipContextProps, {}, "">;
2
+ type TooltipRender = ReturnType<typeof TooltipRender>;
3
+ export default TooltipRender;
@@ -0,0 +1,13 @@
1
+ <!-- libs/helix-svelte/src/tooltip/TooltipTrigger.svelte -->
2
+ <!-- Closely based on: Ark UI tooltip (@ark-ui/svelte/tooltip), mirrored from @cloudvoyant/helix-react -->
3
+ <script lang="ts">
4
+ import { TooltipTrigger, type TooltipTriggerProps } from '@ark-ui/svelte/tooltip';
5
+
6
+ type Props = TooltipTriggerProps & { class?: string };
7
+
8
+ let { class: className = '', children, ...rest }: Props = $props();
9
+ </script>
10
+
11
+ <TooltipTrigger class={className} {...rest}>
12
+ {@render children?.()}
13
+ </TooltipTrigger>
@@ -0,0 +1,7 @@
1
+ import { TooltipTrigger, type TooltipTriggerProps } from '@ark-ui/svelte/tooltip';
2
+ type Props = TooltipTriggerProps & {
3
+ class?: string;
4
+ };
5
+ declare const TooltipTrigger: import("svelte").Component<Props, {}, "">;
6
+ type TooltipTrigger = ReturnType<typeof TooltipTrigger>;
7
+ export default TooltipTrigger;
@@ -0,0 +1,6 @@
1
+ export { default as Tooltip } from './Tooltip.svelte';
2
+ export { default as TooltipProvider } from './TooltipProvider.svelte';
3
+ export { default as TooltipTrigger } from './TooltipTrigger.svelte';
4
+ export { default as TooltipContent } from './TooltipContent.svelte';
5
+ export { default as TooltipContext } from './TooltipRender.svelte';
6
+ export { useTooltip, useTooltipContext } from './TooltipContext.svelte';
@@ -0,0 +1,7 @@
1
+ // libs/helix-svelte/src/tooltip/index.ts
2
+ export { default as Tooltip } from './Tooltip.svelte';
3
+ export { default as TooltipProvider } from './TooltipProvider.svelte';
4
+ export { default as TooltipTrigger } from './TooltipTrigger.svelte';
5
+ export { default as TooltipContent } from './TooltipContent.svelte';
6
+ export { default as TooltipContext } from './TooltipRender.svelte';
7
+ export { useTooltip, useTooltipContext } from './TooltipContext.svelte';
@@ -0,0 +1,34 @@
1
+ <!-- libs/helix-svelte/src/window/Window.svelte -->
2
+ <!-- Closely based on: Ark UI floating-panel (@ark-ui/svelte/floating-panel), exposed as "Window" -->
3
+ <script lang="ts">
4
+ import type { Snippet } from 'svelte';
5
+ import { Portal } from '@ark-ui/svelte/portal';
6
+ import {
7
+ FloatingPanelRoot,
8
+ FloatingPanelPositioner,
9
+ FloatingPanelContent,
10
+ type FloatingPanelRootProps,
11
+ } from '@ark-ui/svelte/floating-panel';
12
+ import { windowPositionerBase, windowContentBase, cn } from '@cloudvoyant/helix';
13
+
14
+ interface Props extends FloatingPanelRootProps {
15
+ class?: string;
16
+ positionerClass?: string;
17
+ children?: Snippet;
18
+ }
19
+
20
+ let { class: className = '', positionerClass = '', children, ...rest }: Props = $props();
21
+
22
+ const positionerClasses = $derived(cn(windowPositionerBase, positionerClass));
23
+ const contentClasses = $derived(cn(windowContentBase, className));
24
+ </script>
25
+
26
+ <FloatingPanelRoot {...rest}>
27
+ <Portal>
28
+ <FloatingPanelPositioner class={positionerClasses}>
29
+ <FloatingPanelContent class={contentClasses}>
30
+ {@render children?.()}
31
+ </FloatingPanelContent>
32
+ </FloatingPanelPositioner>
33
+ </Portal>
34
+ </FloatingPanelRoot>
@@ -0,0 +1,10 @@
1
+ import type { Snippet } from 'svelte';
2
+ import { type FloatingPanelRootProps } from '@ark-ui/svelte/floating-panel';
3
+ interface Props extends FloatingPanelRootProps {
4
+ class?: string;
5
+ positionerClass?: string;
6
+ children?: Snippet;
7
+ }
8
+ declare const Window: import("svelte").Component<Props, {}, "">;
9
+ type Window = ReturnType<typeof Window>;
10
+ export default Window;
@@ -0,0 +1,16 @@
1
+ <!-- libs/helix-svelte/src/window/WindowBody.svelte -->
2
+ <!-- Closely based on: Ark UI window (@ark-ui/svelte/floating-panel), mirrored from @cloudvoyant/helix-react -->
3
+ <script lang="ts">
4
+ import { FloatingPanelBody, type FloatingPanelBodyProps } from '@ark-ui/svelte/floating-panel';
5
+ import { windowBodyBase, cn } from '@cloudvoyant/helix';
6
+
7
+ type Props = FloatingPanelBodyProps & { class?: string };
8
+
9
+ let { class: className = '', children, ...rest }: Props = $props();
10
+
11
+ const classes = $derived(cn(windowBodyBase, className));
12
+ </script>
13
+
14
+ <FloatingPanelBody class={classes} {...rest}>
15
+ {@render children?.()}
16
+ </FloatingPanelBody>
@@ -0,0 +1,7 @@
1
+ import { type FloatingPanelBodyProps } from '@ark-ui/svelte/floating-panel';
2
+ type Props = FloatingPanelBodyProps & {
3
+ class?: string;
4
+ };
5
+ declare const WindowBody: import("svelte").Component<Props, {}, "">;
6
+ type WindowBody = ReturnType<typeof WindowBody>;
7
+ export default WindowBody;
@@ -0,0 +1 @@
1
+ export { useFloatingPanel as useWindow, useFloatingPanelContext as useWindowContext, } from '@ark-ui/svelte/floating-panel';
@@ -0,0 +1,3 @@
1
+ // libs/helix-svelte/src/window/WindowContext.svelte.ts
2
+ // Closely based on: @ark-ui/svelte/floating-panel useFloatingPanel / useFloatingPanelContext, mirrored from @cloudvoyant/helix-react
3
+ export { useFloatingPanel as useWindow, useFloatingPanelContext as useWindowContext, } from '@ark-ui/svelte/floating-panel';
@@ -0,0 +1,16 @@
1
+ <!-- libs/helix-svelte/src/window/WindowControl.svelte -->
2
+ <!-- Closely based on: Ark UI window (@ark-ui/svelte/floating-panel), mirrored from @cloudvoyant/helix-react -->
3
+ <script lang="ts">
4
+ import { FloatingPanelControl, type FloatingPanelControlProps } from '@ark-ui/svelte/floating-panel';
5
+ import { windowControlBase, cn } from '@cloudvoyant/helix';
6
+
7
+ type Props = FloatingPanelControlProps & { class?: string };
8
+
9
+ let { class: className = '', children, ...rest }: Props = $props();
10
+
11
+ const classes = $derived(cn(windowControlBase, className));
12
+ </script>
13
+
14
+ <FloatingPanelControl class={classes} {...rest}>
15
+ {@render children?.()}
16
+ </FloatingPanelControl>
@@ -0,0 +1,7 @@
1
+ import { type FloatingPanelControlProps } from '@ark-ui/svelte/floating-panel';
2
+ type Props = FloatingPanelControlProps & {
3
+ class?: string;
4
+ };
5
+ declare const WindowControl: import("svelte").Component<Props, {}, "">;
6
+ type WindowControl = ReturnType<typeof WindowControl>;
7
+ export default WindowControl;
@@ -0,0 +1,16 @@
1
+ <!-- libs/helix-svelte/src/window/WindowDismiss.svelte -->
2
+ <!-- Closely based on: Ark UI window (@ark-ui/svelte/floating-panel), mirrored from @cloudvoyant/helix-react -->
3
+ <script lang="ts">
4
+ import { FloatingPanelCloseTrigger, type FloatingPanelCloseTriggerProps } from '@ark-ui/svelte/floating-panel';
5
+ import { windowCloseTriggerBase, cn } from '@cloudvoyant/helix';
6
+
7
+ type Props = FloatingPanelCloseTriggerProps & { class?: string };
8
+
9
+ let { class: className = '', children, ...rest }: Props = $props();
10
+
11
+ const classes = $derived(cn(windowCloseTriggerBase, className));
12
+ </script>
13
+
14
+ <FloatingPanelCloseTrigger aria-label="Close" class={classes} {...rest}>
15
+ {@render children?.()}
16
+ </FloatingPanelCloseTrigger>
@@ -0,0 +1,7 @@
1
+ import { type FloatingPanelCloseTriggerProps } from '@ark-ui/svelte/floating-panel';
2
+ type Props = FloatingPanelCloseTriggerProps & {
3
+ class?: string;
4
+ };
5
+ declare const WindowDismiss: import("svelte").Component<Props, {}, "">;
6
+ type WindowDismiss = ReturnType<typeof WindowDismiss>;
7
+ export default WindowDismiss;
@@ -0,0 +1,16 @@
1
+ <!-- libs/helix-svelte/src/window/WindowDragTrigger.svelte -->
2
+ <!-- Closely based on: Ark UI window (@ark-ui/svelte/floating-panel), mirrored from @cloudvoyant/helix-react -->
3
+ <script lang="ts">
4
+ import { FloatingPanelDragTrigger, type FloatingPanelDragTriggerProps } from '@ark-ui/svelte/floating-panel';
5
+ import { windowDragTriggerBase, cn } from '@cloudvoyant/helix';
6
+
7
+ type Props = FloatingPanelDragTriggerProps & { class?: string };
8
+
9
+ let { class: className = '', children, ...rest }: Props = $props();
10
+
11
+ const classes = $derived(cn(windowDragTriggerBase, className));
12
+ </script>
13
+
14
+ <FloatingPanelDragTrigger class={classes} {...rest}>
15
+ {@render children?.()}
16
+ </FloatingPanelDragTrigger>
@@ -0,0 +1,7 @@
1
+ import { type FloatingPanelDragTriggerProps } from '@ark-ui/svelte/floating-panel';
2
+ type Props = FloatingPanelDragTriggerProps & {
3
+ class?: string;
4
+ };
5
+ declare const WindowDragTrigger: import("svelte").Component<Props, {}, "">;
6
+ type WindowDragTrigger = ReturnType<typeof WindowDragTrigger>;
7
+ export default WindowDragTrigger;
@@ -0,0 +1,16 @@
1
+ <!-- libs/helix-svelte/src/window/WindowHeader.svelte -->
2
+ <!-- Closely based on: Ark UI window (@ark-ui/svelte/floating-panel), mirrored from @cloudvoyant/helix-react -->
3
+ <script lang="ts">
4
+ import { FloatingPanelHeader, type FloatingPanelHeaderProps } from '@ark-ui/svelte/floating-panel';
5
+ import { windowHeaderBase, cn } from '@cloudvoyant/helix';
6
+
7
+ type Props = FloatingPanelHeaderProps & { class?: string };
8
+
9
+ let { class: className = '', children, ...rest }: Props = $props();
10
+
11
+ const classes = $derived(cn(windowHeaderBase, className));
12
+ </script>
13
+
14
+ <FloatingPanelHeader class={classes} {...rest}>
15
+ {@render children?.()}
16
+ </FloatingPanelHeader>
@@ -0,0 +1,7 @@
1
+ import { type FloatingPanelHeaderProps } from '@ark-ui/svelte/floating-panel';
2
+ type Props = FloatingPanelHeaderProps & {
3
+ class?: string;
4
+ };
5
+ declare const WindowHeader: import("svelte").Component<Props, {}, "">;
6
+ type WindowHeader = ReturnType<typeof WindowHeader>;
7
+ export default WindowHeader;
@@ -0,0 +1,11 @@
1
+ <!-- libs/helix-svelte/src/window/WindowProvider.svelte -->
2
+ <!-- Closely based on: Ark UI window (@ark-ui/svelte/floating-panel), mirrored from @cloudvoyant/helix-react -->
3
+ <script lang="ts">
4
+ import { FloatingPanelRootProvider, type FloatingPanelRootProviderProps } from '@ark-ui/svelte/floating-panel';
5
+
6
+ let { value, children, ...rest }: FloatingPanelRootProviderProps = $props();
7
+ </script>
8
+
9
+ <FloatingPanelRootProvider {value} {...rest}>
10
+ {@render children?.()}
11
+ </FloatingPanelRootProvider>
@@ -0,0 +1,4 @@
1
+ import { type FloatingPanelRootProviderProps } from '@ark-ui/svelte/floating-panel';
2
+ declare const WindowProvider: import("svelte").Component<FloatingPanelRootProviderProps, {}, "">;
3
+ type WindowProvider = ReturnType<typeof WindowProvider>;
4
+ export default WindowProvider;
@@ -0,0 +1,9 @@
1
+ <!-- libs/helix-svelte/src/window/WindowRender.svelte -->
2
+ <!-- Closely based on: Ark UI window (@ark-ui/svelte/floating-panel), mirrored from @cloudvoyant/helix-react -->
3
+ <script lang="ts">
4
+ import { FloatingPanelContext, type FloatingPanelContextProps } from '@ark-ui/svelte/floating-panel';
5
+
6
+ let { render }: FloatingPanelContextProps = $props();
7
+ </script>
8
+
9
+ <FloatingPanelContext {render} />
@@ -0,0 +1,4 @@
1
+ import { type FloatingPanelContextProps } from '@ark-ui/svelte/floating-panel';
2
+ declare const WindowRender: import("svelte").Component<FloatingPanelContextProps, {}, "">;
3
+ type WindowRender = ReturnType<typeof WindowRender>;
4
+ export default WindowRender;
@@ -0,0 +1,16 @@
1
+ <!-- libs/helix-svelte/src/window/WindowResizeTrigger.svelte -->
2
+ <!-- Closely based on: Ark UI window (@ark-ui/svelte/floating-panel), mirrored from @cloudvoyant/helix-react -->
3
+ <script lang="ts">
4
+ import { FloatingPanelResizeTrigger, type FloatingPanelResizeTriggerProps } from '@ark-ui/svelte/floating-panel';
5
+ import { windowResizeTriggerBase, cn } from '@cloudvoyant/helix';
6
+
7
+ type Props = FloatingPanelResizeTriggerProps & { class?: string };
8
+
9
+ let { axis = 'se', class: className = '', children, ...rest }: Props = $props();
10
+
11
+ const classes = $derived(cn(windowResizeTriggerBase, className));
12
+ </script>
13
+
14
+ <FloatingPanelResizeTrigger {axis} class={classes} {...rest}>
15
+ {@render children?.()}
16
+ </FloatingPanelResizeTrigger>
@@ -0,0 +1,7 @@
1
+ import { type FloatingPanelResizeTriggerProps } from '@ark-ui/svelte/floating-panel';
2
+ type Props = FloatingPanelResizeTriggerProps & {
3
+ class?: string;
4
+ };
5
+ declare const WindowResizeTrigger: import("svelte").Component<Props, {}, "">;
6
+ type WindowResizeTrigger = ReturnType<typeof WindowResizeTrigger>;
7
+ export default WindowResizeTrigger;
@@ -0,0 +1,16 @@
1
+ <!-- libs/helix-svelte/src/window/WindowStageTrigger.svelte -->
2
+ <!-- Closely based on: Ark UI window (@ark-ui/svelte/floating-panel), mirrored from @cloudvoyant/helix-react -->
3
+ <script lang="ts">
4
+ import { FloatingPanelStageTrigger, type FloatingPanelStageTriggerProps } from '@ark-ui/svelte/floating-panel';
5
+ import { windowStageTriggerBase, cn } from '@cloudvoyant/helix';
6
+
7
+ type Props = FloatingPanelStageTriggerProps & { class?: string };
8
+
9
+ let { class: className = '', children, ...rest }: Props = $props();
10
+
11
+ const classes = $derived(cn(windowStageTriggerBase, className));
12
+ </script>
13
+
14
+ <FloatingPanelStageTrigger class={classes} {...rest}>
15
+ {@render children?.()}
16
+ </FloatingPanelStageTrigger>
@@ -0,0 +1,7 @@
1
+ import { type FloatingPanelStageTriggerProps } from '@ark-ui/svelte/floating-panel';
2
+ type Props = FloatingPanelStageTriggerProps & {
3
+ class?: string;
4
+ };
5
+ declare const WindowStageTrigger: import("svelte").Component<Props, {}, "">;
6
+ type WindowStageTrigger = ReturnType<typeof WindowStageTrigger>;
7
+ export default WindowStageTrigger;
@@ -0,0 +1,16 @@
1
+ <!-- libs/helix-svelte/src/window/WindowTitle.svelte -->
2
+ <!-- Closely based on: Ark UI window (@ark-ui/svelte/floating-panel), mirrored from @cloudvoyant/helix-react -->
3
+ <script lang="ts">
4
+ import { FloatingPanelTitle, type FloatingPanelTitleProps } from '@ark-ui/svelte/floating-panel';
5
+ import { windowTitleBase, cn } from '@cloudvoyant/helix';
6
+
7
+ type Props = FloatingPanelTitleProps & { class?: string };
8
+
9
+ let { class: className = '', children, ...rest }: Props = $props();
10
+
11
+ const classes = $derived(cn(windowTitleBase, className));
12
+ </script>
13
+
14
+ <FloatingPanelTitle class={classes} {...rest}>
15
+ {@render children?.()}
16
+ </FloatingPanelTitle>
@@ -0,0 +1,7 @@
1
+ import { type FloatingPanelTitleProps } from '@ark-ui/svelte/floating-panel';
2
+ type Props = FloatingPanelTitleProps & {
3
+ class?: string;
4
+ };
5
+ declare const WindowTitle: import("svelte").Component<Props, {}, "">;
6
+ type WindowTitle = ReturnType<typeof WindowTitle>;
7
+ export default WindowTitle;
@@ -0,0 +1,12 @@
1
+ export { default as Window } from './Window.svelte';
2
+ export { default as WindowProvider } from './WindowProvider.svelte';
3
+ export { default as WindowDragTrigger } from './WindowDragTrigger.svelte';
4
+ export { default as WindowHeader } from './WindowHeader.svelte';
5
+ export { default as WindowTitle } from './WindowTitle.svelte';
6
+ export { default as WindowControl } from './WindowControl.svelte';
7
+ export { default as WindowStageTrigger } from './WindowStageTrigger.svelte';
8
+ export { default as WindowDismiss } from './WindowDismiss.svelte';
9
+ export { default as WindowBody } from './WindowBody.svelte';
10
+ export { default as WindowResizeTrigger } from './WindowResizeTrigger.svelte';
11
+ export { default as WindowContext } from './WindowRender.svelte';
12
+ export { useWindow, useWindowContext } from './WindowContext.svelte';
@@ -0,0 +1,13 @@
1
+ // libs/helix-svelte/src/window/index.ts
2
+ export { default as Window } from './Window.svelte';
3
+ export { default as WindowProvider } from './WindowProvider.svelte';
4
+ export { default as WindowDragTrigger } from './WindowDragTrigger.svelte';
5
+ export { default as WindowHeader } from './WindowHeader.svelte';
6
+ export { default as WindowTitle } from './WindowTitle.svelte';
7
+ export { default as WindowControl } from './WindowControl.svelte';
8
+ export { default as WindowStageTrigger } from './WindowStageTrigger.svelte';
9
+ export { default as WindowDismiss } from './WindowDismiss.svelte';
10
+ export { default as WindowBody } from './WindowBody.svelte';
11
+ export { default as WindowResizeTrigger } from './WindowResizeTrigger.svelte';
12
+ export { default as WindowContext } from './WindowRender.svelte';
13
+ export { useWindow, useWindowContext } from './WindowContext.svelte';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudvoyant/helix-svelte",
3
- "version": "0.14.0",
3
+ "version": "0.15.0",
4
4
  "description": "helix Svelte UI components",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -27,7 +27,7 @@
27
27
  },
28
28
  "dependencies": {
29
29
  "@ark-ui/svelte": "^5.23.1",
30
- "@cloudvoyant/helix": "0.14.0"
30
+ "@cloudvoyant/helix": "0.15.0"
31
31
  },
32
32
  "devDependencies": {
33
33
  "@sveltejs/package": "^2.5.8",