nuxt-ui-elements 0.1.40 → 0.2.0

package/dist/runtime/components/Flow.vue.d.ts

@@ -0,0 +1,77 @@
+import type { AppConfig } from "@nuxt/schema";
+import theme from "#build/ui-elements/flow";
+import type { ComponentConfig } from "../types/index.js";
+import type { Node, Edge, ConnectionMode } from "@vue-flow/core";
+import type { FlowBackgroundProps } from "./flow/FlowBackground.vue.js";
+import type { FlowControlsProps } from "./flow/FlowControls.vue.js";
+import type { FlowMiniMapProps } from "./flow/FlowMiniMap.vue.js";
+type Flow = ComponentConfig<typeof theme, AppConfig, "flow">;
+export interface FlowProps {
+    /** Array of node objects */
+    nodes?: Node[];
+    /** Array of edge objects */
+    edges?: Edge[];
+    /** Map of custom node type components */
+    nodeTypes?: Record<string, any>;
+    /** Map of custom edge type components */
+    edgeTypes?: Record<string, any>;
+    /** Fit view on initialization */
+    fitViewOnInit?: boolean;
+    /** Minimum zoom level */
+    minZoom?: number;
+    /** Maximum zoom level */
+    maxZoom?: number;
+    /** Whether nodes are draggable */
+    nodesDraggable?: boolean;
+    /** Whether nodes are connectable */
+    nodesConnectable?: boolean;
+    /** Whether elements are selectable */
+    elementsSelectable?: boolean;
+    /** Connection mode */
+    connectionMode?: ConnectionMode;
+    /** Default edge options */
+    defaultEdgeOptions?: Record<string, any>;
+    /** Show background (true for defaults, or pass config object) */
+    background?: boolean | Omit<FlowBackgroundProps, "ui">;
+    /** Show controls (true for defaults, or pass config object) */
+    controls?: boolean | Omit<FlowControlsProps, "ui">;
+    /** Show minimap (true for defaults, or pass config object) */
+    minimap?: boolean | Omit<FlowMiniMapProps, "ui">;
+    /** Theme slot overrides */
+    ui?: Flow["slots"];
+}
+export interface FlowEmits {
+    "update:nodes": [nodes: Node[]];
+    "update:edges": [edges: Edge[]];
+    nodeClick: [event: any];
+    edgeClick: [event: any];
+    paneClick: [event: any];
+    connect: [params: any];
+}
+export type { FlowBackgroundProps, FlowControlsProps, FlowMiniMapProps };
+export type { FlowNodeProps } from "./FlowNode.vue.js";
+export type { FlowHandleProps } from "./FlowHandle.vue.js";
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<FlowProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:nodes": (nodes: Node<any, any, string>[]) => any;
+    "update:edges": (edges: Edge[]) => any;
+    nodeClick: (event: any) => any;
+    edgeClick: (event: any) => any;
+    paneClick: (event: any) => any;
+    connect: (params: any) => any;
+}, string, import("vue").PublicProps, Readonly<FlowProps> & Readonly<{
+    "onUpdate:nodes"?: ((nodes: Node<any, any, string>[]) => any) | undefined;
+    "onUpdate:edges"?: ((edges: Edge[]) => any) | undefined;
+    onNodeClick?: ((event: any) => any) | undefined;
+    onEdgeClick?: ((event: any) => any) | undefined;
+    onPaneClick?: ((event: any) => any) | undefined;
+    onConnect?: ((params: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    [x: string]: ((props: any) => any) | undefined;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/FlowHandle.d.vue.ts

@@ -0,0 +1,22 @@
+import type { AppConfig } from "@nuxt/schema";
+import theme from "#build/ui-elements/flow-handle";
+import type { ComponentConfig } from "../types/index.js";
+import type { Position } from "@vue-flow/core";
+type FlowHandle = ComponentConfig<typeof theme, AppConfig, "flowHandle">;
+export interface FlowHandleProps {
+    /** Handle type: source or target */
+    type: "source" | "target";
+    /** Handle position */
+    position?: Position | "top" | "bottom" | "left" | "right";
+    /** Handle ID (for multiple handles per node) */
+    id?: string;
+    /** Theme color */
+    color?: FlowHandle["variants"]["color"];
+    /** Whether a connection is active on this handle */
+    connected?: boolean;
+    /** Theme slot overrides */
+    ui?: FlowHandle["slots"];
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<FlowHandleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FlowHandleProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/FlowHandle.vue

@@ -0,0 +1,33 @@
+<script>
+import theme from "#build/ui-elements/flow-handle";
+</script>
+
+<script setup>
+import { computed } from "vue";
+import { Handle, Position as VFPosition } from "@vue-flow/core";
+import { tv } from "../utils/tv";
+const {
+  type,
+  position = VFPosition.Bottom,
+  color = "primary",
+  connected = false,
+  ui: uiProps = {}
+} = defineProps({
+  type: { type: String, required: true },
+  position: { type: String, required: false },
+  id: { type: String, required: false },
+  color: { type: null, required: false },
+  connected: { type: Boolean, required: false },
+  ui: { type: null, required: false }
+});
+const ui = computed(
+  () => tv({ extend: tv(theme) })({
+    color,
+    connected
+  })
+);
+</script>
+
+<template>
+  <Handle :id="id" :type="type" :position="position" :class="ui.root({ class: uiProps?.root })" />
+</template>

package/dist/runtime/components/FlowHandle.vue.d.ts

@@ -0,0 +1,22 @@
+import type { AppConfig } from "@nuxt/schema";
+import theme from "#build/ui-elements/flow-handle";
+import type { ComponentConfig } from "../types/index.js";
+import type { Position } from "@vue-flow/core";
+type FlowHandle = ComponentConfig<typeof theme, AppConfig, "flowHandle">;
+export interface FlowHandleProps {
+    /** Handle type: source or target */
+    type: "source" | "target";
+    /** Handle position */
+    position?: Position | "top" | "bottom" | "left" | "right";
+    /** Handle ID (for multiple handles per node) */
+    id?: string;
+    /** Theme color */
+    color?: FlowHandle["variants"]["color"];
+    /** Whether a connection is active on this handle */
+    connected?: boolean;
+    /** Theme slot overrides */
+    ui?: FlowHandle["slots"];
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<FlowHandleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FlowHandleProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/FlowNode.d.vue.ts

@@ -0,0 +1,26 @@
+import type { AppConfig } from "@nuxt/schema";
+import theme from "#build/ui-elements/flow-node";
+import type { ComponentConfig } from "../types/index.js";
+type FlowNode = ComponentConfig<typeof theme, AppConfig, "flowNode">;
+export interface FlowNodeProps {
+    /** Label text */
+    label?: string;
+    /** Theme color */
+    color?: FlowNode["variants"]["color"];
+    /** Visual variant */
+    variant?: FlowNode["variants"]["variant"];
+    /** Whether the node is currently selected */
+    selected?: boolean;
+    /** Theme slot overrides */
+    ui?: FlowNode["slots"];
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<FlowNodeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FlowNodeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/FlowNode.vue

@@ -0,0 +1,39 @@
+<script>
+import theme from "#build/ui-elements/flow-node";
+</script>
+
+<script setup>
+import { computed } from "vue";
+import { tv } from "../utils/tv";
+const {
+  label,
+  color = "primary",
+  variant = "outline",
+  selected = false,
+  ui: uiProps = {}
+} = defineProps({
+  label: { type: String, required: false },
+  color: { type: null, required: false },
+  variant: { type: null, required: false },
+  selected: { type: Boolean, required: false },
+  ui: { type: null, required: false }
+});
+const ui = computed(
+  () => tv({ extend: tv(theme) })({
+    color,
+    variant,
+    selected
+  })
+);
+</script>
+
+<template>
+  <div :class="ui.root({ class: uiProps?.root })">
+    <div v-if="label" :class="ui.label({ class: uiProps?.label })">
+      {{ label }}
+    </div>
+    <div v-if="$slots.default" :class="ui.content({ class: uiProps?.content })">
+      <slot />
+    </div>
+  </div>
+</template>

package/dist/runtime/components/FlowNode.vue.d.ts

@@ -0,0 +1,26 @@
+import type { AppConfig } from "@nuxt/schema";
+import theme from "#build/ui-elements/flow-node";
+import type { ComponentConfig } from "../types/index.js";
+type FlowNode = ComponentConfig<typeof theme, AppConfig, "flowNode">;
+export interface FlowNodeProps {
+    /** Label text */
+    label?: string;
+    /** Theme color */
+    color?: FlowNode["variants"]["color"];
+    /** Visual variant */
+    variant?: FlowNode["variants"]["variant"];
+    /** Whether the node is currently selected */
+    selected?: boolean;
+    /** Theme slot overrides */
+    ui?: FlowNode["slots"];
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<FlowNodeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FlowNodeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ToggleGroup.vue

@@ -23,7 +23,7 @@ const {
   defaultValue: { type: null, required: false },
   multiple: { type: null, required: false },
   orientation: { type: String, required: false },
-  ui: { type: Object, required: false },
+  ui: { type: null, required: false },
   loop: { type: Boolean, required: false },
   disabled: { type: Boolean, required: false },
   name: { type: String, required: false },

package/dist/runtime/components/flow/FlowBackground.d.vue.ts

@@ -0,0 +1,21 @@
+import type { AppConfig } from "@nuxt/schema";
+import theme from "#build/ui-elements/flow-background";
+import type { ComponentConfig } from "../../types/index.js";
+type FlowBackground = ComponentConfig<typeof theme, AppConfig, "flowBackground">;
+export interface FlowBackgroundProps {
+    /** Background pattern variant */
+    pattern?: "dots" | "lines";
+    /** Background pattern gap */
+    gap?: number | number[];
+    /** Background pattern size */
+    size?: number;
+    /** Background pattern color */
+    color?: string;
+    /** Background line width (for lines pattern) */
+    lineWidth?: number;
+    /** Theme slot overrides */
+    ui?: FlowBackground["slots"];
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<FlowBackgroundProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FlowBackgroundProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/flow/FlowBackground.vue

@@ -0,0 +1,39 @@
+<script>
+import theme from "#build/ui-elements/flow-background";
+</script>
+
+<script setup>
+import { computed } from "vue";
+import { Background } from "@vue-flow/background";
+import { tv } from "../../utils/tv";
+const {
+  pattern = "dots",
+  gap = 20,
+  size = 1,
+  color,
+  lineWidth,
+  ui: uiProps = {}
+} = defineProps({
+  pattern: { type: String, required: false },
+  gap: { type: [Number, Array], required: false },
+  size: { type: Number, required: false },
+  color: { type: String, required: false },
+  lineWidth: { type: Number, required: false },
+  ui: { type: null, required: false }
+});
+const ui = computed(
+  () => tv({ extend: tv(theme) })({
+    pattern
+  })
+);
+</script>
+
+<template>
+  <Background
+    :variant="pattern"
+    :gap="gap"
+    :size="size"
+    :color="color"
+    :line-width="lineWidth"
+    :class="ui.root({ class: uiProps?.root })" />
+</template>

package/dist/runtime/components/flow/FlowBackground.vue.d.ts

@@ -0,0 +1,21 @@
+import type { AppConfig } from "@nuxt/schema";
+import theme from "#build/ui-elements/flow-background";
+import type { ComponentConfig } from "../../types/index.js";
+type FlowBackground = ComponentConfig<typeof theme, AppConfig, "flowBackground">;
+export interface FlowBackgroundProps {
+    /** Background pattern variant */
+    pattern?: "dots" | "lines";
+    /** Background pattern gap */
+    gap?: number | number[];
+    /** Background pattern size */
+    size?: number;
+    /** Background pattern color */
+    color?: string;
+    /** Background line width (for lines pattern) */
+    lineWidth?: number;
+    /** Theme slot overrides */
+    ui?: FlowBackground["slots"];
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<FlowBackgroundProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FlowBackgroundProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/flow/FlowControls.d.vue.ts

@@ -0,0 +1,29 @@
+import type { AppConfig } from "@nuxt/schema";
+import theme from "#build/ui-elements/flow-controls";
+import type { ComponentConfig } from "../../types/index.js";
+import type { PanelPositionType, FitViewParams } from "@vue-flow/core";
+type FlowControls = ComponentConfig<typeof theme, AppConfig, "flowControls">;
+export interface FlowControlsProps {
+    /** Show zoom controls */
+    showZoom?: boolean;
+    /** Show fit-view button */
+    showFitView?: boolean;
+    /** Show interactive toggle */
+    showInteractive?: boolean;
+    /** Fit view params */
+    fitViewParams?: FitViewParams;
+    /** Panel position */
+    position?: PanelPositionType;
+    /** Theme slot overrides */
+    ui?: FlowControls["slots"];
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<FlowControlsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FlowControlsProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/flow/FlowControls.vue

@@ -0,0 +1,37 @@
+<script>
+import theme from "#build/ui-elements/flow-controls";
+</script>
+
+<script setup>
+import { computed } from "vue";
+import { Controls } from "@vue-flow/controls";
+import { tv } from "../../utils/tv";
+const {
+  showZoom = true,
+  showFitView = true,
+  showInteractive = true,
+  fitViewParams,
+  position = "bottom-left",
+  ui: uiProps = {}
+} = defineProps({
+  showZoom: { type: Boolean, required: false },
+  showFitView: { type: Boolean, required: false },
+  showInteractive: { type: Boolean, required: false },
+  fitViewParams: { type: Object, required: false },
+  position: { type: String, required: false },
+  ui: { type: null, required: false }
+});
+const ui = computed(() => tv({ extend: tv(theme) })({}));
+</script>
+
+<template>
+  <Controls
+    :show-zoom="showZoom"
+    :show-fit-view="showFitView"
+    :show-interactive="showInteractive"
+    :fit-view-params="fitViewParams"
+    :position="position"
+    :class="ui.root({ class: uiProps?.root })">
+    <slot />
+  </Controls>
+</template>

package/dist/runtime/components/flow/FlowControls.vue.d.ts

@@ -0,0 +1,29 @@
+import type { AppConfig } from "@nuxt/schema";
+import theme from "#build/ui-elements/flow-controls";
+import type { ComponentConfig } from "../../types/index.js";
+import type { PanelPositionType, FitViewParams } from "@vue-flow/core";
+type FlowControls = ComponentConfig<typeof theme, AppConfig, "flowControls">;
+export interface FlowControlsProps {
+    /** Show zoom controls */
+    showZoom?: boolean;
+    /** Show fit-view button */
+    showFitView?: boolean;
+    /** Show interactive toggle */
+    showInteractive?: boolean;
+    /** Fit view params */
+    fitViewParams?: FitViewParams;
+    /** Panel position */
+    position?: PanelPositionType;
+    /** Theme slot overrides */
+    ui?: FlowControls["slots"];
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<FlowControlsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FlowControlsProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/flow/FlowMiniMap.d.vue.ts

@@ -0,0 +1,37 @@
+import type { AppConfig } from "@nuxt/schema";
+import theme from "#build/ui-elements/flow-mini-map";
+import type { ComponentConfig } from "../../types/index.js";
+import type { PanelPositionType } from "@vue-flow/core";
+type FlowMiniMap = ComponentConfig<typeof theme, AppConfig, "flowMiniMap">;
+export interface FlowMiniMapProps {
+    /** Enable drag to pan viewport */
+    pannable?: boolean;
+    /** Enable zoom to zoom viewport */
+    zoomable?: boolean;
+    /** Panel position */
+    position?: PanelPositionType;
+    /** Node color */
+    nodeColor?: string;
+    /** Node stroke color */
+    nodeStrokeColor?: string;
+    /** Node border radius */
+    nodeBorderRadius?: number;
+    /** Mask color */
+    maskColor?: string;
+    /** Width */
+    width?: number;
+    /** Height */
+    height?: number;
+    /** Theme slot overrides */
+    ui?: FlowMiniMap["slots"];
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<FlowMiniMapProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FlowMiniMapProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    [x: string]: ((props: any) => any) | undefined;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/flow/FlowMiniMap.vue

@@ -0,0 +1,51 @@
+<script>
+import theme from "#build/ui-elements/flow-mini-map";
+</script>
+
+<script setup>
+import { computed } from "vue";
+import { MiniMap } from "@vue-flow/minimap";
+import { tv } from "../../utils/tv";
+const {
+  pannable = true,
+  zoomable = true,
+  position = "bottom-right",
+  nodeColor,
+  nodeStrokeColor,
+  nodeBorderRadius = 4,
+  maskColor,
+  width,
+  height,
+  ui: uiProps = {}
+} = defineProps({
+  pannable: { type: Boolean, required: false },
+  zoomable: { type: Boolean, required: false },
+  position: { type: String, required: false },
+  nodeColor: { type: String, required: false },
+  nodeStrokeColor: { type: String, required: false },
+  nodeBorderRadius: { type: Number, required: false },
+  maskColor: { type: String, required: false },
+  width: { type: Number, required: false },
+  height: { type: Number, required: false },
+  ui: { type: null, required: false }
+});
+const ui = computed(() => tv({ extend: tv(theme) })({}));
+</script>
+
+<template>
+  <MiniMap
+    :pannable="pannable"
+    :zoomable="zoomable"
+    :position="position"
+    :node-color="nodeColor"
+    :node-stroke-color="nodeStrokeColor"
+    :node-border-radius="nodeBorderRadius"
+    :mask-color="maskColor"
+    :width="width"
+    :height="height"
+    :class="ui.root({ class: uiProps?.root })">
+    <template v-for="(_, name) in $slots" #[name]="slotData">
+      <slot :name="name" v-bind="slotData ?? {}" />
+    </template>
+  </MiniMap>
+</template>

package/dist/runtime/components/flow/FlowMiniMap.vue.d.ts

@@ -0,0 +1,37 @@
+import type { AppConfig } from "@nuxt/schema";
+import theme from "#build/ui-elements/flow-mini-map";
+import type { ComponentConfig } from "../../types/index.js";
+import type { PanelPositionType } from "@vue-flow/core";
+type FlowMiniMap = ComponentConfig<typeof theme, AppConfig, "flowMiniMap">;
+export interface FlowMiniMapProps {
+    /** Enable drag to pan viewport */
+    pannable?: boolean;
+    /** Enable zoom to zoom viewport */
+    zoomable?: boolean;
+    /** Panel position */
+    position?: PanelPositionType;
+    /** Node color */
+    nodeColor?: string;
+    /** Node stroke color */
+    nodeStrokeColor?: string;
+    /** Node border radius */
+    nodeBorderRadius?: number;
+    /** Mask color */
+    maskColor?: string;
+    /** Width */
+    width?: number;
+    /** Height */
+    height?: number;
+    /** Theme slot overrides */
+    ui?: FlowMiniMap["slots"];
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<FlowMiniMapProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FlowMiniMapProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    [x: string]: ((props: any) => any) | undefined;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/index.css

@@ -1 +1 @@
-@import "#build/ui-elements.css";@source "./components";
+@import "#build/ui-elements.css";@source "./components";.vue-flow__controls{border:1px solid var(--ui-border);border-radius:var(--ui-radius);box-shadow:0 0 2px 1px rgba(0,0,0,.08);overflow:hidden}.vue-flow__controls-button{align-items:center;background:var(--ui-bg);border:none;border-bottom:1px solid var(--ui-border);cursor:pointer;display:flex;height:16px;justify-content:center;padding:6px;width:16px}.vue-flow__controls-button:last-child{border-bottom:none}.vue-flow__controls-button:hover{background:var(--ui-bg-elevated)}.vue-flow__controls-button svg{fill:var(--ui-text);max-height:12px;max-width:12px;width:100%}.vue-flow__minimap{border:1px solid var(--ui-border);border-radius:var(--ui-radius);overflow:hidden}

package/dist/runtime/types/index.d.ts

@@ -1,5 +1,11 @@
 export * from "../components/DialogConfirm.vue.js";
 export * from "../components/DialogAlert.vue.js";
 export * from "../components/ToggleGroup.vue.js";
+export * from "../components/Flow.vue.js";
+export * from "../components/FlowNode.vue.js";
+export * from "../components/FlowHandle.vue.js";
+export * from "../components/FlowBackground.vue.js";
+export * from "../components/FlowControls.vue.js";
+export * from "../components/FlowMiniMap.vue.js";
 export * from "./tv.js";
 export * from "./utils.js";

package/dist/runtime/types/index.js

@@ -1,5 +1,11 @@
 export * from "../components/DialogConfirm.vue";
 export * from "../components/DialogAlert.vue";
 export * from "../components/ToggleGroup.vue";
+export * from "../components/Flow.vue";
+export * from "../components/FlowNode.vue";
+export * from "../components/FlowHandle.vue";
+export * from "../components/FlowBackground.vue";
+export * from "../components/FlowControls.vue";
+export * from "../components/FlowMiniMap.vue";
 export * from "./tv.js";
 export * from "./utils.js";

package/dist/runtime/utils/std.d.ts

@@ -11,6 +11,7 @@
 import plur from "plur";
 import slugify from "@sindresorhus/slugify";
 import * as date from "./std/date.js";
+export { plur, slugify, date };
 declare const _default: {
     readonly plur: typeof plur;
     readonly slugify: typeof slugify;

package/dist/runtime/utils/std.js

@@ -1,6 +1,7 @@
 import plur from "plur";
 import slugify from "@sindresorhus/slugify";
 import * as date from "./std/date.js";
+export { plur, slugify, date };
 export default {
   plur,
   slugify,