ikoncomponents 1.4.8 → 1.5.0

package/dist/ikoncomponents/form-fields/combobox-input-value/index.js

@@ -1,26 +0,0 @@
-'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useController } from "react-hook-form";
-import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, } from "../../../shadcn/form";
-import { Popover, PopoverContent, PopoverTrigger } from "../../../shadcn/popover";
-import { Button } from "../../../shadcn/button";
-import { cn } from "../../../utils/cn";
-import { Check, ChevronsUpDown } from "lucide-react";
-import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from "../../../shadcn/command";
-export function FormComboboxInputWithValue(props) {
-    const { field } = useController({ name: props.name, control: props.formControl });
-    // Use the external value if provided, otherwise use the field's value.
-    const currentValue = props.value !== undefined ? props.value : field.value;
-    return (_jsx(FormField, { control: props.formControl, name: props.name, render: ({ field }) => {
-            var _a;
-            return (_jsxs(FormItem, { className: "", children: [props.label && (_jsxs(_Fragment, { children: [_jsx(FormLabel, { children: props.label }), _jsx("br", {})] })), _jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, className: "w-full", children: _jsx(FormControl, { children: _jsxs(Button, { variant: "outline", role: "combobox", className: cn("justify-between", !currentValue && "text-muted-foreground"), disabled: typeof props.disabled === "function" ? props.disabled() : props.disabled, children: [currentValue
-                                                ? ((_a = props.items.find((item) => item.value === currentValue)) === null || _a === void 0 ? void 0 : _a.label) || currentValue
-                                                : props.placeholder, _jsx(ChevronsUpDown, { className: "opacity-50" })] }) }) }), _jsx(PopoverContent, { className: "p-0", align: "start", children: _jsxs(Command, { children: [_jsx(CommandInput, { placeholder: "Search..." }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: "No items found." }), _jsx(CommandGroup, { children: props.items.map((item) => (_jsxs(CommandItem, { value: item.value, disabled: typeof item.disabled === "function"
-                                                            ? item.disabled(item)
-                                                            : item.disabled, onSelect: (value) => {
-                                                            field.onChange(value);
-                                                            props.onSelect && props.onSelect(value);
-                                                            props.onChange && props.onChange(value);
-                                                        }, children: [(item === null || item === void 0 ? void 0 : item.label) || item.value, _jsx(Check, { className: cn("ml-auto", item.value === currentValue ? "opacity-100" : "opacity-0") })] }, item.value))) })] })] }) })] }), props.formDescription && (_jsx(FormDescription, { children: props.formDescription })), _jsx(FormMessage, {})] }));
-        } }));
-}

package/dist/ikoncomponents/form-fields/date-input/index.d.ts

@@ -1,3 +0,0 @@
-import { FormDateInputProps } from "../types";
-export declare function FormDateInput({ formControl, name, label, placeholder, dateFormat, calendarDateDisabled, formDescription, disabled, }: FormDateInputProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/ikoncomponents/form-fields/date-input/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ikoncomponents/form-fields/date-input/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAQ9C,wBAAgB,aAAa,CAAC,EAC5B,WAAW,EACX,IAAI,EACJ,KAAK,EACL,WAAW,EACX,UAAU,EACV,oBAAoB,EACpB,eAAe,EACf,QAAQ,GACT,EAAE,kBAAkB,2CAqDpB"}

package/dist/ikoncomponents/form-fields/date-input/index.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, } from "../../../shadcn/form";
-import { Popover, PopoverContent, PopoverTrigger } from "../../../shadcn/popover";
-import { Button } from "../../../shadcn/button";
-import { cn } from "../../../utils/cn";
-import { format } from "date-fns";
-import { CalendarIcon } from "lucide-react";
-import { Calendar } from "../../../shadcn/calendar";
-export function FormDateInput({ formControl, name, label, placeholder, dateFormat, calendarDateDisabled, formDescription, disabled, }) {
-    return (_jsx(_Fragment, { children: _jsx(FormField, { control: formControl, name: name, render: ({ field }) => (_jsxs(FormItem, { children: [label && (_jsx(_Fragment, { children: _jsx(FormLabel, { children: label }) })), _jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, className: "w-full", children: _jsx(FormControl, { children: _jsxs(Button, { variant: "outline", className: cn(!field.value && "text-foreground/50"), disabled: disabled, children: [field.value ? (format(field.value, dateFormat || "PPP")) : (_jsx("span", { children: placeholder || "Pick a date" })), _jsx(CalendarIcon, { className: "ml-auto h-4 w-4 opacity-50" })] }) }) }), _jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: _jsx(Calendar, { mode: "single", selected: field.value, onSelect: field.onChange, disabled: calendarDateDisabled, captionLayout: "dropdown", 
-                                    // disabled={(date) =>
-                                    //   date > new Date() || date < new Date("1900-01-01")
-                                    // }
-                                    autoFocus: true }) })] }), formDescription && (_jsx(FormDescription, { children: formDescription })), _jsx(FormMessage, {})] })) }) }));
-}

