@agrotools1/at-components1 0.1.3 → 1.1.0

package/dist/lib/utils.d.ts

@@ -0,0 +1,14 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;
+/**
+ * Cycles a value within a specified range (min to max, inclusive).
+ * When the value exceeds max, it wraps around to min.
+ * When the value is less than min, it wraps around to max.
+ *
+ * @param value - The current value to cycle
+ * @param min - The minimum value in the range (inclusive)
+ * @param max - The maximum value in the range (inclusive)
+ * @returns The cycled value within the specified range
+ */
+export declare function cycleInRange(value: number, min: number, max: number): number;
+//# sourceMappingURL=utils.d.ts.map

package/dist/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAA;AAItC,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAED;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAI5E"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@agrotools1/at-components1",
   "type": "module",
-  "version": "0.1.3",
+  "version": "1.1.0",
   "private": false,
   "description": "Componentes da Agrotools",
   "author": "Agrotools",
@@ -12,16 +12,7 @@
     "agrotools",
     "vue-components"
   ],
-  "exports": {
-    ".": {
-      "require": "./dist/index.umd.cjs",
-      "import": "./dist/index.js"
-    },
-    "./resolver": {
-      "import": "./dist/resolver/index.mjs"
-    }
-  },
-  "main": "./dist/index.umd.cjs",
+  "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "typings": "./dist/index.d.ts",
@@ -29,65 +20,46 @@
     "dist",
     "storybook-static"
   ],
+  "peerDependencies": {
+    "@internationalized/date": "^3.8.2",
+    "@tanstack/vue-table": "^8.21.3",
+    "lucide-vue-next": "^0.542.0",
+    "vue-component-type-helpers": "^2.2.10"
+  },
   "dependencies": {
     "@floating-ui/dom": "^1.4.2",
     "@floating-ui/vue": "^1.0.1",
-    "@storybook/addon-essentials": "^7.4.1",
-    "@storybook/addon-interactions": "^7.4.1",
-    "@storybook/addon-links": "^7.4.1",
-    "@storybook/addon-styling-webpack": "^0.0.6",
-    "@storybook/blocks": "^7.4.1",
-    "@storybook/testing-library": "^0.2.0",
-    "@storybook/vue3": "^7.4.1",
-    "@storybook/vue3-webpack5": "^7.4.1",
+    "@vueuse/core": "^13.4.0",
     "bootstrap": "^5.3.3",
-    "rimraf": "^5.0.1",
-    "sass": "^1.71.1",
-    "sass-loader": "^14.1.1",
-    "storybook": "^7.4.1",
-    "style-loaders": "^1.0.0"
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "embla-carousel-vue": "^8.6.0",
+    "ohash": "^2.0.11",
+    "reka-ui": "^2.5.0",
+    "tailwind-merge": "^3.3.1",
+    "tw-animate-css": "^1.3.4",
+    "vue-sonner": "^2.0.8",
+    "@agrotools1/at-icons": "1.0.5",
+    "@agrotools1/at-tailwind-config": "0.2.0"
   },
   "devDependencies": {
-    "@testing-library/user-event": "^14.4.3",
-    "@testing-library/vue": "^7.0.0",
-    "@tsconfig/node18": "^2.0.1",
-    "@types/node": "^18.16.18",
-    "@vitejs/plugin-vue": "^4.2.3",
-    "@vitejs/plugin-vue-jsx": "^3.0.1",
-    "@vitest/coverage-istanbul": "^0.33.0",
-    "@vue/test-utils": "^2.4.0",
-    "@vue/tsconfig": "^0.4.0",
-    "@vueuse/components": "^10.4.1",
-    "@vueuse/core": "^10.4.1",
-    "@vueuse/shared": "^10.4.1",
-    "aria-hidden": "^1.2.3",
-    "dts-bundle": "^0.1.1",
-    "eslint-plugin-storybook": "^0.6.13",
-    "jsdom": "^22.1.0",
-    "typescript": "^5.2.2",
-    "vite": "^4.3.9",
-    "vite-plugin-dts": "^3.3.1",
-    "vitest": "^0.34.4",
-    "vitest-axe": "^0.1.0",
-    "vitest-canvas-mock": "^0.3.3",
-    "vue": "^3.3.4",
-    "vue-tsc": "^1.8.1"
+    "@internationalized/date": "^3.8.2",
+    "@tailwindcss/vite": "^4.1.10",
+    "@tanstack/vue-table": "^8.21.3",
+    "lucide-vue-next": "^0.542.0",
+    "sass": "^1.93.2",
+    "tailwindcss": "^4.1.10",
+    "vite-svg-loader": "^5.1.0",
+    "vue-component-type-helpers": "^2.2.10",
+    "vue-router": "^4.3.2"
   },
-  "sideEffects": false,
   "publishConfig": {
     "access": "public"
   },
