abckit 0.0.1

package/dist/runtime/components/ui/context-menu/ContextMenuSubTrigger.vue

@@ -0,0 +1,34 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { ChevronRight } from "lucide-vue-next";
+import {
+  ContextMenuSubTrigger,
+  useForwardProps
+} from "reka-ui";
+import { cn } from "abckit/utils";
+const props = defineProps({
+  disabled: { type: Boolean, required: false },
+  textValue: { type: String, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false },
+  inset: { type: Boolean, required: false }
+});
+const delegatedProps = reactiveOmit(props, "class");
+const forwardedProps = useForwardProps(delegatedProps);
+</script>
+
+<template>
+  <ContextMenuSubTrigger
+    data-slot="context-menu-sub-trigger"
+    :data-inset="inset ? '' : void 0"
+    v-bind="forwardedProps"
+    :class="cn(
+  'focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
+  props.class
+)"
+  >
+    <slot />
+    <ChevronRight class="ml-auto" />
+  </ContextMenuSubTrigger>
+</template>

package/dist/runtime/components/ui/context-menu/ContextMenuSubTrigger.vue.d.ts

@@ -0,0 +1,19 @@
+import type { ContextMenuSubTriggerProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = ContextMenuSubTriggerProps & {
+    class?: HTMLAttributes["class"];
+    inset?: boolean;
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/context-menu/ContextMenuTrigger.d.vue.ts

@@ -0,0 +1,14 @@
+import type { ContextMenuTriggerProps } from "reka-ui";
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ContextMenuTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ContextMenuTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/context-menu/ContextMenuTrigger.vue

@@ -0,0 +1,18 @@
+<script setup>
+import { ContextMenuTrigger, useForwardProps } from "reka-ui";
+const props = defineProps({
+  disabled: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false }
+});
+const forwardedProps = useForwardProps(props);
+</script>
+
+<template>
+  <ContextMenuTrigger
+    data-slot="context-menu-trigger"
+    v-bind="forwardedProps"
+  >
+    <slot />
+  </ContextMenuTrigger>
+</template>

package/dist/runtime/components/ui/context-menu/ContextMenuTrigger.vue.d.ts

@@ -0,0 +1,14 @@
+import type { ContextMenuTriggerProps } from "reka-ui";
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ContextMenuTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ContextMenuTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/context-menu/index.d.ts

@@ -0,0 +1,14 @@
+export { default as ContextMenu } from "./ContextMenu.vue.js";
+export { default as ContextMenuCheckboxItem } from "./ContextMenuCheckboxItem.vue.js";
+export { default as ContextMenuContent } from "./ContextMenuContent.vue.js";
+export { default as ContextMenuGroup } from "./ContextMenuGroup.vue.js";
+export { default as ContextMenuItem } from "./ContextMenuItem.vue.js";
+export { default as ContextMenuLabel } from "./ContextMenuLabel.vue.js";
+export { default as ContextMenuRadioGroup } from "./ContextMenuRadioGroup.vue.js";
+export { default as ContextMenuRadioItem } from "./ContextMenuRadioItem.vue.js";
+export { default as ContextMenuSeparator } from "./ContextMenuSeparator.vue.js";
+export { default as ContextMenuShortcut } from "./ContextMenuShortcut.vue.js";
+export { default as ContextMenuSub } from "./ContextMenuSub.vue.js";
+export { default as ContextMenuSubContent } from "./ContextMenuSubContent.vue.js";
+export { default as ContextMenuSubTrigger } from "./ContextMenuSubTrigger.vue.js";
+export { default as ContextMenuTrigger } from "./ContextMenuTrigger.vue.js";

package/dist/runtime/components/ui/context-menu/index.js

@@ -0,0 +1,14 @@
+export { default as ContextMenu } from "./ContextMenu.vue";
+export { default as ContextMenuCheckboxItem } from "./ContextMenuCheckboxItem.vue";
+export { default as ContextMenuContent } from "./ContextMenuContent.vue";
+export { default as ContextMenuGroup } from "./ContextMenuGroup.vue";
+export { default as ContextMenuItem } from "./ContextMenuItem.vue";
+export { default as ContextMenuLabel } from "./ContextMenuLabel.vue";
+export { default as ContextMenuRadioGroup } from "./ContextMenuRadioGroup.vue";
+export { default as ContextMenuRadioItem } from "./ContextMenuRadioItem.vue";
+export { default as ContextMenuSeparator } from "./ContextMenuSeparator.vue";
+export { default as ContextMenuShortcut } from "./ContextMenuShortcut.vue";
+export { default as ContextMenuSub } from "./ContextMenuSub.vue";
+export { default as ContextMenuSubContent } from "./ContextMenuSubContent.vue";
+export { default as ContextMenuSubTrigger } from "./ContextMenuSubTrigger.vue";
+export { default as ContextMenuTrigger } from "./ContextMenuTrigger.vue";

package/dist/runtime/components/ui/country-select/CountrySelect.d.vue.ts

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

package/dist/runtime/components/ui/country-select/CountrySelect.vue

@@ -0,0 +1,64 @@
+<script setup>
+import { computed, watch, nextTick, ref } from "vue";
+import { FormControl } from "abckit/shadcn/form";
+import { useCountries } from "./useCountries";
+const props = defineProps({
+  modelValue: { type: String, required: false, default: "" },
+  placeholder: { type: String, required: false, default: "Select country..." },
+  disabled: { type: Boolean, required: false, default: false },
+  locale: { type: String, required: false, default: "tr" }
+});
+const emit = defineEmits(["update:modelValue"]);
+const { getAllCountries } = useCountries(props.locale);
+const formattedCountries = computed(() => {
+  return getAllCountries();
+});
+const selectRef = ref();
+watch(() => formattedCountries.value, async () => {
+  if (props.modelValue && formattedCountries.value.length > 0) {
+    await nextTick();
+    await nextTick();
+    if (selectRef.value) {
+      selectRef.value.value = props.modelValue;
+    }
+  }
+}, { immediate: true });
+</script>
+
+<template>
+  <FormControl>
+    <ClientOnly>
+      <select
+        ref="selectRef"
+        :value="modelValue"
+        :disabled="disabled"
+        @change="(event) => emit('update:modelValue', event.target.value)"
+        class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"
+      >
+        <option value="" disabled>{{ placeholder }}</option>
+        <option 
+          v-for="{ value, label } in formattedCountries" 
+          :key="value" 
+          :value="value"
+        >
+          {{ label }}
+        </option>
+      </select>
+      <template #fallback>
+        <select
+          :value="modelValue"
+          :disabled="disabled"
+          @change="(event) => emit('update:modelValue', event.target.value)"
+          class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"
+        >
+          <option value="" disabled>{{ placeholder }}</option>
+          <option value="TR">🇹🇷 Türkiye</option>
+          <option value="US">🇺🇸 United States</option>
+          <option value="GB">🇬🇧 United Kingdom</option>
+          <option value="DE">🇩🇪 Germany</option>
+          <option value="FR">🇫🇷 France</option>
+        </select>
+      </template>
+    </ClientOnly>
+  </FormControl>
+</template>

package/dist/runtime/components/ui/country-select/CountrySelect.vue.d.ts

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

package/dist/runtime/components/ui/country-select/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CountrySelect } from './CountrySelect.vue.js';
+export { useCountries } from './useCountries.js';

