abckit 0.0.1

package/dist/runtime/components/ui/item/ItemMedia.vue

@@ -0,0 +1,18 @@
+<script setup>
+import { cn } from "abckit/utils";
+import { itemMediaVariants } from ".";
+const props = defineProps({
+  class: { type: null, required: false },
+  variant: { type: null, required: false }
+});
+</script>
+
+<template>
+  <div
+    data-slot="item-media"
+    :data-variant="props.variant"
+    :class="cn(itemMediaVariants({ variant }), props.class)"
+  >
+    <slot />
+  </div>
+</template>

package/dist/runtime/components/ui/item/ItemMedia.vue.d.ts

@@ -0,0 +1,19 @@
+import type { HTMLAttributes } from "vue";
+import type { ItemMediaVariants } from ".";
+type __VLS_Props = {
+    class?: HTMLAttributes["class"];
+    variant?: ItemMediaVariants["variant"];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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/item/ItemSeparator.d.vue.ts

@@ -0,0 +1,8 @@
+import type { SeparatorProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = SeparatorProps & {
+    class?: HTMLAttributes["class"];
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/item/ItemSeparator.vue

@@ -0,0 +1,19 @@
+<script setup>
+import { cn } from "abckit/utils";
+import { Separator } from "abckit/shadcn/separator";
+const props = defineProps({
+  orientation: { type: String, required: false },
+  decorative: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false }
+});
+</script>
+
+<template>
+  <Separator
+    data-slot="item-separator"
+    orientation="horizontal"
+    :class="cn('my-0', props.class)"
+  />
+</template>

package/dist/runtime/components/ui/item/ItemSeparator.vue.d.ts

@@ -0,0 +1,8 @@
+import type { SeparatorProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = SeparatorProps & {
+    class?: HTMLAttributes["class"];
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/item/ItemTitle.d.vue.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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/item/ItemTitle.vue

@@ -0,0 +1,15 @@
+<script setup>
+import { cn } from "abckit/utils";
+const props = defineProps({
+  class: { type: null, required: false }
+});
+</script>
+
+<template>
+  <div
+    data-slot="item-title"
+    :class="cn('flex w-fit items-center gap-2 text-sm leading-snug font-medium', props.class)"
+  >
+    <slot />
+  </div>
+</template>

package/dist/runtime/components/ui/item/ItemTitle.vue.d.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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/item/index.d.ts

@@ -0,0 +1,20 @@
+import type { VariantProps } from "class-variance-authority";
+export { default as Item } from "./Item.vue.js";
+export { default as ItemActions } from "./ItemActions.vue.js";
+export { default as ItemContent } from "./ItemContent.vue.js";
+export { default as ItemDescription } from "./ItemDescription.vue.js";
+export { default as ItemFooter } from "./ItemFooter.vue.js";
+export { default as ItemGroup } from "./ItemGroup.vue.js";
+export { default as ItemHeader } from "./ItemHeader.vue.js";
+export { default as ItemMedia } from "./ItemMedia.vue.js";
+export { default as ItemSeparator } from "./ItemSeparator.vue.js";
+export { default as ItemTitle } from "./ItemTitle.vue.js";
+export declare const itemVariants: (props?: ({
+    variant?: "default" | "outline" | "muted" | null | undefined;
+    size?: "default" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const itemMediaVariants: (props?: ({
+    variant?: "image" | "default" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ItemVariants = VariantProps<typeof itemVariants>;
+export type ItemMediaVariants = VariantProps<typeof itemMediaVariants>;

package/dist/runtime/components/ui/item/index.js

@@ -0,0 +1,46 @@
+import { cva } from "class-variance-authority";
+export { default as Item } from "./Item.vue";
+export { default as ItemActions } from "./ItemActions.vue";
+export { default as ItemContent } from "./ItemContent.vue";
+export { default as ItemDescription } from "./ItemDescription.vue";
+export { default as ItemFooter } from "./ItemFooter.vue";
+export { default as ItemGroup } from "./ItemGroup.vue";
+export { default as ItemHeader } from "./ItemHeader.vue";
+export { default as ItemMedia } from "./ItemMedia.vue";
+export { default as ItemSeparator } from "./ItemSeparator.vue";
+export { default as ItemTitle } from "./ItemTitle.vue";
+export const itemVariants = cva(
+  "group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border-border",
+        muted: "bg-muted/50"
+      },
+      size: {
+        default: "p-4 gap-4 ",
+        sm: "py-3 px-4 gap-2.5"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+export const itemMediaVariants = cva(
+  "flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        icon: "size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4",
+        image: "size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);

package/dist/runtime/components/ui/kbd/Kbd.d.vue.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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/kbd/Kbd.vue

@@ -0,0 +1,19 @@
+<script setup>
+import { cn } from "abckit/utils";
+const props = defineProps({
+  class: { type: null, required: false }
+});
+</script>
+
+<template>
+  <kbd
+    :class="cn(
+  'bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm px-1 font-sans text-xs font-medium select-none',
+  '[&_svg:not([class*=\'size-\'])]:size-3',
+  '[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10',
+  props.class
+)"
+  >
+    <slot />
+  </kbd>
+</template>

package/dist/runtime/components/ui/kbd/Kbd.vue.d.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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/kbd/KbdGroup.d.vue.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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/kbd/KbdGroup.vue

@@ -0,0 +1,15 @@
+<script setup>
+import { cn } from "abckit/utils";
+const props = defineProps({
+  class: { type: null, required: false }
+});
+</script>
+
+<template>
+  <kbd
+    data-slot="kbd-group"
+    :class="cn('inline-flex items-center gap-1', props.class)"
+  >
+    <slot />
+  </kbd>
+</template>

package/dist/runtime/components/ui/kbd/KbdGroup.vue.d.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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/kbd/index.d.ts

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

package/dist/runtime/components/ui/kbd/index.js

@@ -0,0 +1,2 @@
+export { default as Kbd } from "./Kbd.vue";
+export { default as KbdGroup } from "./KbdGroup.vue";

package/dist/runtime/components/ui/label/Label.d.vue.ts

@@ -0,0 +1,18 @@
+import type { LabelProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = LabelProps & {
+    class?: HTMLAttributes["class"];
+};
+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/label/Label.vue

@@ -0,0 +1,27 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { Label } from "reka-ui";
+import { cn } from "abckit/utils";
+const props = defineProps({
+  for: { type: String, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false }
+});
+const delegatedProps = reactiveOmit(props, "class");
+</script>
+
+<template>
+  <Label
+    data-slot="label"
+    v-bind="delegatedProps"
+    :class="
+  cn(
+    'flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
+    props.class
+  )
+"
+  >
+    <slot />
+  </Label>
+</template>

package/dist/runtime/components/ui/label/Label.vue.d.ts

@@ -0,0 +1,18 @@
+import type { LabelProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = LabelProps & {
+    class?: HTMLAttributes["class"];
+};
+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/label/index.d.ts

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

package/dist/runtime/components/ui/label/index.js

@@ -0,0 +1 @@
+export { default as Label } from "./Label.vue";

package/dist/runtime/components/ui/language-select/LanguageSelect.d.vue.ts

@@ -0,0 +1,14 @@
+interface Props {
+    modelValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    displayLocale?: string;
+    showAllLanguages?: boolean;
+}
+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/language-select/LanguageSelect.vue

@@ -0,0 +1,65 @@
+<script setup>
+import { computed, watch, nextTick, ref } from "vue";
+import { FormControl } from "abckit/shadcn/form";
+import { useLanguages } from "./useLanguages";
+const props = defineProps({
+  modelValue: { type: String, required: false, default: "" },
+  placeholder: { type: String, required: false, default: "Select language..." },
+  disabled: { type: Boolean, required: false, default: false },
+  displayLocale: { type: String, required: false, default: "tr" },
+  showAllLanguages: { type: Boolean, required: false, default: false }
+});
+const emit = defineEmits(["update:modelValue"]);
+const { getAllLanguages } = useLanguages(props.displayLocale, props.showAllLanguages);
+const formattedLanguages = computed(() => {
+  return getAllLanguages();
+});
+const selectRef = ref();
+watch(() => formattedLanguages.value, async () => {
+  if (props.modelValue && formattedLanguages.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 formattedLanguages" 
+          :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ürkçe (Turkish)</option>
+          <option value="en">English</option>
+          <option value="es">Español (Spanish)</option>
+          <option value="fr">Français (French)</option>
+          <option value="de">Deutsch (German)</option>
+        </select>
+      </template>
+    </ClientOnly>
+  </FormControl>
+</template>

package/dist/runtime/components/ui/language-select/LanguageSelect.vue.d.ts

@@ -0,0 +1,14 @@
+interface Props {
+    modelValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    displayLocale?: string;
+    showAllLanguages?: boolean;
+}
+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/language-select/index.d.ts

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

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

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

package/dist/runtime/components/ui/language-select/useLanguages.d.ts

@@ -0,0 +1,16 @@
+interface LanguageOption {
+    value: string;
+    label: string;
+    name: string;
+    code: string;
+    nativeName: string;
+    popular?: boolean;
+}
+export declare function useLanguages(displayLocale?: string, showAllLanguages?: boolean): {
+    getAllLanguages: () => LanguageOption[];
+    getLanguageName: (languageCode: string) => string;
+    getLanguageDisplayText: (languageCode: string) => string;
+    getNativeName: (languageCode: string) => string;
+    popularLanguages: string[];
+};
+export {};