@raxium/vue 0.1.3 → 0.2.1

package/dist/components/date-picker/DatePicker.vue.d.ts

@@ -1,4 +1,5 @@
 import type { DatePickerProps } from '.';
+import { DatePicker } from '@ark-ui/vue';
 declare var __VLS_14: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_14) => any;
@@ -6,23 +7,23 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<DatePickerProps, {
     $api: import("@ark-ui/vue").UseDatePickerReturn;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    openChange: (details: import("@zag-js/date-picker").OpenChangeDetails) => any;
-    focusChange: (details: import("@zag-js/date-picker").FocusChangeDetails) => any;
-    valueChange: (details: import("@zag-js/date-picker").ValueChangeDetails) => any;
-    "update:modelValue": (value: import("@zag-js/date-picker").DateValue[]) => any;
+    openChange: (details: DatePicker.OpenChangeDetails) => any;
+    focusChange: (details: DatePicker.FocusChangeDetails) => any;
+    valueChange: (details: DatePicker.ValueChangeDetails) => any;
+    "update:modelValue": (value: DatePicker.DateValue[]) => any;
     "update:open": (open: boolean) => any;
-    viewChange: (details: import("@zag-js/date-picker").ViewChangeDetails) => any;
-    "update:view": (view: import("@zag-js/date-picker").DateView) => any;
-    "update:focusedValue": (focusedValue: import("@zag-js/date-picker").DateValue) => any;
+    viewChange: (details: DatePicker.ViewChangeDetails) => any;
+    "update:view": (view: DatePicker.DateView) => any;
+    "update:focusedValue": (focusedValue: DatePicker.DateValue) => any;
 }, string, import("vue").PublicProps, Readonly<DatePickerProps> & Readonly<{
-    onOpenChange?: ((details: import("@zag-js/date-picker").OpenChangeDetails) => any) | undefined;
-    onFocusChange?: ((details: import("@zag-js/date-picker").FocusChangeDetails) => any) | undefined;
-    onValueChange?: ((details: import("@zag-js/date-picker").ValueChangeDetails) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: import("@zag-js/date-picker").DateValue[]) => any) | undefined;
+    onOpenChange?: ((details: DatePicker.OpenChangeDetails) => any) | undefined;
+    onFocusChange?: ((details: DatePicker.FocusChangeDetails) => any) | undefined;
+    onValueChange?: ((details: DatePicker.ValueChangeDetails) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: DatePicker.DateValue[]) => any) | undefined;
     "onUpdate:open"?: ((open: boolean) => any) | undefined;
