@tb-dev/vue-components 0.1.0

package/dist/components/table/types.d.ts

@@ -0,0 +1,22 @@
+import { HTMLAttributes } from 'vue';
+export interface TableProps {
+    bodyClass?: HTMLAttributes['class'];
+    bodyStyle?: HTMLAttributes['style'];
+    captionClass?: HTMLAttributes['class'];
+    captionStyle?: HTMLAttributes['style'];
+    class?: HTMLAttributes['class'];
+    containerClass?: HTMLAttributes['class'];
+    containerStyle?: HTMLAttributes['style'];
+    footerClass?: HTMLAttributes['class'];
+    footerStyle?: HTMLAttributes['style'];
+    headerClass?: HTMLAttributes['class'];
+    headerStyle?: HTMLAttributes['style'];
+    height?: number | string;
+    style?: HTMLAttributes['style'];
+    width?: number | string;
+}
+export interface TableLinkProps<T extends string> {
+    label?: string;
+    linkClass?: HTMLAttributes['class'];
+    to: T;
+}

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

@@ -0,0 +1 @@
+export { Tabs, TabsContent, TabsList, TabsTrigger } from '../__base/tabs';

package/dist/components/tags-input/index.d.ts

@@ -0,0 +1 @@
+export { TagsInput, TagsInputInput, TagsInputItem, TagsInputItemDelete, TagsInputItemText, } from '../__base/tags-input';

package/dist/components/textarea/Textarea.vue.d.ts

@@ -0,0 +1,37 @@
+import { TextareaProps } from './types';
+import { Option } from '@tb-dev/utils';
+declare const _default: import('vue').DefineComponent<TextareaProps, {
+    textareaEl: import('vue').ComputedRef<Option<HTMLTextAreaElement>>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | null) => any;
+}, string, import('vue').PublicProps, Readonly<TextareaProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
+}>, {
+    autocomplete: string;
+    spellcheck: boolean | "true" | "false";
+    autocorrect: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    textareaComponent: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        class?: import('vue').HTMLAttributes["class"];
+        defaultValue?: string | number;
+        modelValue?: string | number;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:modelValue": (payload: string | number) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLTextAreaElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        class?: import('vue').HTMLAttributes["class"];
+        defaultValue?: string | number;
+        modelValue?: string | number;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;
+    }>, {}, {}, {}, {}, {}> | null;
+}, any>;
+export default _default;

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

@@ -0,0 +1,3 @@
+import { default as Textarea } from './Textarea.vue';
+export type * from './types';
+export { Textarea };

package/dist/components/textarea/types.d.ts

@@ -0,0 +1,24 @@
+import { Option } from '@tb-dev/utils';
+import { HTMLAttributes, TextareaHTMLAttributes } from 'vue';
+export interface TextareaProps {
+    autocapitalize?: TextareaHTMLAttributes['autocapitalize'];
+    autocomplete?: TextareaHTMLAttributes['autocomplete'];
+    autocorrect?: TextareaHTMLAttributes['autocorrect'];
+    autofocus?: TextareaHTMLAttributes['autofocus'];
+    class?: HTMLAttributes['class'];
+    cols?: TextareaHTMLAttributes['cols'];
+    disabled?: boolean;
+    height?: number | string;
+    label?: string;
+    labelClass?: HTMLAttributes['class'];
+    max?: TextareaHTMLAttributes['maxlength'];
+    min?: TextareaHTMLAttributes['minlength'];
+    modelValue: Option<string>;
+    onBlur?: () => void;
+    placeholder?: TextareaHTMLAttributes['placeholder'];
+    readonly?: TextareaHTMLAttributes['readonly'];
+    required?: TextareaHTMLAttributes['required'];
+    rows?: TextareaHTMLAttributes['rows'];
+    spellcheck?: TextareaHTMLAttributes['spellcheck'];
+    style?: HTMLAttributes['style'];
+}

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

@@ -0,0 +1,4 @@
+import { ToggleVariants as Variants } from '../__base/toggle';
+export type ToggleVariant = Variants['variant'];
+export type ToggleSize = Variants['size'];
+export { Toggle } from '../__base/toggle';

package/dist/components/tooltip/Tooltip.vue.d.ts

