@nexxtmove/ui 0.0.1

package/README.md

@@ -0,0 +1,13 @@
+# Nexxtmove UI
+
+## Installation
+
+```bash
+pnpm add @nexxtmove/ui
+```
+
+## Usage
+
+```typescript
+import { Button } from '@nexxtmove/ui'
+```

package/dist/index.d.ts

@@ -0,0 +1,85 @@
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { DefineComponent } from 'vue';
+import { PublicProps } from 'vue';
+
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
+
+declare const __VLS_component_2: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: string) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+"onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_component_3: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare type __VLS_Props = {
+    disabled?: boolean;
+};
+
+declare type __VLS_Props_2 = {
+    value: string;
+};
+
+declare type __VLS_PublicProps = {
+    modelValue?: string;
+};
+
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+
+declare function __VLS_template_2(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+
+declare function __VLS_template_3(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+
+declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+
+declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
+
+declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
+
+declare type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_2<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_3<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+export declare const Button: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+
+export declare const Tab: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
+
+export declare const Tabs: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
+
+export { }

package/dist/index.js

@@ -0,0 +1,62 @@
+import { defineComponent as s, createElementBlock as i, openBlock as d, renderSlot as n, useModel as p, createBlock as r, unref as l, withCtx as o, createVNode as m } from "vue";
+import { TabsRoot as _, TabsList as b, TabsTrigger as f } from "reka-ui";
+const T = ["disabled"], B = /* @__PURE__ */ s({
+  __name: "Button",
+  props: {
+    disabled: { type: Boolean }
+  },
+  setup(t) {
+    return (e, a) => (d(), i("button", {
+      disabled: t.disabled,
+      class: "font-bold border px-3 py-2 disabled:opacity-50"
+    }, [
+      n(e.$slots, "default")
+    ], 8, T));
+  }
+}), x = /* @__PURE__ */ s({
+  __name: "Tabs",
+  props: {
+    modelValue: {},
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t) {
+    const e = p(t, "modelValue");
+    return (a, u) => (d(), r(l(_), {
+      modelValue: e.value,
+      "onUpdate:modelValue": u[0] || (u[0] = (c) => e.value = c),
+      class: "border inline-flex"
+    }, {
+      default: o(() => [
+        m(l(b), null, {
+          default: o(() => [
+            n(a.$slots, "default")
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["modelValue"]));
+  }
+}), $ = /* @__PURE__ */ s({
+  __name: "Tab",
+  props: {
+    value: {}
+  },
+  setup(t) {
+    return (e, a) => (d(), r(l(f), {
+      value: t.value,
+      class: "px-4 py-2 data-[state=active]:font-bold"
+    }, {
+      default: o(() => [
+        n(e.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["value"]));
+  }
+});
+export {
+  B as Button,
+  $ as Tab,
+  x as Tabs
+};

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@nexxtmove/ui",
+  "type": "module",
+  "version": "0.0.1",
+  "exports": "./dist/index.js",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "reka-ui": "^2.6.1"
+  },
+  "peerDependencies": {
+    "tailwindcss": "^4.0.0",
+    "vue": "^3.0.0"
+  },
+  "devDependencies": {
+    "@storybook/vue3-vite": "^10.1.6",
+    "@tailwindcss/vite": "^4.1.17",
+    "@vitejs/plugin-vue": "^6.0.2",
+    "@vue/test-utils": "^2.4.6",
+    "@vue/tsconfig": "^0.8.1",
+    "jsdom": "^27.3.0",
+    "prettier": "^3.7.4",
+    "storybook": "^10.1.6",
+    "vite": "^7.2.7",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^4.0.15"
+  },
+  "scripts": {
+    "test": "vitest",
+    "build": "vite build",
+    "format": "prettier --write .",
+    "storybook": "storybook dev",
+    "storybook:build": "storybook build"
+  }
+}