@sprawlify/vue 0.0.72 → 0.0.74

package/dist/components/toggle-group/index.js

@@ -0,0 +1,207 @@
+import { t as __exportAll } from "../../chunk-BN_g-Awi.js";
+import { n as useMachine, r as normalizeProps$1 } from "../../core-DNndr38p.js";
+import { a as useLocaleContext, c as useEnvironmentContext, i as DEFAULT_LOCALE, s as DEFAULT_ENVIRONMENT } from "../../providers-DNBWT-O_.js";
+import { t as createContext } from "../../create-context-Ds1GbsVc.js";
+import { t as useForwardExpose } from "../../use-forward-expose-CCAmHTUB.js";
+import { t as toggleGroupAnatomy } from "../../toggle-group-anatomy-DD8PvB75.js";
+import { t as sprawlify } from "../../factory-DxZQviAU.js";
+import { t as cleanProps } from "../../clean-props-DsGHTEpm.js";
+import { computed, createBlock, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, useId, withCtx } from "vue";
+import * as toggleGroup from "@sprawlify/primitives/machines/toggle-group";
+
+//#region src/components/toggle-group/use-toggle-group-context.ts
+const [ToggleGroupProvider, useToggleGroupContext] = createContext("ToggleGroupContext");
+
+//#endregion
+//#region src/components/toggle-group/toggle-group-context.vue?vue&type=script&setup=true&lang.ts
+var toggle_group_context_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "toggle-group-context",
+	setup(__props) {
+		const toggleGroup = useToggleGroupContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(toggleGroup))));
+		};
+	}
+});
+
+//#endregion
+//#region src/components/toggle-group/toggle-group-context.vue
+var toggle_group_context_default = toggle_group_context_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/toggle-group/toggle-group-item.vue?vue&type=script&setup=true&lang.ts
+var toggle_group_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "toggle-group-item",
+	props: {
+		value: {
+			type: String,
+			required: true
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			skipCheck: true
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const toggleGroup = useToggleGroupContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).button, mergeProps(unref(toggleGroup).getItemProps(props), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/toggle-group/toggle-group-item.vue
+var toggle_group_item_default = toggle_group_item_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/toggle-group/toggle-group-root-provider.vue?vue&type=script&setup=true&lang.ts
+var toggle_group_root_provider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "toggle-group-root-provider",
+	props: {
+		value: {
+			type: null,
+			required: true
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const toggleGroup = computed(() => props.value);
+		ToggleGroupProvider(toggleGroup);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(toggleGroup.value.getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/toggle-group/toggle-group-root-provider.vue
+var toggle_group_root_provider_default = toggle_group_root_provider_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/toggle-group/use-toggle-group.ts
+const useToggleGroup = (props = {}, emit) => {
+	const id = useId();
+	const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
+	const locale = useLocaleContext(DEFAULT_LOCALE);
+	const context = computed(() => {
+		const localProps = toValue(props);
+		return {
+			id,
+			dir: locale.value.dir,
+			value: localProps.modelValue,
+			getRootNode: env?.value.getRootNode,
+			...cleanProps(localProps),
+			onValueChange: (details) => {
+				emit?.("valueChange", details);
+				emit?.("update:modelValue", details.value);
+				localProps.onValueChange?.(details);
+			}
+		};
+	});
+	const service = useMachine(toggleGroup.machine, context);
+	return computed(() => toggleGroup.connect(service, normalizeProps$1));
+};
+
+//#endregion
+//#region src/components/toggle-group/toggle-group-root.vue?vue&type=script&setup=true&lang.ts
+var toggle_group_root_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "toggle-group-root",
+	props: /* @__PURE__ */ mergeDefaults({
+		defaultValue: {
+			type: Array,
+			required: false
+		},
+		deselectable: {
+			type: Boolean,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		id: {
+			type: String,
+			required: false
+		},
+		ids: {
+			type: Object,
+			required: false
+		},
+		loopFocus: {
+			type: Boolean,
+			required: false
+		},
+		modelValue: {
+			type: Array,
+			required: false
+		},
+		multiple: {
+			type: Boolean,
+			required: false
+		},
+		orientation: {
+			type: null,
+			required: false
+		},
+		rovingFocus: {
+			type: Boolean,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	}, {
+		disabled: void 0,
+		deselectable: void 0,
+		loopFocus: void 0,
+		multiple: void 0,
+		rovingFocus: void 0
+	}),
+	emits: ["valueChange", "update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const toggleGroup = useToggleGroup(__props, __emit);
+		ToggleGroupProvider(toggleGroup);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(toggleGroup).getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/toggle-group/toggle-group-root.vue
+var toggle_group_root_default = toggle_group_root_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/toggle-group/toggle-group.ts
+var toggle_group_exports = /* @__PURE__ */ __exportAll({
+	Context: () => toggle_group_context_default,
+	Item: () => toggle_group_item_default,
+	Root: () => toggle_group_root_default,
+	RootProvider: () => toggle_group_root_provider_default
+});
+
+//#endregion
+export { toggle_group_exports as ToggleGroup, toggle_group_context_default as ToggleGroupContext, toggle_group_item_default as ToggleGroupItem, toggle_group_root_default as ToggleGroupRoot, toggle_group_root_provider_default as ToggleGroupRootProvider, toggleGroupAnatomy, useToggleGroup, useToggleGroupContext };

package/dist/components/tooltip/index.d.ts

@@ -0,0 +1,202 @@
+import { t as PolymorphicProps } from "../../factory-D5HMCjkS.js";
+import { t as RootEmits$1 } from "../../presence-types-CaUy1bPc.js";
+import { a as Optional, r as EmitFn$1 } from "../../types-DVbnnQPS.js";
+import { r as PropTypes } from "../../index-DmKzfNVe.js";
+import { t as RenderStrategyProps } from "../../use-render-strategy-DsagWQCm.js";
+import { t as tooltipAnatomy } from "../../tooltip-anatomy-jbsTMGov.js";
+import * as vue2191 from "vue";
+import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
+import * as tooltip from "@sprawlify/primitives/machines/tooltip";
+import { OpenChangeDetails, OpenChangeDetails as TooltipOpenChangeDetails } from "@sprawlify/primitives/machines/tooltip";
+
+//#region src/components/tooltip/tooltip-arrow-tip.vue.d.ts
+interface TooltipArrowTipBaseProps extends PolymorphicProps {}
+interface TooltipArrowTipProps extends TooltipArrowTipBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$1: typeof __VLS_export$7;
+declare const __VLS_export$7: __VLS_WithSlots$7<vue2191.DefineComponent<TooltipArrowTipProps, {}, {}, {}, {}, vue2191.ComponentOptionsMixin, vue2191.ComponentOptionsMixin, {}, string, vue2191.PublicProps, Readonly<TooltipArrowTipProps> & Readonly<{}>, {}, {}, {}, {}, string, vue2191.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$7<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/tooltip/tooltip-arrow.vue.d.ts
+interface TooltipArrowBaseProps extends PolymorphicProps {}
+interface TooltipArrowProps extends TooltipArrowBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default: typeof __VLS_export$6;
+declare const __VLS_export$6: __VLS_WithSlots$6<vue2191.DefineComponent<TooltipArrowProps, {}, {}, {}, {}, vue2191.ComponentOptionsMixin, vue2191.ComponentOptionsMixin, {}, string, vue2191.PublicProps, Readonly<TooltipArrowProps> & Readonly<{}>, {}, {}, {}, {}, string, vue2191.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$6<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/tooltip/tooltip-content.vue.d.ts
+interface TooltipContentBaseProps extends PolymorphicProps {}
+interface TooltipContentProps extends TooltipContentBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$2: typeof __VLS_export$5;
+declare const __VLS_export$5: __VLS_WithSlots$5<vue2191.DefineComponent<TooltipContentProps, {}, {}, {}, {}, vue2191.ComponentOptionsMixin, vue2191.ComponentOptionsMixin, {}, string, vue2191.PublicProps, Readonly<TooltipContentProps> & Readonly<{}>, {}, {}, {}, {}, string, vue2191.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$5<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/tooltip/tooltip-types.d.ts
+interface RootProps {
+  'aria-label'?: string;
+  closeDelay?: number;
+  closeOnClick?: boolean;
+  closeOnEscape?: boolean;
+  closeOnPointerDown?: boolean;
+  closeOnScroll?: boolean;
+  defaultOpen?: boolean;
+  disabled?: boolean;
+  id?: string;
+  ids?: Partial<{
+    trigger: string;
+    content: string;
+    arrow: string;
+    positioner: string;
+  }>;
+  interactive?: boolean;
+  open?: boolean;
+  openDelay?: number;
+  positioning?: tooltip.PositioningOptions;
+}
+type RootEmits = {
+  exitComplete: [];
+  openChange: [details: tooltip.OpenChangeDetails];
+  'update:open': [open: boolean];
+};
+//#endregion
+//#region src/components/tooltip/use-tooltip.d.ts
+interface UseTooltipProps extends Optional<Omit<tooltip.Props, 'dir' | 'getRootNode'>, 'id'> {}
+interface UseTooltipReturn extends ComputedRef<tooltip.Api<PropTypes>> {}
+declare const useTooltip: (props?: MaybeRef<UseTooltipProps>, emit?: EmitFn$1<RootEmits>) => UseTooltipReturn;
+//#endregion
+//#region src/components/tooltip/use-tooltip-context.d.ts
+interface UseTooltipContext extends UseTooltipReturn {}
+//#endregion
+//#region src/components/tooltip/tooltip-context.vue.d.ts
+interface TooltipContextProps extends SlotsType<{
+  default: UnwrapRef<UseTooltipContext>;
+}> {}
+declare const _default$3: typeof __VLS_export$4;
+declare const __VLS_export$4: __VLS_WithSlots$4<vue2191.DefineComponent<{}, {}, {}, {}, {}, vue2191.ComponentOptionsMixin, vue2191.ComponentOptionsMixin, {}, string, vue2191.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue2191.ComponentProvideOptions, true, {}, any>, {
+  default(tooltip: UnwrapRef<UseTooltipContext>): unknown;
+}>;
+type __VLS_WithSlots$4<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/tooltip/tooltip-positioner.vue.d.ts
+interface TooltipPositionerBaseProps extends PolymorphicProps {}
+interface TooltipPositionerProps extends TooltipPositionerBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$4: typeof __VLS_export$3;
+declare const __VLS_export$3: __VLS_WithSlots$3<vue2191.DefineComponent<TooltipPositionerProps, {}, {}, {}, {}, vue2191.ComponentOptionsMixin, vue2191.ComponentOptionsMixin, {}, string, vue2191.PublicProps, Readonly<TooltipPositionerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue2191.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$3<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/tooltip/tooltip-root-provider.vue.d.ts
+interface RootProviderProps {
+  value: UnwrapRef<UseTooltipReturn>;
+}
+interface TooltipRootProviderBaseProps extends RootProviderProps, RenderStrategyProps {}
+interface TooltipRootProviderProps extends TooltipRootProviderBaseProps {}
+interface TooltipRootProviderEmits extends RootEmits$1 {}
+declare const _default$6: typeof __VLS_export$2;
+declare const __VLS_export$2: __VLS_WithSlots$2<vue2191.DefineComponent<TooltipRootProviderProps, {}, {}, {}, {}, vue2191.ComponentOptionsMixin, vue2191.ComponentOptionsMixin, {
+  exitComplete: () => any;
+}, string, vue2191.PublicProps, Readonly<TooltipRootProviderProps> & Readonly<{
+  onExitComplete?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, vue2191.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/tooltip/tooltip-root.vue.d.ts
+interface TooltipRootBaseProps extends RootProps, RenderStrategyProps {}
+interface TooltipRootProps extends TooltipRootBaseProps {}
+interface TooltipRootEmits extends RootEmits {}
+declare const _default$5: typeof __VLS_export$1;
+declare const __VLS_export$1: __VLS_WithSlots$1<vue2191.DefineComponent<TooltipRootProps, {}, {}, {}, {}, vue2191.ComponentOptionsMixin, vue2191.ComponentOptionsMixin, {
+  exitComplete: () => any;
+  openChange: (details: tooltip.OpenChangeDetails) => any;
+  "update:open": (open: boolean) => any;
+}, string, vue2191.PublicProps, Readonly<TooltipRootProps> & Readonly<{
+  onExitComplete?: (() => any) | undefined;
+  onOpenChange?: ((details: tooltip.OpenChangeDetails) => any) | undefined;
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
+}>, {
+  disabled: boolean;
+  defaultOpen: boolean;
+  open: boolean;
+  closeOnEscape: boolean;
+  closeOnClick: boolean;
+  closeOnPointerDown: boolean;
+  closeOnScroll: boolean;
+  interactive: boolean;
+}, {}, {}, {}, string, vue2191.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/tooltip/tooltip-trigger.vue.d.ts
+interface TooltipTriggerBaseProps extends PolymorphicProps {}
+interface TooltipTriggerProps extends TooltipTriggerBaseProps,
+/**
+ * @vue-ignore
+ */
+ButtonHTMLAttributes {}
+declare const _default$7: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<vue2191.DefineComponent<TooltipTriggerProps, {}, {}, {}, {}, vue2191.ComponentOptionsMixin, vue2191.ComponentOptionsMixin, {}, string, vue2191.PublicProps, Readonly<TooltipTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue2191.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+declare namespace tooltip_d_exports {
+  export { _default as Arrow, TooltipArrowBaseProps as ArrowBaseProps, TooltipArrowProps as ArrowProps, _default$1 as ArrowTip, TooltipArrowTipBaseProps as ArrowTipBaseProps, TooltipArrowTipProps as ArrowTipProps, _default$2 as Content, TooltipContentBaseProps as ContentBaseProps, TooltipContentProps as ContentProps, _default$3 as Context, TooltipContextProps as ContextProps, OpenChangeDetails, _default$4 as Positioner, TooltipPositionerBaseProps as PositionerBaseProps, TooltipPositionerProps as PositionerProps, _default$5 as Root, TooltipRootBaseProps as RootBaseProps, TooltipRootEmits as RootEmits, TooltipRootProps as RootProps, _default$6 as RootProvider, TooltipRootProviderBaseProps as RootProviderBaseProps, TooltipRootProviderProps as RootProviderProps, _default$7 as Trigger, TooltipTriggerBaseProps as TriggerBaseProps, TooltipTriggerProps as TriggerProps };
+}
+//#endregion
+export { tooltip_d_exports as Tooltip, _default as TooltipArrow, type TooltipArrowBaseProps, type TooltipArrowProps, _default$1 as TooltipArrowTip, type TooltipArrowTipBaseProps, type TooltipArrowTipProps, _default$2 as TooltipContent, type TooltipContentBaseProps, type TooltipContentProps, _default$3 as TooltipContext, type TooltipContextProps, type TooltipOpenChangeDetails, _default$4 as TooltipPositioner, type TooltipPositionerBaseProps, type TooltipPositionerProps, _default$5 as TooltipRoot, type TooltipRootBaseProps, type TooltipRootEmits, type TooltipRootProps, _default$6 as TooltipRootProvider, type TooltipRootProviderBaseProps, type TooltipRootProviderEmits, type TooltipRootProviderProps, _default$7 as TooltipTrigger, type TooltipTriggerBaseProps, type TooltipTriggerProps, type UseTooltipContext, type UseTooltipProps, type UseTooltipReturn, tooltipAnatomy, useTooltip, useTooltipContext };