@raxium/vue 0.2.3 → 0.2.5

package/dist/components/button/Button.js

@@ -10,7 +10,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     __name: "Button",
     props: {
         variant: {
-            default: "default"
+            default: "solid"
+        },
+        color: {
+            default: "primary"
         },
         class: {
             type: [
@@ -62,15 +65,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ref: unref(forwardRef),
                 class: normalizeClass(crafts.value.root({
                     variant: __props.variant,
+                    color: __props.color,
                     loading: __props.loading,
                     class: unref(clsx)(__props.ui?.root?.class, __props.class),
                     ...unref(theme)
                 })),
                 disabled: __props.disabled,
                 "data-variant": __props.variant,
+                "data-color": __props.color,
+                "data-surface": unref(theme).surface,
                 "data-ripple": __props.ripple ? true : void 0,
                 "data-loading": __props.loading ? true : void 0,
-                "data-theme-size": unref(theme).size,
+                "data-size": unref(theme).size,
                 "as-child": __props.asChild,
                 onClick
             }, {
@@ -99,9 +105,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "class",
                 "disabled",
                 "data-variant",
+                "data-color",
+                "data-surface",
                 "data-ripple",
                 "data-loading",
-                "data-theme-size",
+                "data-size",
                 "as-child"
             ]));
     }

package/dist/components/button/props.d.ts

@@ -3,6 +3,7 @@ import type { ThemeCrafts } from '../../providers';
 import type { HTMLAttributes } from 'vue';
 export interface ButtonProps extends ThemeCrafts<'tvButton'> {
     variant?: ButtonVariants['variant'] | string;
+    color?: ButtonVariants['color'] | string;
     class?: HTMLAttributes['class'];
     disabled?: boolean;
     tooltip?: string;

package/dist/components/input/Input.js

@@ -1,14 +1,19 @@
-import { computed, createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderSlot, unref, useId, useTemplateRef, vModelDynamic, watch, withCtx, withDirectives, withModifiers } from "vue";
-import { ark } from "@ark-ui/vue/factory";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderSlot, unref, useId, useTemplateRef, vModelDynamic, watch, withDirectives, withModifiers } from "vue";
 import { clsx } from "@raxium/themes/utils";
 import { useTheme } from "../../composables/useTheme.js";
 import { CircleX } from "lucide-vue-next";
 const _hoisted_1 = [
+    "data-state"
+];
+const _hoisted_2 = [
     "id",
     "data-state",
     "placeholder",
     "disabled",
-    "readonly"
+    "readonly",
+    "maxlength",
+    "minlength",
+    "type"
 ];
 const _sfc_main = /* @__PURE__ */ defineComponent({
     __name: "Input",
@@ -36,6 +41,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             type: Boolean
         },
         placeholder: {},
+        maxlength: {},
+        minlength: {},
+        type: {},
         ui: {},
         theme: {}
     },
@@ -95,68 +103,58 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
         const theme = useTheme(()=>__props.theme);
         const crafts = computed(()=>theme.value.crafts.tvInput());