package/dist/runtime/components/ui/country-select/index.js

@@ -0,0 +1,2 @@
+export { default as CountrySelect } from "./CountrySelect.vue";
+export { useCountries } from "./useCountries.js";

package/dist/runtime/components/ui/country-select/useCountries.d.ts

@@ -0,0 +1,15 @@
+interface CountryOption {
+    value: string;
+    label: string;
+    name: string;
+    flag: string;
+    code: string;
+}
+export declare function useCountries(locale?: string): {
+    getAllCountries: () => CountryOption[];
+    getCountryName: (countryCode: string) => string;
+    getCountryDisplayText: (countryCode: string) => string;
+    getCountryFlag: (countryCode: string) => string;
+    popularCountries: string[];
+};
+export {};

package/dist/runtime/components/ui/country-select/useCountries.js

@@ -0,0 +1,68 @@
+export function useCountries(locale = "tr") {
+  const getCountryFlag = (countryCode) => {
+    try {
+      const codePoints = countryCode.toUpperCase().split("").map((char) => 127397 + char.charCodeAt(0));
+      return String.fromCodePoint(...codePoints);
+    } catch {
+      return "\u{1F3F3}\uFE0F";
+    }
+  };
+  const getAllCountries = () => {
+    try {
+      const countryNames = new Intl.DisplayNames([locale], { type: "region" });
+      const countries = [];
+      const A = 65;
+      const Z = 90;
+      for (let i = A; i <= Z; i++) {
+        for (let j = A; j <= Z; j++) {
+          const code = String.fromCharCode(i) + String.fromCharCode(j);
+          const name = countryNames.of(code);
+          if (name && code !== name) {
+            const flag = getCountryFlag(code);
+            countries.push({
+              value: code,
+              code,
+              name,
+              flag,
+              label: `${flag} ${name}`
+            });
+          }
+        }
+      }
+      return countries.sort(
+        (a, b) => a.name.localeCompare(b.name, locale)
+      );
+    } catch (error) {
+      console.error("Failed to generate countries list:", error);
+      return [
+        { value: "TR", code: "TR", name: "T\xFCrkiye", flag: "\u{1F1F9}\u{1F1F7}", label: "\u{1F1F9}\u{1F1F7} T\xFCrkiye" },
+        { value: "US", code: "US", name: "United States", flag: "\u{1F1FA}\u{1F1F8}", label: "\u{1F1FA}\u{1F1F8} United States" },
+        { value: "GB", code: "GB", name: "United Kingdom", flag: "\u{1F1EC}\u{1F1E7}", label: "\u{1F1EC}\u{1F1E7} United Kingdom" },
+        { value: "DE", code: "DE", name: "Germany", flag: "\u{1F1E9}\u{1F1EA}", label: "\u{1F1E9}\u{1F1EA} Germany" },
+        { value: "FR", code: "FR", name: "France", flag: "\u{1F1EB}\u{1F1F7}", label: "\u{1F1EB}\u{1F1F7} France" }
+      ];
+    }
+  };
+  const getCountryName = (countryCode) => {
+    try {
+      const countryNames = new Intl.DisplayNames([locale], { type: "region" });
+      return countryNames.of(countryCode.toUpperCase()) || countryCode;
+    } catch {
+      return countryCode;
+    }
+  };
+  const getCountryDisplayText = (countryCode) => {
+    if (!countryCode) return "";
+    const flag = getCountryFlag(countryCode);
+    const name = getCountryName(countryCode);
+    return `${flag} ${name}`;
+  };
+  const popularCountries = ["TR", "US", "GB", "DE", "FR", "IT", "ES", "NL", "CA", "AU"];
+  return {
+    getAllCountries,
+    getCountryName,
+    getCountryDisplayText,
+    getCountryFlag,
+    popularCountries
+  };
+}