package/dist/ikoncomponents/form-fields/file-input/index.d.ts

@@ -1,2 +0,0 @@
-export declare function FormFileInput(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/ikoncomponents/form-fields/file-input/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ikoncomponents/form-fields/file-input/index.tsx"],"names":[],"mappings":"AAEA,wBAAgB,aAAa,4CAM5B"}

package/dist/ikoncomponents/form-fields/file-input/index.js

@@ -1,4 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-export function FormFileInput() {
-    return (_jsx(_Fragment, {}));
-}

package/dist/ikoncomponents/form-fields/input/index.d.ts

@@ -1,3 +0,0 @@
-import { FormInputProps } from '../types';
-export declare function FormInput({ formControl, label, formDescription, extraFormComponent, name, ...inputProps }: FormInputProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/ikoncomponents/form-fields/input/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ikoncomponents/form-fields/input/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAGzC,wBAAgB,SAAS,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,eAAe,EAAE,kBAAkB,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,EAAE,cAAc,2CAoBzH"}

package/dist/ikoncomponents/form-fields/input/index.js

@@ -1,18 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '../../../shadcn/form';
-import { Input } from '../../../shadcn/input';
-export function FormInput(_a) {
-    var { formControl, label, formDescription, extraFormComponent, name } = _a, inputProps = __rest(_a, ["formControl", "label", "formDescription", "extraFormComponent", "name"]);
-    return (_jsx(_Fragment, { children: _jsx(FormField, { control: formControl, name: name, render: ({ field }) => (_jsxs(FormItem, { children: [label && _jsx(FormLabel, { children: label }), _jsx(FormControl, { children: _jsx(Input, Object.assign({}, field, inputProps)) }), extraFormComponent && extraFormComponent(field.value), formDescription && _jsx(FormDescription, { children: formDescription }), _jsx(FormMessage, {})] })) }) }));
-}

package/dist/ikoncomponents/form-fields/multi-combobox-input/index.d.ts

@@ -1,7 +0,0 @@
-import { FormComboboxInputProps as BaseFormComboboxInputProps } from "../../form-fields/types";
-interface FormComboboxInputProps extends BaseFormComboboxInputProps {
-    defaultOptions?: number;
-}
-export declare function FormMultiComboboxInput({ formControl, name, label, placeholder, formDescription, items, disabled, onSelect, defaultValue, defaultOptions, }: FormComboboxInputProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=index.d.ts.map

package/dist/ikoncomponents/form-fields/multi-combobox-input/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ikoncomponents/form-fields/multi-combobox-input/index.tsx"],"names":[],"mappings":"AAgTA,OAAO,EAAE,sBAAsB,IAAI,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAG/F,UAAU,sBAAuB,SAAQ,0BAA0B;IACjE,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,WAAW,EACX,IAAI,EACJ,KAAK,EACL,WAAW,EACX,eAAe,EACf,KAAU,EACV,QAAQ,EACR,QAAQ,EACR,YAAiB,EACjB,cAAkB,GACnB,EAAE,sBAAsB,2CA2PxB"}

package/dist/ikoncomponents/form-fields/otp-input/index.d.ts

@@ -1,3 +0,0 @@
-import { FormInputProps } from '../types';
-export declare function FormOtpInput({ formControl, label, formDescription, extraFormComponent, name, ...inputProps }: FormInputProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/ikoncomponents/form-fields/otp-input/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ikoncomponents/form-fields/otp-input/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAOzC,wBAAgB,YAAY,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,eAAe,EAAE,kBAAkB,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,EAAE,cAAc,2CA6B5H"}

package/dist/ikoncomponents/form-fields/otp-input/index.js

@@ -1,18 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '../../../shadcn/form';
-import { InputOTP, InputOTPGroup, InputOTPSlot, } from "../../../shadcn/input-otp";
-export function FormOtpInput(_a) {
-    var { formControl, label, formDescription, extraFormComponent, name } = _a, inputProps = __rest(_a, ["formControl", "label", "formDescription", "extraFormComponent", "name"]);
-    return (_jsx(_Fragment, { children: _jsx(FormField, { control: formControl, name: name, render: ({ field }) => (_jsxs(FormItem, { children: [label && _jsx(FormLabel, { children: label }), _jsx(FormControl, { children: _jsx(InputOTP, Object.assign({ maxLength: 4 }, field, { children: _jsxs(InputOTPGroup, { children: [_jsx(InputOTPSlot, { index: 0 }), _jsx(InputOTPSlot, { index: 1 }), _jsx(InputOTPSlot, { index: 2 }), _jsx(InputOTPSlot, { index: 3 })] }) })) }), extraFormComponent && extraFormComponent(field.value), formDescription && _jsx(FormDescription, { children: formDescription }), _jsx(FormMessage, {})] })) }) }));
-}

package/dist/ikoncomponents/form-fields/password-input/index.d.ts

@@ -1,3 +0,0 @@
-import { FormInputProps } from '../types';
-export declare function FormPasswordInput({ formControl, label, formDescription, extraFormComponent, name, ...inputProps }: FormInputProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/ikoncomponents/form-fields/password-input/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ikoncomponents/form-fields/password-input/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAGzC,wBAAgB,iBAAiB,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,eAAe,EAAE,kBAAkB,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,EAAE,cAAc,2CA2CjI"}

package/dist/ikoncomponents/form-fields/password-input/index.js

@@ -1,23 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import * as React from 'react';
-import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '../../../shadcn/form';
-import { Input } from '../../../shadcn/input';
-import { Button } from '../../../shadcn/button';
-import { Eye, EyeOff } from 'lucide-react';
-export function FormPasswordInput(_a) {
-    var { formControl, label, formDescription, extraFormComponent, name } = _a, inputProps = __rest(_a, ["formControl", "label", "formDescription", "extraFormComponent", "name"]);
-    const [showPassword, setShowPassword] = React.useState(false);
-    const toggleVisibility = () => setShowPassword(!showPassword);
-    return (_jsx(_Fragment, { children: _jsx(FormField, { control: formControl, name: name, render: ({ field }) => (_jsxs(FormItem, { children: [label && _jsx(FormLabel, { children: label }), _jsxs("div", { className: "relative", children: [_jsx(FormControl, { children: _jsx(Input, Object.assign({ type: showPassword ? 'text' : 'password' }, field, inputProps, { className: `${inputProps.className || ''} pr-10` })) }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "absolute right-0 top-0 h-full px-3 py-2 text-muted-foreground hover:bg-transparent!", onClick: toggleVisibility, children: showPassword ? (_jsx(EyeOff, { className: "h-4 w-4" })) : (_jsx(Eye, { className: "h-4 w-4" })) })] }), extraFormComponent && extraFormComponent(field.value), formDescription && _jsx(FormDescription, { children: formDescription }), _jsx(FormMessage, {})] })) }) }));
-}

package/dist/ikoncomponents/form-fields/phone-input/index.d.ts

@@ -1,2 +0,0 @@
-export declare function FormPhoneInput(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/ikoncomponents/form-fields/phone-input/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ikoncomponents/form-fields/phone-input/index.tsx"],"names":[],"mappings":"AAEA,wBAAgB,cAAc,4CAI7B"}

package/dist/ikoncomponents/form-fields/phone-input/index.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export function FormPhoneInput() {
-    return (_jsx("div", { children: "FormPhoneInput" }));
-}

package/dist/ikoncomponents/form-fields/textarea/index.d.ts

@@ -1,3 +0,0 @@
-import { FormTextareaProps } from '../types';
-export declare function FormTextarea({ formControl, name, label, formItemClass, formDescription, ...textAreaProps }: FormTextareaProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/ikoncomponents/form-fields/textarea/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ikoncomponents/form-fields/textarea/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAK5C,wBAAgB,YAAY,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,GAAG,aAAa,EAAE,EAAE,iBAAiB,2CAmB7H"}

package/dist/ikoncomponents/form-fields/textarea/index.js

@@ -1,18 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '../../../shadcn/form';
-import { Textarea } from '../../../shadcn/textarea';
-export function FormTextarea(_a) {
-    var { formControl, name, label, formItemClass, formDescription } = _a, textAreaProps = __rest(_a, ["formControl", "name", "label", "formItemClass", "formDescription"]);
-    return (_jsx(_Fragment, { children: _jsx(FormField, { control: formControl, name: name, render: ({ field }) => (_jsxs(FormItem, { className: formItemClass, children: [label && _jsx(FormLabel, { children: label }), _jsx(FormControl, { children: _jsx(Textarea, Object.assign({}, field, textAreaProps)) }), formDescription && _jsx(FormDescription, { children: formDescription }), _jsx(FormMessage, {})] })) }) }));
-}

package/dist/ikoncomponents/form-fields/types/index.d.ts

@@ -1,37 +0,0 @@
-import { InputHTMLAttributes, ReactNode, TextareaHTMLAttributes } from "react";
-import { Matcher } from "react-day-picker";
-export interface FormFieldProps {
-    formControl: any;
-    label?: string;
-    formItemClass?: string;
-    formDescription?: string;
-    extraFormComponent?: (value: string) => ReactNode;
-}
-export interface FormInputProps extends FormFieldProps, InputHTMLAttributes<HTMLInputElement> {
-    name: string;
-}
-export interface FormTextareaProps extends FormFieldProps, TextareaHTMLAttributes<HTMLTextAreaElement> {
-    name: string;
-}
-export interface FormDateInputProps extends FormFieldProps {
-    name: string;
-    placeholder?: string;
-    dateFormat?: string;
-    calendarDateDisabled?: Matcher;
-    disabled?: boolean;
-}
-export interface FormComboboxInputProps extends FormFieldProps {
-    name: string;
-    placeholder?: string;
-    items: FormComboboxItemProps[];
-    onSelect?: (value: string | string[]) => void;
-    defaultValue?: [];
-    disabled?: ((...args: any) => boolean) | boolean;
-}
-export interface FormComboboxItemProps {
-    value: string;
-    label?: string | undefined;
-    extra?: any;
-    disabled?: ((...args: any) => boolean) | boolean;
-}
-//# sourceMappingURL=index.d.ts.map

package/dist/ikoncomponents/form-fields/types/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ikoncomponents/form-fields/types/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,MAAM,WAAW,cAAc;IAC7B,WAAW,EAAE,GAAG,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;CACnD;AAED,MAAM,WAAW,cACf,SAAQ,cAAc,EACtB,mBAAmB,CAAC,gBAAgB,CAAC;IACrC,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,iBACf,SAAQ,cAAc,EACtB,sBAAsB,CAAC,mBAAmB,CAAC;IAC3C,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACxD,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,sBAAuB,SAAQ,cAAc;IAC5D,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,YAAY,CAAC,EAAE,EAAE,CAAA;IACjB,QAAQ,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC,GAAG,OAAO,CAAC;CAClD;AACD,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC,GAAG,OAAO,CAAC;CAClD"}

package/dist/ikoncomponents/form-fields/types/index.js

@@ -1 +0,0 @@
-export {};

package/dist/ikoncomponents/glowing-effect/index.d.ts

@@ -1,15 +0,0 @@
-interface GlowingEffectProps {
-    blur?: number;
-    inactiveZone?: number;
-    proximity?: number;
-    spread?: number;
-    variant?: "default" | "white";
-    glow?: boolean;
-    className?: string;
-    disabled?: boolean;
-    movementDuration?: number;
-    borderWidth?: number;
-}
-export declare const GlowingEffect: ({ blur, inactiveZone, proximity, spread, variant, glow, className, movementDuration, borderWidth, disabled, }: GlowingEffectProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=index.d.ts.map

package/dist/ikoncomponents/glowing-effect/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ikoncomponents/glowing-effect/index.tsx"],"names":[],"mappings":"AAMA,UAAU,kBAAkB;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AACD,eAAO,MAAM,aAAa,GACvB,+GAWE,kBAAkB,4CA4ItB,CAAC"}

package/dist/ikoncomponents/glowing-effect/index.js

@@ -1,84 +0,0 @@
-"use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useRef } from "react";
-import { animate } from "motion/react";
-import { cn } from "../../utils/cn";
-export const GlowingEffect = (({ blur = 0, inactiveZone = 0.7, proximity = 0, spread = 20, variant = "default", glow = false, className, movementDuration = 2, borderWidth = 1, disabled = true, }) => {
-    const containerRef = useRef(null);
-    const lastPosition = useRef({ x: 0, y: 0 });
-    const animationFrameRef = useRef(0);
-    const handleMove = useCallback((e) => {
-        if (!containerRef.current)
-            return;
-        if (animationFrameRef.current) {
-            cancelAnimationFrame(animationFrameRef.current);
-        }
-        animationFrameRef.current = requestAnimationFrame(() => {
-            var _a, _b;
-            const element = containerRef.current;
-            if (!element)
-                return;
-            const { left, top, width, height } = element.getBoundingClientRect();
-            const mouseX = (_a = e === null || e === void 0 ? void 0 : e.x) !== null && _a !== void 0 ? _a : lastPosition.current.x;
-            const mouseY = (_b = e === null || e === void 0 ? void 0 : e.y) !== null && _b !== void 0 ? _b : lastPosition.current.y;
-            if (e) {
-                lastPosition.current = { x: mouseX, y: mouseY };
-            }
-            const center = [left + width * 0.5, top + height * 0.5];
-            const distanceFromCenter = Math.hypot(mouseX - center[0], mouseY - center[1]);
-            const inactiveRadius = 0.5 * Math.min(width, height) * inactiveZone;
-            if (distanceFromCenter < inactiveRadius) {
-                element.style.setProperty("--active", "0");
-                return;
-            }
-            const isActive = mouseX > left - proximity &&
-                mouseX < left + width + proximity &&
-                mouseY > top - proximity &&
-                mouseY < top + height + proximity;
-            element.style.setProperty("--active", isActive ? "1" : "0");
-            if (!isActive)
-                return;
-            const currentAngle = parseFloat(element.style.getPropertyValue("--start")) || 0;
-            const targetAngle = (180 * Math.atan2(mouseY - center[1], mouseX - center[0])) /
-                Math.PI +
-                90;
-            const angleDiff = ((targetAngle - currentAngle + 180) % 360) - 180;
-            const newAngle = currentAngle + angleDiff;
-            animate(currentAngle, newAngle, {
-                duration: movementDuration,
-                ease: [0.16, 1, 0.3, 1],
-                onUpdate: (value) => {
-                    element.style.setProperty("--start", String(value));
-                },
-            });
-        });
-    }, [inactiveZone, proximity, movementDuration]);
-    useEffect(() => {
-        if (disabled)
-            return;
-        const handleScroll = () => handleMove();
-        const handlePointerMove = (e) => handleMove(e);
-        window.addEventListener("scroll", handleScroll, { passive: true });
-        document.body.addEventListener("pointermove", handlePointerMove, {
-            passive: true,
-        });
-        return () => {
-            if (animationFrameRef.current) {
-                cancelAnimationFrame(animationFrameRef.current);
-            }
-            window.removeEventListener("scroll", handleScroll);
-            document.body.removeEventListener("pointermove", handlePointerMove);
-        };
-    }, [handleMove, disabled]);
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: cn("pointer-events-none absolute -inset-px hidden rounded-[inherit] border opacity-0 transition-opacity", glow && "opacity-100", variant === "white" && "border-white", disabled && "!block") }), _jsx("div", { ref: containerRef, style: {
-                    "--blur": `${blur}px`,
-                    "--spread": spread,
-                    "--start": "0",
-                    "--active": "0",
-                    "--glowingeffect-border-width": `${borderWidth}px`,
-                    "--repeating-conic-gradient-times": "5",
-                    "--gradient": variant === "white"
-                        ? `repeating-conic-gradient(from 236.84deg at 50% 50%,var(--black),var(--black) calc(25% / var(--repeating-conic-gradient-times)))`
-                        : `linear-gradient(54.29deg, #00A5E9 22.93%, #A020F0 32.97%, #55C8FF 52.28%, #A020F0 73.13%, #071182 88.57%)`,
-                }, className: cn("pointer-events-none absolute inset-0 rounded-[inherit] opacity-100 transition-opacity", glow && "opacity-100", blur > 0 && "blur-[var(--blur)] ", className, disabled && "!hidden"), children: _jsx("div", { className: cn("glow", "rounded-[inherit]", 'after:content-[""] after:rounded-[inherit] after:absolute after:inset-[calc(-1*var(--glowingeffect-border-width))]', "after:[border:var(--glowingeffect-border-width)_solid_transparent]", "after:[background:var(--gradient)] after:[background-attachment:fixed]", "after:opacity-[var(--active)] after:transition-opacity after:duration-300", "after:[mask-clip:padding-box,border-box]", "after:[mask-composite:intersect]", "after:[mask-image:linear-gradient(#0000,#0000),conic-gradient(from_calc((var(--start)-var(--spread))*1deg),#00000000_0deg,#fff,#00000000_calc(var(--spread)*2deg))]") }) })] }));
-});

package/dist/ikoncomponents/icon/index.d.ts

@@ -1,9 +0,0 @@
-export interface IconProps {
-    name: string;
-    size?: number | string;
-    color?: string;
-    className?: string;
-    strokeWidth?: number;
-}
-export declare function Icon({ name, ...props }: IconProps): import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=index.d.ts.map

package/dist/ikoncomponents/icon/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ikoncomponents/icon/index.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,SAAS;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,kDASjD"}

package/dist/ikoncomponents/icon/index.js

@@ -1,23 +0,0 @@
-"use client";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as LucideIcons from 'lucide-react';
-export function Icon(_a) {
-    var { name } = _a, props = __rest(_a, ["name"]);
-    const IconComponent = LucideIcons[name];
-    if (!IconComponent) {
-        console.warn(`Icon "${name}" not found in lucide-react`);
-        return null;
-    }
-    return _jsx(IconComponent, Object.assign({}, props));
-}

package/dist/ikoncomponents/image-cropper-upload/components/newCropper.d.ts

@@ -1,16 +0,0 @@
-import React from "react";
-import "cropperjs/dist/cropper.css";
-export interface CropperImgProps {
-    imageSrc: string | undefined;
-    onCroppedImage: (imageUrl: string) => void;
-    aspectRatio: number;
-    rotationAngle: number;
-    zoomLevel: number;
-    moveDirection: {
-        x: number;
-        y: number;
-    };
-    currentState: string;
-}
-export declare const NewCropperImg: React.FC<CropperImgProps>;
-//# sourceMappingURL=newCropper.d.ts.map

package/dist/ikoncomponents/image-cropper-upload/components/newCropper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"newCropper.d.ts","sourceRoot":"","sources":["../../../../src/ikoncomponents/image-cropper-upload/components/newCropper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,4BAA4B,CAAC;AAEpC,MAAM,WAAW,eAAe;IAC5B,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,YAAY,EAAE,MAAM,CAAA;CACvB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsGnD,CAAC"}

package/dist/ikoncomponents/image-cropper-upload/components/newImageUploadForm.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-export interface ImageFormProps {
-    open: boolean;
-    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
-    onImageSubmit: (data: string | null) => void;
-}
-export declare const NewImageForm: React.NamedExoticComponent<ImageFormProps>;
-//# sourceMappingURL=newImageUploadForm.d.ts.map

package/dist/ikoncomponents/image-cropper-upload/components/newImageUploadForm.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"newImageUploadForm.d.ts","sourceRoot":"","sources":["../../../../src/ikoncomponents/image-cropper-upload/components/newImageUploadForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAuBzD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACvD,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC9C;AAoUD,eAAO,MAAM,YAAY,4CAA8B,CAAC"}

package/dist/ikoncomponents/image-cropper-upload/components/newImageUploadForm.js

@@ -1,145 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useEffect, memo } from "react";
-import { ZoomIn, ZoomOut, RotateCw, RotateCcw, ArrowUp, ArrowDown, ArrowLeft, ArrowRight, ImageIcon, FileImage, Square, Upload, } from "lucide-react";
-import { Label } from "../../../shadcn/label";
-import { Input } from "../../../shadcn/input";
-import { Button } from "../../../shadcn/button";
-import { NewCropperImg } from "./newCropper";
-import Image from "next/image";
-const NewImageFormComponent = ({ open, setOpen, onImageSubmit, }) => {
-    const [imageSrc, setImageSrc] = useState(null);
-    const [croppedImage, setCroppedImage] = useState(null);
-    const [prevImages, setPrevImages] = useState({
-        first: null,
-        second: null,
-        third: null,
-    });
-    const [aspectRatio, setAspectRatio] = useState(4 / 3);
-    const [activeState, setActiveState] = useState("first");
-    const [rotationAngle, setRotationAngle] = useState(0);
-    const [scale, setScale] = useState(1);
-    const [moveDirection, setMoveDirection] = useState({
-        x: 0,
-        y: 0,
-    });
-    const [fileName, setFileName] = useState("");
-    const handleImageSubmit = () => {
-        console.log("Image Submit Button is pressed");
-        console.log(prevImages);
-        onImageSubmit(prevImages.third);
-        setOpen(false);
-    };
-    const rotateImage = (angle) => {
-        setRotationAngle((prevAngle) => prevAngle + angle);
-    };
-    const handleMoveUp = () => {
-        setMoveDirection({ x: 0, y: -5 });
-    };
-    const handleMoveDown = () => {
-        setMoveDirection({ x: 0, y: 5 });
-    };
-    const handleMoveLeft = () => {
-        setMoveDirection({ x: -5, y: 0 });
-    };
-    const handleMoveRight = () => {
-        setMoveDirection({ x: 5, y: 0 });
-    };
-    // Handle zoom in
-    const zoomIn = () => {
-        setScale((prevScale) => {
-            const newScale = prevScale + 0.2;
-            if (newScale <= 2) {
-                // Ensure scale does not exceed the max value
-                return newScale;
-            }
-            return prevScale;
-        });
-    };
-    // Handle zoom out
-    const zoomOut = () => {
-        setScale((prevScale) => {
-            const newScale = prevScale - 0.2;
-            if (newScale >= 0.2) {
-                // Ensure scale does not go below the min value
-                return newScale;
-            }
-            return prevScale;
-        });
-    };
-    const handleAspectRatioChange = (ratio, stateName) => {
-        setAspectRatio(ratio);
-        setActiveState(stateName);
-    };
-    const handleFileChange = (file) => {
-        if (file.type.startsWith("image/")) {
-            const reader = new FileReader();
-            reader.onloadend = () => {
-                setImageSrc(reader.result);
-                setFileName((prev) => prev || file.name);
-            };
-            reader.readAsDataURL(file);
-        }
-        else {
-            alert("Please drop a valid image file.");
-        }
-    };
-    const handleDrop = (event) => {
-        event.preventDefault();
-        handleFileChange(event.dataTransfer.files[0]);
-    };
-    const getImagePreview = (state) => {
-        const imgSource = croppedImage && activeState === state ? croppedImage : prevImages[state];
-        // const imgSource = prevImages[state];
-        return imgSource ? (_jsx("div", { className: `
-            ${state === "first"
-                ? "relative w-3/5 h-[200px] bg-slate-400"
-                : state === "second"
-                    ? "relative w-1/2 h-[220px] bg-slate-400"
-                    : "relative w-1/3 h-[120px] bg-slate-400"}`, children: _jsx(Image, { src: imgSource || "", alt: `Preview ${state}`, layout: "fill", objectFit: "70vh" }) })) : (_jsx("div", { className: `
-            ${state === "first"
-                ? "relative w-3/5 h-[200px] bg-slate-400"
-                : state === "second"
-                    ? "relative w-1/2 h-[220px] bg-slate-400"
-                    : "relative w-1/3 h-[120px] bg-slate-400"}` }));
-    };
-    useEffect(() => {
-        if (croppedImage) {
-            if (prevImages.first === null ||
-                prevImages.second === null ||
-                prevImages.third === null) {
-                setPrevImages({
-                    first: croppedImage,
-                    second: croppedImage,
-                    third: croppedImage,
-                });
-            }
-            else {
-                setPrevImages((prev) => (Object.assign(Object.assign({}, prev), { [activeState]: croppedImage })));
-            }
-        }
-    }, [croppedImage]);
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex flex-row gap-2", children: [_jsxs("div", { className: "flex-1", children: [_jsx(Label, { htmlFor: "imageName", children: "Image Name" }), _jsx(Input, { id: "imageName", placeholder: "Enter image name", value: fileName, onChange: (e) => setFileName(e.target.value) })] }), _jsxs("div", { className: "self-end", children: [_jsx(Button, { variant: "outline", onClick: () => { var _a; return (_a = document.getElementById("inputImage1")) === null || _a === void 0 ? void 0 : _a.click(); }, children: _jsx(Upload, {}) }), _jsx(Input, { id: "inputImage1", type: "file", accept: "image/png, image/jpeg", className: "hidden", onChange: (e) => {
-                                    var _a;
-                                    const file = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0];
-                                    if (file && file.type.startsWith("image/")) {
-                                        const reader = new FileReader();
-                                        reader.onloadend = () => {
-                                            setImageSrc(reader.result);
-                                            setFileName((prevFileName) => prevFileName || file.name);
-                                        };
-                                        reader.readAsDataURL(file);
-                                        setPrevImages({
-                                            first: null,
-                                            second: null,
-                                            third: null,
-                                        });
-                                    }
-                                } })] }), _jsxs("div", { className: "flex-1", children: [_jsx(Label, { htmlFor: "imageDesc", children: "Image Description" }), _jsx(Input, { id: "imageDesc", placeholder: "Describe your image" })] })] }), _jsxs("div", { className: "flex flex-row gap-2", children: [_jsx("div", { className: "w-3/5 flex justify-center items-center border-2 border-dashed border-gray-400 bg-gray-100", style: { height: "70vh" }, onDrop: handleDrop, onDragOver: (e) => e.preventDefault(), children: imageSrc ? (_jsx(NewCropperImg, { imageSrc: imageSrc, onCroppedImage: setCroppedImage, aspectRatio: aspectRatio, rotationAngle: rotationAngle, zoomLevel: scale, moveDirection: moveDirection, currentState: activeState })) : (_jsxs("div", { className: "text-center", children: [_jsx(Label, { htmlFor: "inputImage", children: "Drag and drop an image here" }), _jsxs("div", { className: "mt-4", children: [_jsx(Button, { variant: "outline", onClick: () => { var _a; return (_a = document.getElementById("inputImage")) === null || _a === void 0 ? void 0 : _a.click(); }, children: "Upload Image" }), _jsx(Input, { id: "inputImage", type: "file", accept: "image/png, image/jpeg", className: "hidden", onChange: (e) => {
-                                                var _a;
-                                                const file = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0];
-                                                if (file) {
-                                                    handleFileChange(file);
-                                                }
-                                            } })] })] })) }), _jsxs("div", { className: "w-2/5 flex flex-col gap-2", children: [_jsx("h3", { children: "Landscape" }), getImagePreview("first"), _jsx("h3", { children: "Potrait" }), getImagePreview("second"), _jsx("h3", { children: "Icon" }), getImagePreview("third")] })] }), _jsxs("div", { className: "flex flex-row gap-1", children: [_jsxs("div", { className: "w-3/5 flex flex-row justify-between", children: [_jsxs("div", { children: [_jsx(Button, { variant: "outline", onClick: () => handleAspectRatioChange(4 / 3, "first"), children: _jsx(ImageIcon, {}) }), _jsx(Button, { variant: "outline", onClick: () => handleAspectRatioChange(3 / 4, "second"), children: _jsx(FileImage, {}) }), _jsx(Button, { variant: "outline", onClick: () => handleAspectRatioChange(1 / 1, "third"), children: _jsx(Square, {}) })] }), _jsxs("div", { children: [_jsx(Button, { onClick: () => rotateImage(90), variant: "outline", children: _jsx(RotateCw, {}) }), _jsx(Button, { onClick: () => rotateImage(-90), variant: "outline", children: _jsx(RotateCcw, {}) })] }), _jsxs("div", { children: [_jsx(Button, { onClick: () => zoomIn(), variant: "outline", children: _jsx(ZoomIn, {}) }), _jsx(Button, { onClick: () => zoomOut(), variant: "outline", children: _jsx(ZoomOut, {}) })] }), _jsxs("div", { children: [_jsx(Button, { onClick: handleMoveUp, variant: "outline", children: _jsx(ArrowUp, {}) }), _jsx(Button, { onClick: handleMoveDown, variant: "outline", children: _jsx(ArrowDown, {}) }), _jsx(Button, { onClick: handleMoveLeft, variant: "outline", children: _jsx(ArrowLeft, {}) }), _jsx(Button, { onClick: handleMoveRight, variant: "outline", children: _jsx(ArrowRight, {}) })] })] }), _jsx("div", { className: "w-2/5 flex flex-row-reverse", children: _jsx(Button, { onClick: handleImageSubmit, children: "Save" }) })] })] }));
-};
-export const NewImageForm = memo(NewImageFormComponent);

package/dist/ikoncomponents/image-cropper-upload/cropper-form/index.d.ts

@@ -1,7 +0,0 @@
-interface Props {
-    onNewFileUpload?: (...args: any) => void;
-}
-declare function CropperFormComponent({ onNewFileUpload }: Props): import("react/jsx-runtime").JSX.Element;
-export declare const CropperForm: import("react").MemoExoticComponent<typeof CropperFormComponent>;
-export {};
-//# sourceMappingURL=index.d.ts.map

package/dist/ikoncomponents/image-cropper-upload/cropper-form/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ikoncomponents/image-cropper-upload/cropper-form/index.tsx"],"names":[],"mappings":"AAsBA,UAAU,KAAK;IACX,eAAe,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;CAC3C;AAED,iBAAS,oBAAoB,CAAC,EAAE,eAAe,EAAE,EAAE,KAAK,2CA6NvD;AAED,eAAO,MAAM,WAAW,kEAA6B,CAAA"}