-        return (_ctx, _cache)=>(openBlock(), createBlock(unref(ark).div, {
-                "as-child": false,
+        return (_ctx, _cache)=>(openBlock(), createElementBlock("div", {
                 class: normalizeClass(crafts.value.root({
                     class: unref(clsx)(__props.ui?.root, __props.class),
                     ...unref(theme)
                 })),
                 "data-state": inputState.value
-            }, {
-                default: withCtx(()=>[
-                        renderSlot(_ctx.$slots, "prefix"),
-                        withDirectives(createElementVNode("input", mergeProps({
-                            id: __props.id ?? `input:${unref(inputId)}`,
-                            ref: "input"
-                        }, _ctx.$attrs, {
-                            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>innerValue.value = $event),
-                            class: crafts.value.input({
-                                class: unref(clsx)(__props.ui?.input),
-                                ...unref(theme)
-                            }),
-                            "data-state": inputState.value,
-                            placeholder: __props.placeholder,
-                            disabled: __props.disabled ? true : void 0,
-                            readonly: __props.readonly ? true : void 0,
-                            onFocusin,
-                            onFocusout,
-                            onInput: _cache[1] || (_cache[1] = ($event)=>emits("input", $event, innerValue.value)),
-                            onChange: _cache[2] || (_cache[2] = ($event)=>emits("change", $event, innerValue.value)),
-                            onBeforeinput: _cache[3] || (_cache[3] = ($event)=>emits("beforeInput", $event, innerValue.value)),
-                            onCompositionstart: _cache[4] || (_cache[4] = ($event)=>emits("compositionStart", $event)),
-                            onCompositionend: _cache[5] || (_cache[5] = ($event)=>emits("compositionEnd", $event)),
-                            onKeydown: _cache[6] || (_cache[6] = ($event)=>emits("keydown", $event)),
-                            onKeyup: _cache[7] || (_cache[7] = ($event)=>emits("keyup", $event))
-                        }), null, 16, _hoisted_1), [
-                            [
-                                vModelDynamic,
-                                innerValue.value
-                            ]
-                        ]),
-                        "focused" === inputState.value && __props.clearable && __props.modelValue ? (openBlock(), createBlock(unref(ark).div, {
-                            key: 0,
-                            class: normalizeClass(crafts.value.clearable({
-                                class: unref(clsx)(__props.ui?.clearable),
-                                ...unref(theme)
-                            })),
-                            onMousedown: withModifiers(onClear, [
-                                "stop"
-                            ])
-                        }, {
-                            default: withCtx(()=>[
-                                    createVNode(unref(CircleX))
-                                ]),
-                            _: 1
-                        }, 8, [
-                            "class"
-                        ])) : createCommentVNode("", true),
-                        renderSlot(_ctx.$slots, "suffix")
-                    ]),
-                _: 3
-            }, 8, [
-                "class",
-                "data-state"
-            ]));
+            }, [
+                renderSlot(_ctx.$slots, "prefix"),
+                withDirectives(createElementVNode("input", {
+                    id: __props.id ?? `input:${unref(inputId)}`,
+                    ref: "input",
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>innerValue.value = $event),
+                    class: normalizeClass(crafts.value.input({
+                        class: unref(clsx)(__props.ui?.input),
+                        ...unref(theme)
+                    })),
+                    "data-state": inputState.value,
+                    placeholder: __props.placeholder,
+                    disabled: __props.disabled ? true : void 0,
+                    readonly: __props.readonly ? true : void 0,
+                    maxlength: __props.maxlength,
+                    minlength: __props.minlength,
+                    type: __props.type,
+                    onFocusin,
+                    onFocusout,
+                    onInput: _cache[1] || (_cache[1] = ($event)=>emits("input", $event, innerValue.value)),
+                    onChange: _cache[2] || (_cache[2] = ($event)=>emits("change", $event, innerValue.value)),
+                    onBeforeinput: _cache[3] || (_cache[3] = ($event)=>emits("beforeInput", $event, innerValue.value)),
+                    onCompositionstart: _cache[4] || (_cache[4] = ($event)=>emits("compositionStart", $event)),
+                    onCompositionend: _cache[5] || (_cache[5] = ($event)=>emits("compositionEnd", $event)),
+                    onKeydown: _cache[6] || (_cache[6] = ($event)=>emits("keydown", $event)),
+                    onKeyup: _cache[7] || (_cache[7] = ($event)=>emits("keyup", $event))
+                }, null, 42, _hoisted_2), [
+                    [
+                        vModelDynamic,
+                        innerValue.value
+                    ]
+                ]),
+                "focused" === inputState.value && __props.clearable && __props.modelValue ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    class: normalizeClass(crafts.value.clearable({
+                        class: unref(clsx)(__props.ui?.clearable),
+                        ...unref(theme)
+                    })),
+                    onMousedown: withModifiers(onClear, [
+                        "stop"
+                    ])
+                }, [
+                    createVNode(unref(CircleX))
+                ], 34)) : createCommentVNode("", true),
+                renderSlot(_ctx.$slots, "suffix")
+            ], 10, _hoisted_1));
     }
 });
 const Input = _sfc_main;

package/dist/components/input/Input.vue.d.ts

@@ -1,9 +1,9 @@
 import type { InputProps } from '.';