package/dist/runtime/components/ui/currency-select/CurrencySelect.d.vue.ts

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

package/dist/runtime/components/ui/currency-select/CurrencySelect.vue

@@ -0,0 +1,64 @@
+<script setup>
+import { computed, watch, nextTick, ref } from "vue";
+import { FormControl } from "abckit/shadcn/form";
+import { useCurrencies } from "./useCurrencies";
+const props = defineProps({
+  modelValue: { type: String, required: false, default: "" },
+  placeholder: { type: String, required: false, default: "Select currency..." },
+  disabled: { type: Boolean, required: false, default: false },
+  displayLocale: { type: String, required: false, default: "tr" }
+});
+const emit = defineEmits(["update:modelValue"]);
+const { getAllCurrencies } = useCurrencies(props.displayLocale);
+const formattedCurrencies = computed(() => {
+  return getAllCurrencies();
+});
+const selectRef = ref();
+watch(() => formattedCurrencies.value, async () => {
+  if (props.modelValue && formattedCurrencies.value.length > 0) {
+    await nextTick();
+    await nextTick();
+    if (selectRef.value) {
+      selectRef.value.value = props.modelValue;
+    }
+  }
+}, { immediate: true });
+</script>
+
+<template>
+  <FormControl>
+    <ClientOnly>
+      <select
+        ref="selectRef"
+        :value="modelValue"
+        :disabled="disabled"
+        @change="(event) => emit('update:modelValue', event.target.value)"
+        class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"
+      >
+        <option value="" disabled>{{ placeholder }}</option>
+        <option 
+          v-for="{ value, label } in formattedCurrencies" 
+          :key="value" 
+          :value="value"
+        >
+          {{ label }}
+        </option>
+      </select>
+      <template #fallback>
+        <select
+          :value="modelValue"
+          :disabled="disabled"
+          @change="(event) => emit('update:modelValue', event.target.value)"
+          class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"
+        >
+          <option value="" disabled>{{ placeholder }}</option>
+          <option value="TRY">₺ Türk Lirası (TRY)</option>
+          <option value="USD">$ US Dollar (USD)</option>
+          <option value="EUR">€ Euro (EUR)</option>
+          <option value="GBP">£ British Pound (GBP)</option>
+          <option value="JPY">¥ Japanese Yen (JPY)</option>
+        </select>
+      </template>
+    </ClientOnly>
+  </FormControl>
+</template>