-    onViewChange?: ((details: import("@zag-js/date-picker").ViewChangeDetails) => any) | undefined;
-    "onUpdate:view"?: ((view: import("@zag-js/date-picker").DateView) => any) | undefined;
-    "onUpdate:focusedValue"?: ((focusedValue: import("@zag-js/date-picker").DateValue) => any) | undefined;
+    onViewChange?: ((details: DatePicker.ViewChangeDetails) => any) | undefined;
+    "onUpdate:view"?: ((view: DatePicker.DateView) => any) | undefined;
+    "onUpdate:focusedValue"?: ((focusedValue: DatePicker.DateValue) => 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;

package/dist/components/editable/Editable.vue.d.ts

@@ -14,9 +14,9 @@ declare const __VLS_base: import("vue").DefineComponent<EditableProps, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     valueChange: (details: import("@ark-ui/vue").EditableValueChangeDetails) => any;
     "update:modelValue": (value: string) => any;
-    focusOutside: (event: import("@ark-ui/vue").ColorPickerFocusOutsideEvent) => any;
-    interactOutside: (event: import("@ark-ui/vue").ColorPickerInteractOutsideEvent) => any;
-    pointerDownOutside: (event: import("@ark-ui/vue").ColorPickerPointerDownOutsideEvent) => any;
+    focusOutside: (event: import("@zag-js/date-picker").FocusOutsideEvent) => any;
+    interactOutside: (event: import("@zag-js/date-picker").InteractOutsideEvent) => any;
+    pointerDownOutside: (event: import("@zag-js/date-picker").PointerDownOutsideEvent) => any;
     editChange: (details: import("@ark-ui/vue").EditableEditChangeDetails) => any;
     valueCommit: (details: import("@ark-ui/vue").EditableValueChangeDetails) => any;
     valueRevert: (details: import("@ark-ui/vue").EditableValueChangeDetails) => any;
@@ -24,9 +24,9 @@ declare const __VLS_base: import("vue").DefineComponent<EditableProps, {
 }, string, import("vue").PublicProps, Readonly<EditableProps> & Readonly<{
     onValueChange?: ((details: import("@ark-ui/vue").EditableValueChangeDetails) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onFocusOutside?: ((event: import("@ark-ui/vue").ColorPickerFocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: import("@ark-ui/vue").ColorPickerInteractOutsideEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: import("@ark-ui/vue").ColorPickerPointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: import("@zag-js/date-picker").FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: import("@zag-js/date-picker").InteractOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: import("@zag-js/date-picker").PointerDownOutsideEvent) => any) | undefined;
     onEditChange?: ((details: import("@ark-ui/vue").EditableEditChangeDetails) => any) | undefined;
     onValueCommit?: ((details: import("@ark-ui/vue").EditableValueChangeDetails) => any) | undefined;
     onValueRevert?: ((details: import("@ark-ui/vue").EditableValueChangeDetails) => any) | undefined;

package/dist/components/floating-panel/FloatingPanel.vue.d.ts

@@ -1,4 +1,5 @@
 import type { FloatingPanelProps } from '.';
+import { FloatingPanel } from '@ark-ui/vue';
 declare var __VLS_14: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_14) => any;
@@ -11,27 +12,27 @@ declare const __VLS_base: import("vue").DefineComponent<FloatingPanelProps, {
         setOpacity: (o: number) => void;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    openChange: (details: import("@zag-js/floating-panel").OpenChangeDetails) => any;
+    openChange: (details: FloatingPanel.OpenChangeDetails) => any;
     exitComplete: () => any;
     "update:open": (open: boolean) => any;
-    positionChange: (details: import("@zag-js/floating-panel").PositionChangeDetails) => any;
+    positionChange: (details: FloatingPanel.PositionChangeDetails) => any;
     "update:position": (details: import("@zag-js/floating-panel").Point) => any;
-    positionChangeEnd: (details: import("@zag-js/floating-panel").PositionChangeDetails) => any;
-    sizeChange: (details: import("@zag-js/floating-panel").SizeChangeDetails) => any;
+    positionChangeEnd: (details: FloatingPanel.PositionChangeDetails) => any;
+    sizeChange: (details: FloatingPanel.SizeChangeDetails) => any;
     "update:size": (details: import("@zag-js/floating-panel").Size) => any;
-    sizeChangeEnd: (details: import("@zag-js/floating-panel").SizeChangeDetails) => any;
-    stageChange: (details: import("@zag-js/floating-panel").StageChangeDetails) => any;
+    sizeChangeEnd: (details: FloatingPanel.SizeChangeDetails) => any;
+    stageChange: (details: FloatingPanel.StageChangeDetails) => any;
 }, string, import("vue").PublicProps, Readonly<FloatingPanelProps> & Readonly<{
-    onOpenChange?: ((details: import("@zag-js/floating-panel").OpenChangeDetails) => any) | undefined;
+    onOpenChange?: ((details: FloatingPanel.OpenChangeDetails) => any) | undefined;
     onExitComplete?: (() => any) | undefined;
     "onUpdate:open"?: ((open: boolean) => any) | undefined;
-    onPositionChange?: ((details: import("@zag-js/floating-panel").PositionChangeDetails) => any) | undefined;
+    onPositionChange?: ((details: FloatingPanel.PositionChangeDetails) => any) | undefined;
     "onUpdate:position"?: ((details: import("@zag-js/floating-panel").Point) => any) | undefined;
-    onPositionChangeEnd?: ((details: import("@zag-js/floating-panel").PositionChangeDetails) => any) | undefined;
-    onSizeChange?: ((details: import("@zag-js/floating-panel").SizeChangeDetails) => any) | undefined;
+    onPositionChangeEnd?: ((details: FloatingPanel.PositionChangeDetails) => any) | undefined;
+    onSizeChange?: ((details: FloatingPanel.SizeChangeDetails) => any) | undefined;
     "onUpdate:size"?: ((details: import("@zag-js/floating-panel").Size) => any) | undefined;
-    onSizeChangeEnd?: ((details: import("@zag-js/floating-panel").SizeChangeDetails) => any) | undefined;
-    onStageChange?: ((details: import("@zag-js/floating-panel").StageChangeDetails) => any) | undefined;
+    onSizeChangeEnd?: ((details: FloatingPanel.SizeChangeDetails) => any) | undefined;
+    onStageChange?: ((details: FloatingPanel.StageChangeDetails) => 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;

package/dist/components/popover/Popover.js

@@ -35,6 +35,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             type: Boolean
         },
         positioning: {},
+        translations: {},
         lazyMount: {
             type: Boolean,
             default: ()=>void 0

package/dist/components/select/Select.js

@@ -64,6 +64,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         scrollToIndexFn: {
             type: Function
         },
+        translations: {},
         lazyMount: {
             type: Boolean,
             default: ()=>void 0

package/dist/components/select/Select.vue.d.ts

@@ -1,16 +1,17 @@
 import type { CollectionItem } from '@ark-ui/vue/select';
 import type { SelectProps } from '.';
+import { Select } from '@ark-ui/vue/select';
 declare const __VLS_export: <T extends CollectionItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<SelectProps<T> & {
         onSelect?: ((details: import("@zag-js/select").SelectionDetails) => any) | undefined;
-        onOpenChange?: ((details: import("@zag-js/select").OpenChangeDetails) => any) | undefined;
-        onValueChange?: ((details: import("@zag-js/select").ValueChangeDetails<T>) => any) | undefined;
+        onOpenChange?: ((details: Select.OpenChangeDetails) => any) | undefined;
+        onValueChange?: ((details: Select.ValueChangeDetails<T>) => any) | undefined;
         "onUpdate:modelValue"?: ((value: import("./props").SelectValueType[]) => any) | undefined;
         "onUpdate:open"?: ((open: boolean) => any) | undefined;
-        onFocusOutside?: ((event: import("@zag-js/date-picker").FocusOutsideEvent) => any) | undefined;
-        onInteractOutside?: ((event: import("@zag-js/date-picker").InteractOutsideEvent) => any) | undefined;
-        onPointerDownOutside?: ((event: import("@zag-js/date-picker").PointerDownOutsideEvent) => any) | undefined;
-        onHighlightChange?: ((details: import("@zag-js/select").HighlightChangeDetails<T>) => any) | undefined;
+        onFocusOutside?: ((event: Select.FocusOutsideEvent) => any) | undefined;
+        onInteractOutside?: ((event: Select.InteractOutsideEvent) => any) | undefined;
+        onPointerDownOutside?: ((event: Select.PointerDownOutsideEvent) => any) | undefined;
+        onHighlightChange?: ((details: Select.HighlightChangeDetails<T>) => any) | undefined;
         "onUpdate:highlightedValue"?: ((value: import("./props").SelectValueType) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
@@ -22,7 +23,7 @@ declare const __VLS_export: <T extends CollectionItem>(__VLS_props: NonNullable<
     slots: {
         default?: (props: {}) => any;
     };
-    emit: ((evt: "select", details: import("@zag-js/select").SelectionDetails) => void) & ((evt: "openChange", details: import("@zag-js/select").OpenChangeDetails) => void) & ((evt: "valueChange", details: import("@zag-js/select").ValueChangeDetails<T>) => void) & ((evt: "update:modelValue", value: import("./props").SelectValueType[]) => void) & ((evt: "update:open", open: boolean) => void) & ((evt: "focusOutside", event: import("@zag-js/date-picker").FocusOutsideEvent) => void) & ((evt: "interactOutside", event: import("@zag-js/date-picker").InteractOutsideEvent) => void) & ((evt: "pointerDownOutside", event: import("@zag-js/date-picker").PointerDownOutsideEvent) => void) & ((evt: "highlightChange", details: import("@zag-js/select").HighlightChangeDetails<T>) => void) & ((evt: "update:highlightedValue", value: import("./props").SelectValueType) => void);
+    emit: ((evt: "select", details: import("@zag-js/select").SelectionDetails) => void) & ((evt: "openChange", details: Select.OpenChangeDetails) => void) & ((evt: "valueChange", details: Select.ValueChangeDetails<T>) => void) & ((evt: "update:modelValue", value: import("./props").SelectValueType[]) => void) & ((evt: "update:open", open: boolean) => void) & ((evt: "focusOutside", event: Select.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: Select.InteractOutsideEvent) => void) & ((evt: "pointerDownOutside", event: Select.PointerDownOutsideEvent) => void) & ((evt: "highlightChange", details: Select.HighlightChangeDetails<T>) => void) & ((evt: "update:highlightedValue", value: import("./props").SelectValueType) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/tags-input/TagsInput.js

@@ -25,6 +25,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         addOnPaste: {
             type: Boolean
         },
+        allowDuplicates: {
+            type: Boolean
+        },
         allowOverflow: {
             type: Boolean
         },

package/dist/components/tree/Tree.js

@@ -51,6 +51,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         id: {},
         ids: {},
         selectionMode: {},
+        translations: {},
         typeahead: {
             type: Boolean
         },

package/dist/components/tree/Tree.vue.d.ts

@@ -1,20 +1,21 @@
 import type { TreeNode } from '@ark-ui/vue/tree-view';
 import type { TreeProps } from '.';
+import { TreeView } from '@ark-ui/vue/tree-view';
 declare const __VLS_export: <T = TreeNode>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<TreeProps<T> & {
-        onFocusChange?: ((details: import("@zag-js/tree-view").FocusChangeDetails<any>) => any) | undefined;
-        onCheckedChange?: ((details: import("@zag-js/tree-view").CheckedChangeDetails) => any) | undefined;
+        onFocusChange?: ((details: TreeView.FocusChangeDetails<any>) => any) | undefined;
+        onCheckedChange?: ((details: TreeView.CheckedChangeDetails) => any) | undefined;
         "onUpdate:focusedValue"?: ((value: import("./props").TreeValueType) => any) | undefined;
         "onUpdate:expandedValue"?: ((value: import("./props").TreeValueType[]) => any) | undefined;
         "onUpdate:selectedValue"?: ((value: import("./props").TreeValueType[]) => any) | undefined;
         "onUpdate:checkedValue"?: ((value: import("./props").TreeValueType[]) => any) | undefined;
-        onExpandedChange?: ((details: import("@zag-js/tree-view").ExpandedChangeDetails<any>) => any) | undefined;
-        onSelectionChange?: ((details: import("@zag-js/tree-view").SelectionChangeDetails<any>) => any) | undefined;
-        onLoadChildrenComplete?: ((details: import("@zag-js/tree-view").LoadChildrenCompleteDetails<T>) => any) | undefined;
-        onLoadChildrenError?: ((details: import("@zag-js/tree-view").LoadChildrenErrorDetails<T>) => any) | undefined;
-        onRenameStart?: ((details: import("@zag-js/tree-view").RenameStartDetails<T>) => any) | undefined;
-        onBeforeRename?: ((details: import("@zag-js/tree-view").RenameCompleteDetails) => any) | undefined;
-        onRenameComplete?: ((details: import("@zag-js/tree-view").RenameCompleteDetails) => any) | undefined;
+        onExpandedChange?: ((details: TreeView.ExpandedChangeDetails<any>) => any) | undefined;
+        onSelectionChange?: ((details: TreeView.SelectionChangeDetails<any>) => any) | undefined;
+        onLoadChildrenComplete?: ((details: TreeView.LoadChildrenCompleteDetails<T>) => any) | undefined;
+        onLoadChildrenError?: ((details: TreeView.LoadChildrenErrorDetails<T>) => any) | undefined;
+        onRenameStart?: ((details: TreeView.RenameStartDetails<T>) => any) | undefined;
+        onBeforeRename?: ((details: TreeView.RenameCompleteDetails) => any) | undefined;
+        onRenameComplete?: ((details: TreeView.RenameCompleteDetails) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
@@ -27,7 +28,7 @@ declare const __VLS_export: <T = TreeNode>(__VLS_props: NonNullable<Awaited<type
     } & {
         suffix?: (props: {}) => any;
     };
-    emit: ((evt: "focusChange", details: import("@zag-js/tree-view").FocusChangeDetails<any>) => void) & ((evt: "checkedChange", details: import("@zag-js/tree-view").CheckedChangeDetails) => void) & ((evt: "update:focusedValue", value: import("./props").TreeValueType) => void) & ((evt: "update:expandedValue", value: import("./props").TreeValueType[]) => void) & ((evt: "update:selectedValue", value: import("./props").TreeValueType[]) => void) & ((evt: "update:checkedValue", value: import("./props").TreeValueType[]) => void) & ((evt: "expandedChange", details: import("@zag-js/tree-view").ExpandedChangeDetails<any>) => void) & ((evt: "selectionChange", details: import("@zag-js/tree-view").SelectionChangeDetails<any>) => void) & ((evt: "loadChildrenComplete", details: import("@zag-js/tree-view").LoadChildrenCompleteDetails<T>) => void) & ((evt: "loadChildrenError", details: import("@zag-js/tree-view").LoadChildrenErrorDetails<T>) => void) & ((evt: "renameStart", details: import("@zag-js/tree-view").RenameStartDetails<T>) => void) & ((evt: "beforeRename", details: import("@zag-js/tree-view").RenameCompleteDetails) => void) & ((evt: "renameComplete", details: import("@zag-js/tree-view").RenameCompleteDetails) => void);
+    emit: ((evt: "focusChange", details: TreeView.FocusChangeDetails<any>) => void) & ((evt: "checkedChange", details: TreeView.CheckedChangeDetails) => void) & ((evt: "update:focusedValue", value: import("./props").TreeValueType) => void) & ((evt: "update:expandedValue", value: import("./props").TreeValueType[]) => void) & ((evt: "update:selectedValue", value: import("./props").TreeValueType[]) => void) & ((evt: "update:checkedValue", value: import("./props").TreeValueType[]) => void) & ((evt: "expandedChange", details: TreeView.ExpandedChangeDetails<any>) => void) & ((evt: "selectionChange", details: TreeView.SelectionChangeDetails<any>) => void) & ((evt: "loadChildrenComplete", details: TreeView.LoadChildrenCompleteDetails<T>) => void) & ((evt: "loadChildrenError", details: TreeView.LoadChildrenErrorDetails<T>) => void) & ((evt: "renameStart", details: TreeView.RenameStartDetails<T>) => void) & ((evt: "beforeRename", details: TreeView.RenameCompleteDetails) => void) & ((evt: "renameComplete", details: TreeView.RenameCompleteDetails) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@raxium/vue",
   "type": "module",
-  "version": "0.1.3",
+  "version": "0.2.1",
   "description": "Vue core components for Raxium, based on Ark UI",
   "author": {
     "name": "Hwacc",
@@ -58,7 +58,7 @@
     "dist"
   ],
   "peerDependencies": {
-    "@ark-ui/vue": "^5.34.1",
+    "@ark-ui/vue": "^5.35.0",
     "vue": "^3.5.0"
   },
   "dependencies": {
@@ -67,29 +67,29 @@
     "es-toolkit": "^1.44.0",
     "lucide-vue-next": "^0.577.0",
     "vue-component-type-helpers": "^3.2.1",
-    "@raxium/themes": "0.1.3",
-    "@raxium/shared": "0.1.1"
+    "@raxium/shared": "0.1.1",
+    "@raxium/themes": "0.1.4"
   },
   "devDependencies": {
-    "@ark-ui/vue": "^5.34.1",
+    "@ark-ui/vue": "5.35.0",
     "@iconify/vue": "^5.0.0",
     "@internationalized/date": "^3.10.1",
     "@rsbuild/plugin-babel": "^1.0.6",
     "@rsbuild/plugin-vue-jsx": "^1.1.2",
     "@rslib/core": "0.20.0",
-    "@zag-js/checkbox": "^1.35.3",
-    "@zag-js/date-picker": "^1.35.3",
-    "@zag-js/floating-panel": "^1.35.3",
-    "@zag-js/select": "^1.35.3",
-    "@zag-js/toast": "^1.35.3",
-    "@zag-js/tree-view": "^1.33.1",
+    "@zag-js/checkbox": "1.38.2",
+    "@zag-js/date-picker": "1.38.2",
+    "@zag-js/floating-panel": "1.38.2",
+    "@zag-js/select": "1.38.2",
+    "@zag-js/toast": "1.38.2",
+    "@zag-js/tree-view": "1.38.2",
     "rsbuild-plugin-unplugin-vue": "^0.2.0",
     "tailwind-merge": "^3.5.0",
     "tsc-alias": "^1.8.16",
     "vitest": "^4.1.1",
     "vue-tsc": "^3.2.4",
-    "@raxium/themes": "0.1.3",
-    "@raxium/shared": "0.1.1"
+    "@raxium/shared": "0.1.1",
+    "@raxium/themes": "0.1.4"
   },
   "publishConfig": {
     "access": "public"