sprintify-ui 0.0.33 → 0.0.35

package/dist/types/src/components/BaseButtonGroup.vue.d.ts

@@ -10,8 +10,8 @@ declare const _default: {
             disabled: boolean;
             buttonType: "button" | "submit";
             buttonClass: string;
-            buttonActiveClass: string;
-            buttonInactiveClass: string;
+            buttonSelectedClass: string;
+            buttonUnselectedClass: string;
             spacing: string;
             multiple: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -35,11 +35,11 @@ declare const _default: {
                 default: string;
                 type: StringConstructor;
             };
-            buttonActiveClass: {
+            buttonSelectedClass: {
                 default: string;
                 type: StringConstructor;
             };
-            buttonInactiveClass: {
+            buttonUnselectedClass: {
                 default: string;
                 type: StringConstructor;
             };
@@ -65,7 +65,7 @@ declare const _default: {
             };
         }>> & {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "required" | "modelValue" | "disabled" | "buttonType" | "buttonClass" | "buttonActiveClass" | "buttonInactiveClass" | "spacing" | "multiple">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "required" | "modelValue" | "disabled" | "buttonType" | "buttonClass" | "buttonSelectedClass" | "buttonUnselectedClass" | "spacing" | "multiple">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -100,11 +100,11 @@ declare const _default: {
                 default: string;
                 type: StringConstructor;
             };
-            buttonActiveClass: {
+            buttonSelectedClass: {
                 default: string;
                 type: StringConstructor;
             };
-            buttonInactiveClass: {
+            buttonUnselectedClass: {
                 default: string;
                 type: StringConstructor;
             };
@@ -136,8 +136,8 @@ declare const _default: {
             disabled: boolean;
             buttonType: "button" | "submit";
             buttonClass: string;
-            buttonActiveClass: string;
-            buttonInactiveClass: string;
+            buttonSelectedClass: string;
+            buttonUnselectedClass: string;
             spacing: string;
             multiple: boolean;
         }, {}, string> & {
@@ -181,11 +181,11 @@ declare const _default: {
             default: string;
             type: StringConstructor;
         };
-        buttonActiveClass: {
+        buttonSelectedClass: {
             default: string;
             type: StringConstructor;
         };
-        buttonInactiveClass: {
+        buttonUnselectedClass: {
             default: string;
             type: StringConstructor;
         };
@@ -236,11 +236,11 @@ declare const _default: {
         default: string;
         type: StringConstructor;
     };
-    buttonActiveClass: {
+    buttonSelectedClass: {
         default: string;
         type: StringConstructor;
     };
-    buttonInactiveClass: {
+    buttonUnselectedClass: {
         default: string;
         type: StringConstructor;
     };
@@ -272,16 +272,16 @@ declare const _default: {
     disabled: boolean;
     buttonType: "button" | "submit";
     buttonClass: string;
-    buttonActiveClass: string;
-    buttonInactiveClass: string;
+    buttonSelectedClass: string;
+    buttonUnselectedClass: string;
     spacing: string;
     multiple: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         option: (_: {
             selected: boolean;
-            onSelect: (option: NormalizedOption) => void;
             option: NormalizedOption;
+            disabled: boolean;
         }) => any;
     };
 });

package/dist/types/src/components/BaseDataIterator.vue.d.ts

@@ -7,7 +7,6 @@ declare const _default: {
         $data: {};
         $props: Partial<{
             actions: MenuItemInterface[];
-            routeKeyName: string;
             urlQuery: Record<string, any>;
             defaultQuery: DataTableQuery;
             searchable: boolean;
@@ -20,13 +19,6 @@ declare const _default: {
                 required: true;
                 type: StringConstructor;
             };
-            /**
-             * Route key name for Laravel route model binding
-             */
-            routeKeyName: {
-                default: string;
-                type: StringConstructor;
-            };
             /**
              * Query params that always get applied.
              * To add overwrite-able query params, use defaultQuery.
@@ -72,7 +64,7 @@ declare const _default: {
             "onUpdate:checked-rows"?: ((...args: any[]) => any) | undefined;
             onCheck?: ((...args: any[]) => any) | undefined;
             "onUpdate:query"?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "actions" | "routeKeyName" | "urlQuery" | "defaultQuery" | "searchable" | "historyMode">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "actions" | "urlQuery" | "defaultQuery" | "searchable" | "historyMode">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -94,13 +86,6 @@ declare const _default: {
                 required: true;
                 type: StringConstructor;
             };
-            /**
-             * Route key name for Laravel route model binding
-             */
-            routeKeyName: {
-                default: string;
-                type: StringConstructor;
-            };
             /**
              * Query params that always get applied.
              * To add overwrite-able query params, use defaultQuery.
@@ -152,7 +137,6 @@ declare const _default: {
             query: Ref<DataTableQuery>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "delete" | "checkAll" | "update:checked-rows" | "check" | "update:query")[], string, {
             actions: MenuItemInterface[];
-            routeKeyName: string;
             urlQuery: Record<string, any>;
             defaultQuery: DataTableQuery;
             searchable: boolean;
@@ -185,13 +169,6 @@ declare const _default: {
             required: true;
             type: StringConstructor;
         };
-        /**
-         * Route key name for Laravel route model binding
-         */
-        routeKeyName: {
-            default: string;
-            type: StringConstructor;
-        };
         /**
          * Query params that always get applied.
          * To add overwrite-able query params, use defaultQuery.
@@ -253,13 +230,6 @@ declare const _default: {
         required: true;
         type: StringConstructor;
     };
-    /**
-     * Route key name for Laravel route model binding
-     */
-    routeKeyName: {
-        default: string;
-        type: StringConstructor;
-    };
     /**
      * Query params that always get applied.
      * To add overwrite-able query params, use defaultQuery.
@@ -311,7 +281,6 @@ declare const _default: {
     query: Ref<DataTableQuery>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "delete" | "checkAll" | "update:checked-rows" | "check" | "update:query")[], "click" | "delete" | "checkAll" | "update:checked-rows" | "check" | "update:query", {
     actions: MenuItemInterface[];
-    routeKeyName: string;
     urlQuery: Record<string, any>;
     defaultQuery: DataTableQuery;
     searchable: boolean;

package/dist/types/src/components/BaseDataTable.vue.d.ts

@@ -6,7 +6,6 @@ declare const _default: {
         $data: {};
         $props: Partial<{
             actions: MenuItemInterface[];
-            routeKeyName: string;
             urlQuery: Record<string, any>;
             defaultQuery: DataTableQuery;
             searchable: boolean;
@@ -31,13 +30,6 @@ declare const _default: {
                 required: true;
                 type: StringConstructor;
             };
-            /**
-             * Route key name for Laravel route model binding
-             */
-            routeKeyName: {
-                default: string;
-                type: StringConstructor;
-            };
             /**
              * Query params that always get applied
              */
@@ -161,7 +153,7 @@ declare const _default: {
             onCheckAll?: ((...args: any[]) => any) | undefined;
             "onUpdate:checked-rows"?: ((...args: any[]) => any) | undefined;
             onCheck?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "actions" | "routeKeyName" | "urlQuery" | "defaultQuery" | "searchable" | "historyMode" | "detailed" | "checkable" | "checkableActions" | "isRowCheckable" | "checkedRows" | "hasDetailedVisible" | "maxHeight" | "editButton" | "editUrl" | "deleteButton" | "deleteUrl" | "toggleable">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "actions" | "urlQuery" | "defaultQuery" | "searchable" | "historyMode" | "detailed" | "checkable" | "checkableActions" | "isRowCheckable" | "checkedRows" | "hasDetailedVisible" | "maxHeight" | "editButton" | "editUrl" | "deleteButton" | "deleteUrl" | "toggleable">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -183,13 +175,6 @@ declare const _default: {
                 required: true;
                 type: StringConstructor;
             };
-            /**
-             * Route key name for Laravel route model binding
-             */
-            routeKeyName: {
-                default: string;
-                type: StringConstructor;
-            };
             /**
              * Query params that always get applied
              */
@@ -318,7 +303,6 @@ declare const _default: {
             query: import("vue").ComputedRef<DataTableQuery | null>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "delete" | "checkAll" | "update:checked-rows" | "check")[], string, {
             actions: MenuItemInterface[];
-            routeKeyName: string;
             urlQuery: Record<string, any>;
             defaultQuery: DataTableQuery;
             searchable: boolean;
@@ -363,13 +347,6 @@ declare const _default: {
             required: true;
             type: StringConstructor;
         };
-        /**
-         * Route key name for Laravel route model binding
-         */
-        routeKeyName: {
-            default: string;
-            type: StringConstructor;
-        };
         /**
          * Query params that always get applied
          */
@@ -508,13 +485,6 @@ declare const _default: {
         required: true;
         type: StringConstructor;
     };
-    /**
-     * Route key name for Laravel route model binding
-     */
-    routeKeyName: {
-        default: string;
-        type: StringConstructor;
-    };
     /**
      * Query params that always get applied
      */
@@ -643,7 +613,6 @@ declare const _default: {
     query: import("vue").ComputedRef<DataTableQuery | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "delete" | "checkAll" | "update:checked-rows" | "check")[], "click" | "delete" | "checkAll" | "update:checked-rows" | "check", {
     actions: MenuItemInterface[];
-    routeKeyName: string;
     urlQuery: Record<string, any>;
     defaultQuery: DataTableQuery;
     searchable: boolean;

package/dist/types/src/components/BaseRadioGroup.vue.d.ts

@@ -0,0 +1,226 @@
+import { PropType } from 'vue';
+import { Option } from '@/types/types';
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            required: boolean;
+            modelValue: Option | undefined;
+            inputClass: string;
+            disabled: boolean;
+            labelClass: string;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            modelValue: {
+                default: undefined;
+                type: PropType<Option | undefined>;
+            };
+            name: {
+                required: true;
+                type: StringConstructor;
+            };
+            required: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            disabled: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            options: {
+                required: true;
+                type: PropType<Option[]>;
+            };
+            labelKey: {
+                required: true;
+                type: StringConstructor;
+            };
+            valueKey: {
+                required: true;
+                type: StringConstructor;
+            };
+            labelClass: {
+                default: string;
+                type: StringConstructor;
+            };
+            inputClass: {
+                default: string;
+                type: StringConstructor;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "required" | "modelValue" | "inputClass" | "disabled" | "labelClass">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $emit: (event: "update:modelValue", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            modelValue: {
+                default: undefined;
+                type: PropType<Option | undefined>;
+            };
+            name: {
+                required: true;
+                type: StringConstructor;
+            };
+            required: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            disabled: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            options: {
+                required: true;
+                type: PropType<Option[]>;
+            };
+            labelKey: {
+                required: true;
+                type: StringConstructor;
+            };
+            valueKey: {
+                required: true;
+                type: StringConstructor;
+            };
+            labelClass: {
+                default: string;
+                type: StringConstructor;
+            };
+            inputClass: {
+                default: string;
+                type: StringConstructor;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], string, {
+            required: boolean;
+            modelValue: Option | undefined;
+            inputClass: string;
+            disabled: boolean;
+            labelClass: string;
+        }, {}, string> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            default: undefined;
+            type: PropType<Option | undefined>;
+        };
+        name: {
+            required: true;
+            type: StringConstructor;
+        };
+        required: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+        disabled: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+        options: {
+            required: true;
+            type: PropType<Option[]>;
+        };
+        labelKey: {
+            required: true;
+            type: StringConstructor;
+        };
+        valueKey: {
+            required: true;
+            type: StringConstructor;
+        };
+        labelClass: {
+            default: string;
+            type: StringConstructor;
+        };
+        inputClass: {
+            default: string;
+            type: StringConstructor;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        default: undefined;
+        type: PropType<Option | undefined>;
+    };
+    name: {
+        required: true;
+        type: StringConstructor;
+    };
+    required: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    disabled: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    options: {
+        required: true;
+        type: PropType<Option[]>;
+    };
+    labelKey: {
+        required: true;
+        type: StringConstructor;
+    };
+    valueKey: {
+        required: true;
+        type: StringConstructor;
+    };
+    labelClass: {
+        default: string;
+        type: StringConstructor;
+    };
+    inputClass: {
+        default: string;
+        type: StringConstructor;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", {
+    required: boolean;
+    modelValue: Option | undefined;
+    inputClass: string;
+    disabled: boolean;
+    labelClass: string;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        option: (_: {
+            option: import("@/types/types").NormalizedOption;
+        }) => any;
+    };
+});
+export default _default;

package/dist/types/src/components/index.d.ts

@@ -46,6 +46,7 @@ import BasePagination from './BasePagination.vue';
 import BasePanel from './BasePanel.vue';
 import BasePassword from './BasePassword.vue';
 import BaseProgressCircle from './BaseProgressCircle.vue';
+import BaseRadioGroup from './BaseRadioGroup.vue';
 import BaseReadMore from './BaseReadMore.vue';
 import BaseSelect from './BaseSelect.vue';
 import BaseSideNavigation from './BaseSideNavigation.vue';
@@ -65,4 +66,4 @@ import BaseLayoutStacked from './BaseLayoutStacked.vue';
 import BaseLayoutStackedConfigurable from './BaseLayoutStackedConfigurable.vue';
 import BaseLayoutSidebar from './BaseLayoutSidebar.vue';
 import BaseLayoutSidebarConfigurable from './BaseLayoutSidebarConfigurable.vue';
-export { BaseActionItem, BaseAlert, BaseApp, BaseAppDialogs, BaseAppNotifications, BaseAutocomplete, BaseAutocompleteFetch, BaseAvatar, BaseBadge, BaseBelongsTo, BaseBoolean, BaseBreadcrumbs, BaseButton, BaseButtonGroup, BaseCard, BaseCardRow, BaseCharacterCounter, BaseClipboard, BaseContainer, BaseCounter, BaseDataIterator, BaseDataTable, BaseDatePicker, BaseDateSelect, BaseDescriptionList, BaseDescriptionListItem, BaseDialog, BaseFilePicker, BaseFileUploader, BaseHasMany, BaseIcon, BaseInput, BaseInputLabel, BaseLoadingCover, BaseMediaItem, BaseMediaLibrary, BaseMediaPreview, BaseMenu, BaseMenuItem, BaseModalCenter, BaseModalSide, BaseNavbar, BaseNavbarItem, BaseNavbarItemContent, BasePagination, BasePanel, BasePassword, BaseProgressCircle, BaseReadMore, BaseSelect, BaseSideNavigation, BaseSideNavigationItem, BaseSkeleton, BaseSwitch, BaseSystemAlert, BaseTabs, BaseTabItem, BaseTagAutocomplete, BaseTagAutocompleteFetch, BaseTable, BaseTableColumn, BaseTextarea, BaseTextareaAutoresize, BaseLayoutStacked, BaseLayoutStackedConfigurable, BaseLayoutSidebar, BaseLayoutSidebarConfigurable, };
+export { BaseActionItem, BaseAlert, BaseApp, BaseAppDialogs, BaseAppNotifications, BaseAutocomplete, BaseAutocompleteFetch, BaseAvatar, BaseBadge, BaseBelongsTo, BaseBoolean, BaseBreadcrumbs, BaseButton, BaseButtonGroup, BaseCard, BaseCardRow, BaseCharacterCounter, BaseClipboard, BaseContainer, BaseCounter, BaseDataIterator, BaseDataTable, BaseDatePicker, BaseDateSelect, BaseDescriptionList, BaseDescriptionListItem, BaseDialog, BaseFilePicker, BaseFileUploader, BaseHasMany, BaseIcon, BaseInput, BaseInputLabel, BaseLoadingCover, BaseMediaItem, BaseMediaLibrary, BaseMediaPreview, BaseMenu, BaseMenuItem, BaseModalCenter, BaseModalSide, BaseNavbar, BaseNavbarItem, BaseNavbarItemContent, BasePagination, BasePanel, BasePassword, BaseProgressCircle, BaseRadioGroup, BaseReadMore, BaseSelect, BaseSideNavigation, BaseSideNavigationItem, BaseSkeleton, BaseSwitch, BaseSystemAlert, BaseTabs, BaseTabItem, BaseTagAutocomplete, BaseTagAutocompleteFetch, BaseTable, BaseTableColumn, BaseTextarea, BaseTextareaAutoresize, BaseLayoutStacked, BaseLayoutStackedConfigurable, BaseLayoutSidebar, BaseLayoutSidebarConfigurable, };

package/dist/types/src/index.d.ts

@@ -4,7 +4,6 @@ import { I18n } from 'vue-i18n';
 import { useDialogsStore } from './stores/dialogs';
 import { useNotificationsStore } from './stores/notifications';
 import { useSystemAlertStore } from './stores/systemAlerts';
-import { ActionItem } from './types/types';
 declare const messages: {
     en: {
         sui: {
@@ -292,4 +291,3 @@ export { config };
 export { useDialogsStore };
 export { useNotificationsStore };
 export { useSystemAlertStore };
-export { type ActionItem };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.0.33",
+  "version": "0.0.35",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseButtonGroup.stories.js

@@ -70,17 +70,14 @@ export const SlotOption = (args) => ({
     v-bind="args"
     v-model="value"
     :options="options"
+    button-class="btn btn-xs"
+    button-selected-class="btn-black"
   >
-    <template #option="{ option, selected, onSelect }">
-      <button
-        class="btn btn-xs flex items-center space-x-1 font-semibold"
-        :class="[selected ? 'btn-black' : '']"
-        type="button"
-        @click="onSelect(option)"
-      >
+    <template #option="{ option }">
+      <div class="flex items-center space-x-1 font-semibold">
         <div class="w-3 h-3 rounded" :style="{ backgroundColor: option.value }"></div>
         <div>{{ option.label }}</div>
-      </button>
+      </div>
     </template>
   </BaseButtonGroup>
   `,

package/src/components/BaseButtonGroup.vue

@@ -5,24 +5,24 @@
       :key="option.value"
       :style="{ padding: spacing }"
     >
-      <slot
-        name="option"
-        :selected="isSelected(option)"
-        :on-select="onSelect"
-        :option="option"
+      <button
+        :type="buttonType"
+        :disabled="disabled"
+        :class="[
+          buttonClass,
+          isSelected(option) ? buttonSelectedClass : buttonUnselectedClass,
+        ]"
+        @click="onSelect(option)"
       >
-        <button
-          :type="buttonType"
+        <slot
+          name="option"
+          :selected="isSelected(option)"
+          :option="option"
           :disabled="disabled"
-          :class="[
-            buttonClass,
-            isSelected(option) ? buttonActiveClass : buttonInactiveClass,
-          ]"
-          @click="onSelect(option)"
         >
           {{ option.label }}
-        </button>
-      </slot>
+        </slot>
+      </button>
     </div>
   </div>
 </template>
@@ -30,7 +30,7 @@
 <script lang="ts" setup>
 import { PropType } from 'vue';
 import { NormalizedOption, Option } from '@/types/types';
-import { cloneDeep, isArray, isObject } from 'lodash';
+import { cloneDeep, isArray } from 'lodash';
 import { useHasOptions } from '@/composables/hasOptions';
 
 const props = defineProps({
@@ -56,11 +56,11 @@ const props = defineProps({
     default: 'btn btn-sm',
     type: String,
   },
-  buttonActiveClass: {
+  buttonSelectedClass: {
     default: 'btn-primary',
     type: String,
   },
-  buttonInactiveClass: {
+  buttonUnselectedClass: {
     default: '',
     type: String,
   },

package/src/components/BaseDataIterator.vue

@@ -224,14 +224,6 @@ const props = defineProps({
     type: String,
   },
 
-  /**
-   * Route key name for Laravel route model binding
-   */
-  routeKeyName: {
-    default: 'id',
-    type: String,
-  },
-
   /**
    * Query params that always get applied.
    * To add overwrite-able query params, use defaultQuery.

package/src/components/BaseDataTable.vue

@@ -2,7 +2,6 @@
   <BaseDataIterator
     ref="dataIterator"
     :url="url"
-    :route-key-name="routeKeyName"
     :url-query="urlQuery"
     :default-query="defaultQuery"
     :searchable="searchable"
@@ -194,14 +193,6 @@ const props = defineProps({
     type: String,
   },
 
-  /**
-   * Route key name for Laravel route model binding
-   */
-  routeKeyName: {
-    default: 'id',
-    type: String,
-  },
-
   /**
    * Query params that always get applied
    */