package/dist/runtime/components/ui/currency-select/CurrencySelect.vue.d.ts

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

package/dist/runtime/components/ui/currency-select/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CurrencySelect } from './CurrencySelect.vue.js';
+export { useCurrencies } from './useCurrencies.js';

package/dist/runtime/components/ui/currency-select/index.js

@@ -0,0 +1,2 @@
+export { default as CurrencySelect } from "./CurrencySelect.vue";
+export { useCurrencies } from "./useCurrencies.js";

package/dist/runtime/components/ui/currency-select/useCurrencies.d.ts

@@ -0,0 +1,16 @@
+interface CurrencyOption {
+    value: string;
+    label: string;
+    name: string;
+    code: string;
+    symbol: string;
+    popular?: boolean;
+}
+export declare function useCurrencies(displayLocale?: string): {
+    getAllCurrencies: () => CurrencyOption[];
+    getCurrencyName: (currencyCode: string) => string;
+    getCurrencyDisplayText: (currencyCode: string) => string;
+    getCurrencySymbol: (currencyCode: string) => string;
+    popularCurrencies: string[];
+};
+export {};

package/dist/runtime/components/ui/currency-select/useCurrencies.js

@@ -0,0 +1,79 @@
+export function useCurrencies(displayLocale = "tr") {
+  const popularCurrencies = ["TRY", "USD", "EUR", "GBP", "JPY", "CHF", "CAD", "AUD", "CNY", "INR"];
+  const getCurrencySymbol = (currencyCode) => {
+    try {
+      const formatter = new Intl.NumberFormat("en", {
+        style: "currency",
+        currency: currencyCode.toUpperCase(),
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 0
+      });
+      const formatted = formatter.format(0);
+      const symbol = formatted.replace(/[0-9,.\s]/g, "");
+      if (symbol && symbol.length > 0) {
+        return symbol;
+      }
+    } catch {
+    }
+    return currencyCode.toUpperCase();
+  };
+  const getAllCurrencies = () => {
+    try {
+      const allCurrencyCodes = Intl.supportedValuesOf?.("currency");
+      if (!allCurrencyCodes || allCurrencyCodes.length === 0) {
+        console.warn("Intl.supportedValuesOf not available for currencies, using popular list");
+        throw new Error("supportedValuesOf not available");
+      }
+      const currencyNames = new Intl.DisplayNames([displayLocale], { type: "currency" });
+      const allCurrencies = allCurrencyCodes.map((code) => {
+        const name = currencyNames.of(code) || code;
+        const symbol = getCurrencySymbol(code);
+        return {
+          value: code,
+          code,
+          name,
+          symbol,
+          label: `${symbol} ${name} (${code})`,
+          popular: popularCurrencies.includes(code)
+        };
+      });
+      return allCurrencies.sort((a, b) => {
+        if (a.popular && !b.popular) return -1;
+        if (!a.popular && b.popular) return 1;
+        return a.name.localeCompare(b.name, displayLocale);
+      });
+    } catch (error) {
+      console.error("Failed to generate currencies list:", error);
+      const fallbackNames = new Intl.DisplayNames([displayLocale], { type: "currency" });
+      return popularCurrencies.map((code) => ({
+        value: code,
+        code,
+        name: fallbackNames.of(code) || code,
+        symbol: getCurrencySymbol(code),
+        label: `${getCurrencySymbol(code)} ${fallbackNames.of(code) || code} (${code})`,
+        popular: true
+      }));
+    }
+  };
+  const getCurrencyName = (currencyCode) => {
+    try {
+      const currencyNames = new Intl.DisplayNames([displayLocale], { type: "currency" });
+      return currencyNames.of(currencyCode.toUpperCase()) || currencyCode;
+    } catch {
+      return currencyCode;
+    }
+  };
+  const getCurrencyDisplayText = (currencyCode) => {
+    if (!currencyCode) return "";
+    const symbol = getCurrencySymbol(currencyCode);
+    const name = getCurrencyName(currencyCode);
+    return `${symbol} ${name} (${currencyCode.toUpperCase()})`;
+  };
+  return {
+    getAllCurrencies,
+    getCurrencyName,
+    getCurrencyDisplayText,
+    getCurrencySymbol,
+    popularCurrencies
+  };
+}