-declare var __VLS_8: {}, __VLS_23: {};
+declare var __VLS_1: {}, __VLS_8: {};
 type __VLS_Slots = {} & {
-    prefix?: (props: typeof __VLS_8) => any;
+    prefix?: (props: typeof __VLS_1) => any;
 } & {
-    suffix?: (props: typeof __VLS_23) => any;
+    suffix?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<InputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     input: (e: InputEvent, value: string | undefined) => any;

package/dist/components/input/props.d.ts

@@ -9,6 +9,9 @@ export interface InputProps extends ThemeCrafts<'tvInput'> {
     disabled?: boolean;
     readonly?: boolean;
     placeholder?: string;
+    maxlength?: number;
+    minlength?: number;
+    type?: string;
     ui?: {
         root?: HTMLAttributes['class'];
         input?: HTMLAttributes['class'];

package/dist/components/pagination/Pagination.js

@@ -19,6 +19,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]
         },
         ui: {},
+        dynamicPageEnd: {},
         count: {},
         defaultPage: {},
         defaultPageSize: {},
@@ -47,7 +48,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         const props = createPropsRestProxy(__props, [
             "class",
             "theme",
-            "ui"
+            "ui",
+            "dynamicPageEnd"
         ]);
         const emit = __emit;
         const pagination = usePagination(useForwardProps(props), emit);
@@ -56,6 +58,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         const itemClx = computed(()=>crafts.value.item({
                 ...theme.value
             }));
+        const isDynamicPageEnd = computed(()=>__props.dynamicPageEnd && __props.dynamicPageEnd > 1);
+        const dynamicPages = computed(()=>{
+            if (!isDynamicPageEnd.value) return pagination.value.pages;
+            const { page, pages, totalPages } = pagination.value;
+            if (page + __props.dynamicPageEnd - 1 < totalPages) {
+                const newPages = [
+                    ...pages
+                ];
+                newPages.splice(pages.length - 1, 1, {
+                    type: "page",
+                    value: page + __props.dynamicPageEnd
+                });
+                return newPages;
+            }
+            return pages;
+        });
         __expose({
             $api: pagination
         });
@@ -113,7 +131,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                                 }, 8, [
                                                     "class"
                                                 ]),
-                                                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(pagination).pages, (page, index)=>(openBlock(), createElementBlock(Fragment, {
+                                                (openBlock(true), createElementBlock(Fragment, null, renderList(isDynamicPageEnd.value ? dynamicPages.value : unref(pagination).pages, (page, index)=>(openBlock(), createElementBlock(Fragment, {
                                                         key: index
                                                     }, [
                                                         "page" === page.type ? (openBlock(), createBlock(unref(Pagination).Item, mergeProps({

package/dist/components/pagination/props.d.ts

@@ -14,6 +14,7 @@ export interface PaginationProps extends PaginationRootBaseProps, ThemeCrafts<'t
         item?: HTMLAttributes['class'];
         ellipsis?: HTMLAttributes['class'];
     };
+    dynamicPageEnd?: number;
 }
 export interface PaginationGoToProps extends ThemeNoCrafts {
     class?: HTMLAttributes['class'];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@raxium/vue",
   "type": "module",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "description": "Vue core components for Raxium, based on Ark UI",
   "author": {
     "name": "Hwacc",
@@ -67,8 +67,8 @@
     "es-toolkit": "^1.44.0",
     "lucide-vue-next": "^1.0.0",
     "vue-component-type-helpers": "^3.2.1",
-    "@raxium/themes": "0.1.6",
-    "@raxium/shared": "0.1.1"
+    "@raxium/shared": "0.1.1",
+    "@raxium/themes": "0.1.7"
   },
   "devDependencies": {
     "@ark-ui/vue": "5.35.0",
@@ -88,8 +88,8 @@
     "tsc-alias": "^1.8.16",
     "vitest": "^4.1.1",
     "vue-tsc": "^3.2.4",
-    "@raxium/shared": "0.1.1",
-    "@raxium/themes": "0.1.6"
+    "@raxium/themes": "0.1.7",
+    "@raxium/shared": "0.1.1"
   },
   "publishConfig": {
     "access": "public"