+  "nx": {
+    "name": "at-components-v1"
+  },
   "scripts": {
-    "test": "vitest run",
-    "test:watch": "vitest --watch",
-    "test:coverage": "vitest --coverage",
-    "storybook": "storybook dev -p 6006",
-    "build:storybook": "storybook build",
-    "build": "pnpm run type-check && pnpm run build-only && pnpm run scss-only",
-    "build-only": "vite build",
-    "scss-only": "sass --style=compressed  styles/scss/main.scss dist/Styles/agrotools-theme.css",
-    "type-check": "vue-tsc -p tsconfig.check.json --noEmit",
-    "type-gen": "vue-tsc --declaration  --emitDeclarationOnly",
-    "pub:release": "pnpm publish --access public"
+    "build": "vite build && sass --style=compressed styles/scss/main.scss dist/agrotools-theme.css && sass --style=compressed styles/scss/bootstrap-encapsulated.scss dist/bootstrap-encapsulated.css"
   }
 }

package/dist/Button/Button.d.ts

@@ -1,146 +0,0 @@
-export interface ButtonProps {
-    text: string;
-    variant: "primary" | "secondary" | "danger" | "header";
-    loading: boolean;
-    disabled: boolean;
-    size: {
-        width: string;
-    };
-    icon: SVGSVGElement | string | null;
-    isToggle: boolean;
-}
-declare const _default: import("vue").DefineComponent<{
-    isToggle: {
-        type: BooleanConstructor;
-        default: boolean;
-        validator: (value: boolean) => boolean;
-    };
-    text: {
-        type: StringConstructor;
-        required: true;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    variant: {
-        type: () => "primary" | "secondary" | "danger" | "header";
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    loading: {
-        type: BooleanConstructor;
-        default: boolean;
-        validator: (value: boolean) => boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-        validator: (value: boolean) => boolean;
-    };
-    size: {
-        type: () => {
-            width: string;
-        };
-        default: () => {
-            width: string;
-        };
-        validator: (value: {
-            width: string;
-        }) => boolean;
-    };
-    icon: {
-        type: (StringConstructor | {
-            new (): SVGSVGElement;
-            prototype: SVGSVGElement;
-        })[];
-        default: string;
-        required: false;
-        validator: (value: SVGSVGElement | string) => boolean;
-    };
-    iconLeft: {
-        type: (StringConstructor | {
-            new (): SVGSVGElement;
-            prototype: SVGSVGElement;
-        })[];
-        default: string;
-        required: false;
-        validator: (value: SVGSVGElement | string) => boolean;
-    };
-}, {
-    buttonRef: {
-        value: HTMLElement | null;
-    };
-    iconSlotEl: {
-        value: HTMLElement | null;
-    };
-    leftIconSlotEl: {
-        value: HTMLElement | null;
-    };
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    isToggle: {
-        type: BooleanConstructor;
-        default: boolean;
-        validator: (value: boolean) => boolean;
-    };
-    text: {
-        type: StringConstructor;
-        required: true;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    variant: {
-        type: () => "primary" | "secondary" | "danger" | "header";
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    loading: {
-        type: BooleanConstructor;
-        default: boolean;
-        validator: (value: boolean) => boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-        validator: (value: boolean) => boolean;
-    };
-    size: {
-        type: () => {
-            width: string;
-        };
-        default: () => {
-            width: string;
-        };
-        validator: (value: {
-            width: string;
-        }) => boolean;
-    };
-    icon: {
-        type: (StringConstructor | {
-            new (): SVGSVGElement;
-            prototype: SVGSVGElement;
-        })[];
-        default: string;
-        required: false;
-        validator: (value: SVGSVGElement | string) => boolean;
-    };
-    iconLeft: {
-        type: (StringConstructor | {
-            new (): SVGSVGElement;
-            prototype: SVGSVGElement;
-        })[];
-        default: string;
-        required: false;
-        validator: (value: SVGSVGElement | string) => boolean;
-    };
-}>>, {
-    size: {
-        width: string;
-    };
-    text: string;
-    isToggle: boolean;
-    variant: "header" | "primary" | "secondary" | "danger";
-    loading: boolean;
-    disabled: boolean;
-    icon: string | SVGSVGElement;
-    iconLeft: string | SVGSVGElement;
-}, {}>;
-export default _default;

package/dist/Checkbox/Checkbox.d.ts

@@ -1,73 +0,0 @@
-export interface CheckboxProps {
-    value?: boolean;
-    disabled: boolean;
-    size: "12" | "16" | "20" | "24" | "28";
-    labelledby: string;
-}
-declare const _default: import("vue").DefineComponent<{
-    disabled: {
-        required: false;
-        type: () => CheckboxProps["disabled"];
-        default: boolean;
-        validator: (value: boolean) => boolean;
-    };
-    value: {
-        required: false;
-        type: () => CheckboxProps["value"];
-        default: boolean;
-        validator: (value: boolean) => boolean;
-    };
-    size: {
-        required: false;
-        type: () => CheckboxProps["size"];
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    labelledby: {
-        required: false;
-        type: () => CheckboxProps["labelledby"];
-        default: string;
-        validator: (value: string) => boolean;
-    };
-}, {
-    checkmarck: string;
-    buttonRef: import("vue").Ref<HTMLButtonElement | null>;
-    inputRef: import("vue").Ref<HTMLInputElement | null>;
-    computedSize: import("vue").ComputedRef<string>;
-    isChecked: import("vue").Ref<boolean | undefined>;
-    onClick: () => void;
-    borderRadius: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    disabled: {
-        required: false;
-        type: () => CheckboxProps["disabled"];
-        default: boolean;
-        validator: (value: boolean) => boolean;
-    };
-    value: {
-        required: false;
-        type: () => CheckboxProps["value"];
-        default: boolean;
-        validator: (value: boolean) => boolean;
-    };
-    size: {
-        required: false;
-        type: () => CheckboxProps["size"];
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    labelledby: {
-        required: false;
-        type: () => CheckboxProps["labelledby"];
-        default: string;
-        validator: (value: string) => boolean;
-    };
-}>> & {
-    onClick?: ((...args: any[]) => any) | undefined;
-}, {
-    size: "12" | "16" | "20" | "24" | "28";
-    disabled: boolean;
-    value: boolean | undefined;
-    labelledby: string;
-}, {}>;
-export default _default;

package/dist/DataTable/Column/Column.d.ts

@@ -1,36 +0,0 @@
-import { type PropType, type Ref } from "vue";
-declare const _default: import("vue").DefineComponent<{
-    field: {
-        type: StringConstructor;
-        required: true;
-    };
-    label: {
-        type: StringConstructor;
-        required: true;
-    };
-    withMaxMinFilter: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
-}, {
-    alignColumns: Ref<"center" | "left" | "right">;
-    filterSvg: string;
-    orientation: Ref<"bottom" | "top">;
-    onClick: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    field: {
-        type: StringConstructor;
-        required: true;
-    };
-    label: {
-        type: StringConstructor;
-        required: true;
-    };
-    withMaxMinFilter: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
-}>>, {
-    withMaxMinFilter: boolean;
-}, {}>;
-export default _default;

package/dist/DataTable/DataTable.d.ts

@@ -1,113 +0,0 @@
-import { type PropType } from "vue";
-type TableData = Array<{
-    [key: string]: unknown;
-}>;
-declare const _default: import("vue").DefineComponent<{
-    value: {
-        type: PropType<TableData>;
-        required: true;
-    };
-    withEditableFields: {
-        type: PropType<string[]>;
-        default: undefined;
-    };
-    withSelection: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
-    withPaginator: {
-        type: PropType<{
-            total: number;
-            pageSize: number;
-            onUpdatePage: (page: number) => void;
-        } | undefined>;
-        default: undefined;
-    };
-    keyExtractor: {
-        type: PropType<(item: any) => string>;
-        default: (item: any) => any;
-    };
-    columnsClasses: {
-        type: PropType<string[]>;
-        default: () => never[];
-    };
-    alignColumns: {
-        type: PropType<"center" | "left" | "right">;
-        default: string;
-    };
-}, {
-    tableData: import("vue").Ref<{
-        [key: string]: unknown;
-    }[]>;
-    columns: string[];
-    updateColumn: (column: string) => void;
-    internalUpdateColumn: (column: string) => void;
-    internalColumns: string[];
-    lastHoveredTr: import("vue").Ref<{
-        element: HTMLTableRowElement;
-        item: any;
-    } | null>;
-    getEntries: (item: any) => [string, unknown][];
-    extractKey: (item: any) => string | undefined;
-    updateOnKeyDown: (event: KeyboardEvent, field: string) => void;
-    handleTrClick: (event: MouseEvent, field: string) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:selected-items": (items: Array<any>) => boolean;
-    "update:table-data": (data: TableData) => boolean;
-    "update:table-cell": (data: {
-        field: string;
-        value: string | number | boolean;
-    }) => boolean;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    value: {
-        type: PropType<TableData>;
-        required: true;
-    };
-    withEditableFields: {
-        type: PropType<string[]>;
-        default: undefined;
-    };
-    withSelection: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
-    withPaginator: {
-        type: PropType<{
-            total: number;
-            pageSize: number;
-            onUpdatePage: (page: number) => void;
-        } | undefined>;
-        default: undefined;
-    };
-    keyExtractor: {
-        type: PropType<(item: any) => string>;
-        default: (item: any) => any;
-    };
-    columnsClasses: {
-        type: PropType<string[]>;
-        default: () => never[];
-    };
-    alignColumns: {
-        type: PropType<"center" | "left" | "right">;
-        default: string;
-    };
-}>> & {
-    "onUpdate:selected-items"?: ((items: any[]) => any) | undefined;
-    "onUpdate:table-data"?: ((data: TableData) => any) | undefined;
-    "onUpdate:table-cell"?: ((data: {
-        field: string;
-        value: string | number | boolean;
-    }) => any) | undefined;
-}, {
-    alignColumns: "center" | "left" | "right";
-    withEditableFields: string[];
-    withSelection: boolean;
-    withPaginator: {
-        total: number;
-        pageSize: number;
-        onUpdatePage: (page: number) => void;
-    } | undefined;
-    keyExtractor: (item: any) => string;
-    columnsClasses: string[];
-}, {}>;
-export default _default;

package/dist/DataTable/Tag/Tag.d.ts

@@ -1,19 +0,0 @@
-import { type PropType } from "vue";
-declare const _default: import("vue").DefineComponent<{
-    type: {
-        type: PropType<"disabled" | "error" | "success" | "warning" | "info">;
-        required: true;
-        default: string;
-    };
-}, {
-    icon: string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    type: {
-        type: PropType<"disabled" | "error" | "success" | "warning" | "info">;
-        required: true;
-        default: string;
-    };
-}>>, {
-    type: "disabled" | "error" | "success" | "warning" | "info";
-}, {}>;
-export default _default;

package/dist/Input/Input.core.d.ts

@@ -1,132 +0,0 @@
-import type { SelectItemProps } from "..";
-export interface InputCoreProps extends HTMLInputElement {
-    type: string;
-    value: string;
-    error: {
-        value: boolean;
-        message: string;
-    };
-    preventInputEvent?: boolean;
-    separator?: string;
-    selectedItems?: Array<SelectItemProps>;
-    onSelectedItemClick: (separatedValue: string) => void;
-}
-declare const _default: import("vue").DefineComponent<{
-    preventInputEvent: {
-        type: BooleanConstructor;
-        default: boolean;
-        required: false;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    label: {
-        type: StringConstructor;
-        default: string;
-        required: true;
-    };
-    id: {
-        type: StringConstructor;
-    };
-    type: {
-        type: StringConstructor;
-        default: string;
-    };
-    value: {
-        type: StringConstructor;
-        default: string;
-    };
-    error: {
-        type: () => InputCoreProps["error"];
-        default: () => {
-            value: boolean;
-            message: string;
-        };
-        validator: (error: InputCoreProps["error"]) => boolean;
-    };
-    separator: {
-        type: StringConstructor;
-        default: null;
-    };
-    selectedItems: {
-        type: () => Array<SelectItemProps>;
-        default: () => import("../Select/Item/Item").SelectItemProps[];
-    };
-    onSelectedItemClick: {
-        type: () => (separatedValue: string) => void;
-    };
-}, {
-    wrapperEl: import("vue").Ref<HTMLDivElement | null>;
-    inputEl: import("vue").Ref<HTMLInputElement | null>;
-    inputError: import("vue").ComputedRef<{
-        value: boolean;
-        message: string;
-    }>;
-    inputId: string;
-    handleOnFocus: () => void;
-    handleOnFocusOut: () => void;
-    icons: {
-        error: string;
-    };
-    containerItemsEl: import("vue").Ref<HTMLDivElement | null>;
-    firstTwoItems: import("vue").ComputedRef<import("../Select/Item/Item").SelectItemProps[]>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    preventInputEvent: {
-        type: BooleanConstructor;
-        default: boolean;
-        required: false;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    label: {
-        type: StringConstructor;
-        default: string;
-        required: true;
-    };
-    id: {
-        type: StringConstructor;
-    };
-    type: {
-        type: StringConstructor;
-        default: string;
-    };
-    value: {
-        type: StringConstructor;
-        default: string;
-    };
-    error: {
-        type: () => InputCoreProps["error"];
-        default: () => {
-            value: boolean;
-            message: string;
-        };
-        validator: (error: InputCoreProps["error"]) => boolean;
-    };
-    separator: {
-        type: StringConstructor;
-        default: null;
-    };
-    selectedItems: {
-        type: () => Array<SelectItemProps>;
-        default: () => import("../Select/Item/Item").SelectItemProps[];
-    };
-    onSelectedItemClick: {
-        type: () => (separatedValue: string) => void;
-    };
-}>>, {
-    type: string;
-    label: string;
-    disabled: boolean;
-    value: string;
-    error: {
-        value: boolean;
-        message: string;
-    };
-    preventInputEvent: boolean;
-    separator: string;
-    selectedItems: import("../Select/Item/Item").SelectItemProps[];
-}, {}>;
-export default _default;