@hantera/design-system 0.0.0

package/dist/components/ToggleButton.stories.d.ts

@@ -0,0 +1,88 @@
+declare const _default: {
+    title: string;
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            modelValue: boolean;
+            disabled?: boolean;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            "update:modelValue": (value: boolean) => any;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            modelValue: boolean;
+            disabled?: boolean;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        modelValue: boolean;
+        disabled?: boolean;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:modelValue": (value: boolean) => any;
+    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    });
+};
+export default _default;
+export declare const Unchecked: any;
+export declare const Checked: any;
+export declare const CheckedDisabled: any;
+export declare const Disabled: any;
+export declare const All: (args: any) => {
+    components: {
+        ToggleButton: {
+            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+                modelValue: boolean;
+                disabled?: boolean;
+            }> & Readonly<{
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                "update:modelValue": (value: boolean) => any;
+            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<{
+                modelValue: boolean;
+                disabled?: boolean;
+            }> & Readonly<{
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }>, {}, {}, {}, {}, {}>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import('vue').ComponentOptionsBase<Readonly<{
+            modelValue: boolean;
+            disabled?: boolean;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            "update:modelValue": (value: boolean) => any;
+        }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+            $slots: {
+                default?(_: {}): any;
+            };
+        });
+    };
+    setup(): {
+        args: any;
+    };
+    template: string;
+};

package/dist/components/ToggleButton.vue.d.ts