@@ -0,0 +1,22 @@
+import { VNode } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default: () => VNode;
+        trigger: () => VNode;
+    }> & {
+        default: () => VNode;
+        trigger: () => VNode;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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/tooltip/index.d.ts

@@ -0,0 +1,2 @@
+import { default as Tooltip } from './Tooltip.vue';
+export { Tooltip };

package/dist/index.css

@@ -0,0 +1,104 @@
+/*! tailwindcss v4.1.6 | MIT License | https://tailwindcss.com */
+:root {
+  --background: oklch(1 0 0);
+  --foreground: oklch(.141 .005 285.823);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(.141 .005 285.823);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(.141 .005 285.823);
+  --primary: oklch(.21 .006 285.885);
+  --primary-foreground: oklch(.985 0 0);
+  --secondary: oklch(.967 .001 286.375);
+  --secondary-foreground: oklch(.21 .006 285.885);
+  --muted: oklch(.967 .001 286.375);
+  --muted-foreground: oklch(.552 .016 285.938);
+  --accent: oklch(.967 .001 286.375);
+  --accent-foreground: oklch(.21 .006 285.885);
+  --destructive: oklch(.577 .245 27.325);
+  --destructive-foreground: oklch(.577 .245 27.325);
+  --border: oklch(.92 .004 286.32);
+  --input: oklch(.92 .004 286.32);
+  --ring: oklch(.705 .015 286.067);
+  --chart-1: oklch(.646 .222 41.116);
+  --chart-2: oklch(.6 .118 184.704);
+  --chart-3: oklch(.398 .07 227.392);
+  --chart-4: oklch(.828 .189 84.429);
+  --chart-5: oklch(.769 .188 70.08);
+  --sidebar: oklch(.985 0 0);
+  --sidebar-foreground: oklch(.141 .005 285.823);
+  --sidebar-primary: oklch(.21 .006 285.885);
+  --sidebar-primary-foreground: oklch(.985 0 0);
+  --sidebar-accent: oklch(.967 .001 286.375);
+  --sidebar-accent-foreground: oklch(.21 .006 285.885);
+  --sidebar-border: oklch(.92 .004 286.32);
+  --sidebar-ring: oklch(.705 .015 286.067);
+  --radius: .625rem;
+}
+
+.dark {
+  --background: oklch(.141 .005 285.823);
+  --foreground: oklch(.985 0 0);
+  --card: oklch(.141 .005 285.823);
+  --card-foreground: oklch(.985 0 0);
+  --popover: oklch(.141 .005 285.823);
+  --popover-foreground: oklch(.985 0 0);
+  --primary: oklch(.985 0 0);
+  --primary-foreground: oklch(.21 .006 285.885);
+  --secondary: oklch(.274 .006 286.033);
+  --secondary-foreground: oklch(.985 0 0);
+  --muted: oklch(.274 .006 286.033);
+  --muted-foreground: oklch(.705 .015 286.067);
+  --accent: oklch(.274 .006 286.033);
+  --accent-foreground: oklch(.985 0 0);
+  --destructive: oklch(.396 .141 25.723);
+  --destructive-foreground: oklch(.637 .237 25.331);
+  --border: oklch(.274 .006 286.033);
+  --input: oklch(.274 .006 286.033);
+  --ring: oklch(.442 .017 285.786);
+  --chart-1: oklch(.488 .243 264.376);
+  --chart-2: oklch(.696 .17 162.48);
+  --chart-3: oklch(.769 .188 70.08);
+  --chart-4: oklch(.627 .265 303.9);
+  --chart-5: oklch(.645 .246 16.439);
+  --sidebar: oklch(.21 .006 285.885);
+  --sidebar-foreground: oklch(.985 0 0);
+  --sidebar-primary: oklch(.488 .243 264.376);
+  --sidebar-primary-foreground: oklch(.985 0 0);
+  --sidebar-accent: oklch(.274 .006 286.033);
+  --sidebar-accent-foreground: oklch(.985 0 0);
+  --sidebar-border: oklch(.274 .006 286.033);
+  --sidebar-ring: oklch(.442 .017 285.786);
+}
+
+@layer base {
+  * {
+    border-color: var(--border);
+    outline-color: var(--ring);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    * {
+      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
+    }
+  }
+
+  body {
+    background-color: var(--background);
+    color: var(--foreground);
+  }
+}
+
+.loading-icon[data-v-b457b93c] {
+  animation-duration: 1500ms;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-name: spin-b457b93c;
+}
+@keyframes spin-b457b93c {
+from {
+    transform: rotate(0deg);
+}
+to {
+    transform: rotate(360deg);
+}
+}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+export * from './utils';