package/dist/runtime/components/ui/dialog/Dialog.d.vue.ts

@@ -0,0 +1,21 @@
+import type { DialogRootProps } from "reka-ui";
+declare var __VLS_8: {
+    open: boolean;
+    close: () => void;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DialogRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<DialogRootProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/dialog/Dialog.vue

@@ -0,0 +1,20 @@
+<script setup>
+import { DialogRoot, useForwardPropsEmits } from "reka-ui";
+const props = defineProps({
+  open: { type: Boolean, required: false },
+  defaultOpen: { type: Boolean, required: false },
+  modal: { type: Boolean, required: false }
+});
+const emits = defineEmits(["update:open"]);
+const forwarded = useForwardPropsEmits(props, emits);
+</script>
+
+<template>
+  <DialogRoot
+    v-slot="slotProps"
+    data-slot="dialog"
+    v-bind="forwarded"
+  >
+    <slot v-bind="slotProps" />
+  </DialogRoot>
+</template>

package/dist/runtime/components/ui/dialog/Dialog.vue.d.ts

@@ -0,0 +1,21 @@
+import type { DialogRootProps } from "reka-ui";
+declare var __VLS_8: {
+    open: boolean;
+    close: () => void;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DialogRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<DialogRootProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/dialog/DialogClose.d.vue.ts

@@ -0,0 +1,14 @@
+import type { DialogCloseProps } from "reka-ui";
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DialogCloseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogCloseProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/dialog/DialogClose.vue

@@ -0,0 +1,16 @@
+<script setup>
+import { DialogClose } from "reka-ui";
+const props = defineProps({
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false }
+});
+</script>
+
+<template>
+  <DialogClose
+    data-slot="dialog-close"
+    v-bind="props"
+  >
+    <slot />
+  </DialogClose>
+</template>

package/dist/runtime/components/ui/dialog/DialogClose.vue.d.ts

@@ -0,0 +1,14 @@
+import type { DialogCloseProps } from "reka-ui";
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DialogCloseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogCloseProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};