@@ -0,0 +1,26 @@
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{
+    modelValue: boolean;
+    disabled?: boolean;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    modelValue: boolean;
+    disabled?: boolean;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ToggleSwitch.stories.d.ts

@@ -0,0 +1,17 @@
+declare const _default: {
+    title: string;
+    component: import('vue').DefineComponent<{
+        modelValue: boolean;
+        disabled?: boolean;
+    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:modelValue": (value: boolean) => any;
+    }, string, import('vue').PublicProps, Readonly<{
+        modelValue: boolean;
+        disabled?: boolean;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+};
+export default _default;
+export declare const Regular: any;
+export declare const Disabled: any;

package/dist/components/ToggleSwitch.vue.d.ts

@@ -0,0 +1,12 @@
+declare const _default: import('vue').DefineComponent<{
+    modelValue: boolean;
+    disabled?: boolean;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    modelValue: boolean;
+    disabled?: boolean;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/Tree/Tree.vue.d.ts

@@ -0,0 +1,32 @@
+import { TreeNode } from './tree-node';
+declare function rename(node: string | TreeNode): void;
+declare const _default: import('vue').DefineComponent<{
+    cacheKey: string;
+    nodes: TreeNode[];
+    /**
+     * Function to get the target node when dragging a node over another node. If not provided, dragging will be disabled.
+     */
+    getDropTarget?: ((draggedNode: TreeNode, hoveredPath: TreeNode[]) => TreeNode | undefined);
+    /**
+     * If true, parents can be navigated/clicked. Expansion/collapsing must be done on the arrow.
+     */
+    clickableParents?: boolean;
+}, {
+    rename: typeof rename;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    move: (node: TreeNode, newParent: TreeNode) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    cacheKey: string;
+    nodes: TreeNode[];
+    /**
+     * Function to get the target node when dragging a node over another node. If not provided, dragging will be disabled.
+     */
+    getDropTarget?: ((draggedNode: TreeNode, hoveredPath: TreeNode[]) => TreeNode | undefined);
+    /**
+     * If true, parents can be navigated/clicked. Expansion/collapsing must be done on the arrow.
+     */
+    clickableParents?: boolean;
+}> & Readonly<{
+    onMove?: ((node: TreeNode, newParent: TreeNode) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/Tree/TreeNodeComponent.vue.d.ts

@@ -0,0 +1,23 @@
+import { TreeNode, TreeState } from './tree-node';
+declare const _default: import('vue').DefineComponent<{
+    parent?: TreeNode;
+    node: TreeNode;
+    rootNodes: TreeNode[];
+    depth?: number;
+    state: TreeState;
+    getDropTarget?: ((draggedNode: TreeNode, hoveredPath: TreeNode[]) => TreeNode | undefined);
+    clickableParents: boolean;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    move: (node: TreeNode, newParent: TreeNode) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    parent?: TreeNode;
+    node: TreeNode;
+    rootNodes: TreeNode[];
+    depth?: number;
+    state: TreeState;
+    getDropTarget?: ((draggedNode: TreeNode, hoveredPath: TreeNode[]) => TreeNode | undefined);
+    clickableParents: boolean;
+}> & Readonly<{
+    onMove?: ((node: TreeNode, newParent: TreeNode) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/Tree/TreeNodeIndent.vue.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import('vue').DefineComponent<{
+    depth: number;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    depth: number;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/Tree/tree-node.d.ts

@@ -0,0 +1,21 @@
+import { ContextMenuSections } from '../../directives/context-menu';
+export interface TreeNode {
+    id: string;
+    children?: TreeNode[];
+    label: string;
+    icon?: string;
+    /**
+     * Optional type of the node. This can be used to distinguish between different types of nodes.
+     */
+    type?: string;
+    onRename?: (node: TreeNode, newName: string) => Promise<boolean>;
+    onClick?: () => void;
+    isSelected?: () => boolean;
+    contextMenu?: ContextMenuSections;
+}
+export interface TreeState {
+    renaming?: string;
+    expandedNodes: string[];
+    isDragging: boolean;
+    dropTarget?: TreeNode;
+}

package/dist/composition/use-drag-context.d.ts

@@ -0,0 +1,19 @@
+export interface DragPayload {
+    type: string;
+    data: any;
+    sourceElement?: HTMLElement | null;
+    metadata?: Record<string, any>;
+    onDrop?: (zone: DropZone) => void;
+}
+export interface DropZone {
+    accepts: string | string[];
+    element: HTMLElement;
+    metadata?: Record<string, any>;
+    onDrop?: (payload: DragPayload) => void;
+}
+export default function useDragContext(): {
+    startDrag(payload: DragPayload): void;
+    registerDropZone(zone: DropZone): number;
+    unregisterDropZone(zoneId: number): void;
+    getCurrentDropTarget(): number | undefined;
+};

package/dist/directives/ContextMenuApp.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/directives/context-menu.d.ts

@@ -0,0 +1,28 @@
+import { Directive } from 'vue';
+export interface ContextMenuItem {
+    label: string;
+    shortcut?: string;
+    /**
+     * If set to true, the item will only be shown if the shift keys is pressed when the context menu is opened.
+     */
+    hidden?: boolean;
+    action?: () => void;
+}
+export interface ContextMenuSection extends Array<ContextMenuItem> {
+    /**
+     * Optional key providing deduplication of sections when using nested context menues. If a section with the same key
+     * is provided by a parent, it will be ignored.
+     */
+    key?: string;
+}
+export interface ContextMenuSections extends Array<ContextMenuSection> {
+}
+export interface ContextMenuAppState {
+    x: number;
+    y: number;
+    isOpen: boolean;
+    sections: ContextMenuSections;
+    pointerType: 'mouse' | 'touch';
+}
+declare const _default: Directive<HTMLElement, ContextMenuSections>;
+export default _default;

package/dist/docs/App.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/docs/main.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/docs/pages/PageContextMenu.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/docs/pages/PageDragAndDrop.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/docs/pages/PageExpandable.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/docs/pages/PageFloatingPanel.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/docs/pages/PageIndex.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/docs/pages/PagePanel.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/docs/pages/PageSpinner.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/docs/pages/PageTabBar.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/docs/pages/PageTextInput.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/entry.d.ts

@@ -0,0 +1,48 @@
+import { Plugin } from 'vue';
+export { default as TextInput } from './components/TextInput.vue';
+export { default as DecimalInput } from './components/DecimalInput.vue';
+export type { DecimalInputValue } from './components/DecimalInputValue';
+export { default as PhoneInput } from './components/PhoneInput.vue';
+export { default as DropdownButton } from './components/DropdownButton.vue';
+export { default as ListLink } from './components/ListLink.vue';
+export { default as Panel } from './components/Panel.vue';
+export { default as FloatingPanel } from './components/FloatingPanel.vue';
+export { default as PanelContent } from './components/PanelContent.vue';
+export { default as InlineInput } from './components/InlineInput.vue';
+export { default as ContextMenuButton } from './components/ContextMenuButton.vue';
+export { default as RemoveButton } from './components/RemoveButton.vue';
+export { default as Expandable } from './components/Expandable.vue';
+export { default as ToggleButton } from './components/ToggleButton.vue';
+export { default as ToggleSwitch } from './components/ToggleSwitch.vue';
+export { default as ExternalLink } from './components/ExternalLink.vue';
+export { default as Spinner } from './components/Spinner.vue';
+export { default as LoadingArea } from './components/LoadingArea.vue';
+export { default as Tree } from './components/Tree/Tree.vue';
+export type { TreeNode } from './components/Tree/tree-node';
+export { default as Draggable } from './components/DragAndDrop/Draggable.vue';
+export { default as DraggableListItem } from './components/DragAndDrop/DraggableListItem.vue';
+export { default as DropZone } from './components/DragAndDrop/DropZone.vue';
+export { default as useDragContext, type DropZone as DropZoneRef, type DragPayload } from './composition/use-drag-context';
+export type { DropDownTarget, DropDownTargetPoint } from './components/DropdownMenu/DropdownTypes';
+export { default as DropdownMenu } from './components/DropdownMenu/DropdownMenu.vue';
+export { default as DropdownItem } from './components/DropdownMenu/DropdownItem.vue';
+export { default as DropdownCheckbox } from './components/DropdownMenu/DropdownCheckbox.vue';
+export { default as DropdownDivider } from './components/DropdownMenu/DropdownDivider.vue';
+export { default as TabBar } from './components/TabBar/TabBar.vue';
+export { default as TabItem } from './components/TabBar/TabItem.vue';
+export { default as IconClose } from './components/Icons/IconClose.vue';
+export { default as IconPlus } from './components/Icons/IconPlus.vue';
+export { default as IconArrow } from './components/Icons/IconArrow.vue';
+export { default as IconOutbound } from './components/Icons/IconOutbound.vue';
+export { default as IconInbound } from './components/Icons/IconInbound.vue';
+export { default as IconQuestion } from './components/Icons/IconQuestion.vue';
+export { default as IconReload } from './components/Icons/IconReload.vue';
+export { default as IconFilter } from './components/Icons/IconFilter.vue';
+export { default as IconRedo } from './components/Icons/IconRedo.vue';
+export { default as IconUndo } from './components/Icons/IconUndo.vue';
+export { default as IconHamburger } from './components/Icons/IconHamburger.vue';
+export { default as IconWarning } from './components/Icons/IconWarning.vue';
+export { type ContextMenuItem, type ContextMenuSection, type ContextMenuSections } from './directives/context-menu';
+export { default as useClose } from './use-close';
+declare const _default: Plugin<[]>;
+export default _default;

package/dist/log.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    info(...data: any[]): void;
+    debug(...data: any[]): void;
+    warn(...data: any[]): void;
+};
+export default _default;

package/dist/use-close.d.ts

@@ -0,0 +1,6 @@
+import { InjectionKey } from 'vue';
+export declare const closeKey: InjectionKey<() => void>;
+/**
+  * Returns a method that can close the parent component if any supported
+  */
+export default function useClose(): () => void;

package/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@hantera/design-system",
+  "version": "0.0.0",
+  "types": "./dist/entry.d.ts",
+  "scripts": {
+    "build": "cpx ../../design-system/dist/**/*.d.ts ./dist -C"
+  },
+  "files": [
+    "dist/*",
+    "LICENSE"
+  ],
+  "license": "MIT",
+  "dependencies": {
+    "decimal.js": "^10.4.2",
+    "vue": "^3.4.37"
+  },
+  "devDependencies": {
+    "cpx": "^1.5.0",
+    "rimraf": "^5.0.1"
+  }
+}