@123usmanhaider321/ui 0.1.0 → 0.1.8

package/dist/components/ui/FormInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormInput.js","sources":["../../../src/components/ui/FormInput.tsx"],"sourcesContent":["'use client'\r\n\r\nimport React, { memo, useState, useRef } from 'react';\r\nimport { LucideIcon, Info } from 'lucide-react';\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faEye, faEyeSlash } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { cn } from '@/utils/utils';\r\nimport InputErrorMessage from '@/components/ui/InputErrorMessage';\r\nimport Tooltip from '@/components/ui/Tooltip';\r\nimport RichTextEditor from '@/components/ui/RichTextEditor';\r\n\r\ninterface FormInputProps {\r\n    label?: string;\r\n    icon?: LucideIcon;\r\n    type: string;\r\n    placeholder: string;\r\n    value: string;\r\n    onChange: (e: React.ChangeEvent<HTMLInputElement> | string) => void;\r\n    onBlur?: () => void;\r\n    error?: string;\r\n    showPasswordToggle?: boolean;\r\n    required?: boolean;\r\n    description?: string;\r\n    disabled?: boolean;\r\n    min?: number;\r\n    isTextArea?: boolean;\r\n    className?: string;\r\n    inputCon?: string;\r\n    inputClassName?: string;\r\n    animated?: boolean;\r\n    autoFocus?: boolean;\r\n    tooltip?: string;\r\n    suffix?: string;\r\n}\r\n\r\nconst FormInput = (\r\n    {\r\n        label,\r\n        icon: Icon,\r\n        type,\r\n        placeholder,\r\n        value,\r\n        onChange,\r\n        onBlur,\r\n        error,\r\n        showPasswordToggle = false,\r\n        required = false,\r\n        description,\r\n        disabled,\r\n        min,\r\n        isTextArea = false,\r\n        className = \"\",\r\n        inputCon = \"\",\r\n        inputClassName = \"\",\r\n        animated = false,\r\n        autoFocus = false,\r\n        tooltip,\r\n        suffix,\r\n    }: FormInputProps\r\n) => {\r\n    const [showPassword, setShowPassword] = useState(false);\r\n    const inputType = showPasswordToggle && showPassword ? \"text\" : type;\r\n    const [richTextEditorFocus, setRichTextEditorFocus] = useState(false);\r\n    const editorRef = useRef<HTMLDivElement | null>(null);\r\n    const localInputRef = useRef<HTMLInputElement>(null);\r\n    const [isMounted, setIsMounted] = useState(false);\r\n\r\n    React.useEffect(() => {\r\n        setIsMounted(true);\r\n    }, []);\r\n\r\n    // Auto-focus logic\r\n    React.useEffect(() => {\r\n        if (autoFocus && localInputRef.current) {\r\n            localInputRef.current.focus();\r\n        }\r\n    }, [autoFocus]);\r\n\r\n    return (<>\r\n        <div className={`text-sm space-y-2 ${className} ${animated ? 'group' : ''}`}>\r\n            {\r\n                label &&\r\n                <div className=\"flex items-center justify-between\">\r\n                    <div className=\"w-full flex items-center gap-2\">\r\n                        <label className=\"text-sm font-medium text-gray-700 block\">\r\n                            {label} {required && <span className=\"text-error-500\">*</span>}\r\n                        </label>\r\n                        {tooltip && (\r\n                            <Tooltip content={tooltip} placement=\"top\">\r\n                                <Info className=\"h-4 w-4 text-grey-700 hover:text-grey-800 cursor-default transition-colors\" />\r\n                            </Tooltip>\r\n                        )}\r\n                    </div>\r\n                </div>\r\n            }\r\n\r\n            {isTextArea ? (\r\n                <div className=\"relative space-y-1\">\r\n                    <RichTextEditor\r\n                        value={value || ''}\r\n                        onChange={onChange}\r\n                        placeholder={placeholder}\r\n                        error={!!error}\r\n                        onBlur={onBlur}\r\n                    />\r\n                </div>\r\n            ) : (\r\n                <div className={cn(\r\n                    \"relative\",\r\n                    animated ? 'bg-white rounded-xl px-3 py-2 transition-all duration-200 hover:shadow-sm focus-within:shadow-md overflow-hidden' : '',\r\n                    animated && error ? 'ring-2 ring-error-500' : '',\r\n                    inputCon,\r\n                    error && 'rounded-xl'\r\n                )}>\r\n                    {Icon && <Icon className=\"absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 h-5 w-5\" />}\r\n\r\n                    <input\r\n                        ref={localInputRef}\r\n                        type={inputType}\r\n                        placeholder={placeholder}\r\n                        value={value}\r\n                        onChange={onChange as (e: React.ChangeEvent<HTMLInputElement>) => void}\r\n                        onKeyDown={(e) => {\r\n                            if (type === \"number\" && [\"e\", \"E\", \"+\", \"-\", \".\"].includes(e.key)) {\r\n                                e.preventDefault();\r\n                            }\r\n                        }}\r\n                        onWheel={(e) => type === \"number\" && e.currentTarget.blur()}\r\n                        onBlur={() => {\r\n                            if (typeof value === 'string' && type !== 'password') {\r\n                                const trimmed = value?.trim() || \"\";\r\n                                if (trimmed !== value) {\r\n                                    onChange({ target: { value: trimmed } } as any);\r\n                                }\r\n                            }\r\n                            if (onBlur) onBlur();\r\n                        }}\r\n                        disabled={disabled}\r\n                        min={min}\r\n                        required={required}\r\n                        className={\r\n                            cn(animated ?\r\n                                `w-full text-[26px] font-medium placeholder-gray-400 outline-none border-gray-300 hover:border-gray-400 focus:outline-none focus:ring-0 p-0 bg-transparent transition-colors duration-200 text-grey-900 cursor-text`\r\n                                : `text-sm w-full ${Icon ? 'pl-10' : 'pl-3'} py-2 border ${error ? '!border-error-500' : 'border-gray-300 hover:border-gray-400'} rounded-lg focus:ring-2 focus:ring-primaryx-500/20 focus:border-primaryx-500 transition-all duration-200 text-gray-900 placeholder-gray-400 bg-white ${showPasswordToggle ? 'pr-10' : 'pr-3'} ${suffix ? 'pr-12' : ''} ${disabled ? 'bg-grey-50 cursor-not-allowed' : ''}`,\r\n                                inputClassName\r\n                            )\r\n                        }\r\n                    />\r\n\r\n                    {suffix && (\r\n                        <span className=\"absolute right-3 top-1/2 -translate-y-1/2 text-md text-gray-900 pointer-events-none uppercase\">\r\n                            {suffix}\r\n                        </span>\r\n                    )}\r\n\r\n                    {showPasswordToggle && (\r\n                        <button\r\n                            type=\"button\"\r\n                            onClick={() => setShowPassword(prev => !prev)}\r\n                            className=\"absolute right-3 top-1/2 transform -translate-y-1/2 text-sm text-grey-500 hover:text-grey-700 focus:outline-none\"\r\n                        >\r\n                            <FontAwesomeIcon icon={showPassword ? faEyeSlash : faEye} />\r\n                        </button>\r\n                    )}\r\n\r\n                    {animated && (\r\n                        <div className=\"absolute bottom-0 left-0 right-0 h-0.5 overflow-hidden\">\r\n                            <div className=\"absolute inset-0 bg-grey-300 rounded-full\" />\r\n                            <div className={`absolute inset-0 rounded-full transform origin-left transition-transform duration-300 ease-out ${error ? '' : 'bg-primaryx-500 group-hover:scale-x-100 scale-x-0'}`} />\r\n                            <div className={`absolute inset-0 rounded-full transform origin-left transition-transform duration-300 ease-out ${error ? '' : 'bg-primaryx-500 group-focus-within:scale-x-100 scale-x-0'}`} />\r\n                        </div>\r\n                    )}\r\n                </div>\r\n            )}\r\n            {description && <p className=\"text-xs text-grey-500\">{description}</p>}\r\n            <InputErrorMessage error={error || \"\"} />\r\n        </div>\r\n    </>);\r\n};\r\n\r\nexport default memo(FormInput);\r\n"],"names":["React"],"mappings":"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"}

package/dist/components/ui/InputErrorMessage.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+declare const _default: React.MemoExoticComponent<({ error, className }: {
+    error: string;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/components/ui/InputErrorMessage.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
+import { AnimatePresence, motion } from "framer-motion";
+import { memo } from "react";
+const InputErrorMessage = ({ error, className }) => {
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(AnimatePresence, { children: error && /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      initial: { opacity: 0, y: -10, height: 0 },
+      animate: { opacity: 1, y: 0, height: "auto" },
+      exit: { opacity: 0, y: -10, height: 0 },
+      className: cn("overflow-hidden", className),
+      children: /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-error-600", children: error })
+    }
+  ) }) });
+};
+const InputErrorMessage$1 = memo(InputErrorMessage);
+export {
+  InputErrorMessage$1 as default
+};
+//# sourceMappingURL=InputErrorMessage.js.map

package/dist/components/ui/InputErrorMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputErrorMessage.js","sources":["../../../src/components/ui/InputErrorMessage.tsx"],"sourcesContent":["import { cn } from '../../utils/cn'\r\nimport { AnimatePresence, motion } from 'framer-motion'\r\nimport React, { memo } from 'react'\r\n\r\nconst InputErrorMessage = ({ error, className }: { error: string; className?: string; }) => {\r\n    return (\r\n        <div>\r\n            <AnimatePresence>\r\n                {error &&\r\n                    <motion.div\r\n                        initial={{ opacity: 0, y: -10, height: 0 }}\r\n                        animate={{ opacity: 1, y: 0, height: \"auto\" }}\r\n                        exit={{ opacity: 0, y: -10, height: 0 }}\r\n                        className={cn(\"overflow-hidden\", className)}\r\n                    >\r\n                        <p className=\"text-xs font-medium text-error-600\">\r\n                            {error}\r\n                        </p>\r\n                    </motion.div>\r\n                }\r\n            </AnimatePresence>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default memo(InputErrorMessage)\r\n"],"names":[],"mappings":";;;;AAIA,MAAM,oBAAoB,CAAC,EAAE,OAAO,gBAAwD;AACxF,SACI,oBAAC,OAAA,EACG,UAAA,oBAAC,iBAAA,EACI,UAAA,SACG;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACG,SAAS,EAAE,SAAS,GAAG,GAAG,KAAK,QAAQ,EAAA;AAAA,MACvC,SAAS,EAAE,SAAS,GAAG,GAAG,GAAG,QAAQ,OAAA;AAAA,MACrC,MAAM,EAAE,SAAS,GAAG,GAAG,KAAK,QAAQ,EAAA;AAAA,MACpC,WAAW,GAAG,mBAAmB,SAAS;AAAA,MAE1C,UAAA,oBAAC,KAAA,EAAE,WAAU,sCACR,UAAA,MAAA,CACL;AAAA,IAAA;AAAA,EAAA,GAGZ,EAAA,CACJ;AAER;AAEA,MAAA,sBAAe,KAAK,iBAAiB;"}

package/dist/components/ui/Modal/index.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+
+declare const _default: import('react').MemoExoticComponent<({ children, open, handleClose, className, overlayClassName, panelClassName, closeOnOutsideClick, closeOnEscape, applyDefaultPanel, }: {
+    children: ReactNode;
+    open: boolean;
+    handleClose: () => void;
+    className?: string;
+    overlayClassName?: string;
+    panelClassName?: string;
+    closeOnOutsideClick?: boolean;
+    closeOnEscape?: boolean;
+    applyDefaultPanel?: boolean;
+}) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/components/ui/Modal/index.js

@@ -0,0 +1,73 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../../lib/utils.js";
+import { Transition, Dialog } from "@headlessui/react";
+import { memo, Fragment } from "react";
+const Modal = ({
+  children,
+  open,
+  handleClose,
+  className,
+  overlayClassName,
+  panelClassName,
+  closeOnOutsideClick = true,
+  closeOnEscape = true,
+  applyDefaultPanel = false
+}) => {
+  return /* @__PURE__ */ jsx(Transition, { appear: true, show: open, as: Fragment, children: /* @__PURE__ */ jsxs(
+    Dialog,
+    {
+      as: "div",
+      className: cn("relative z-[10000]", className),
+      onClose: () => {
+      },
+      onKeyDown: (e) => {
+        if (e.key === "Escape" && closeOnEscape) {
+          handleClose();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          Transition.Child,
+          {
+            as: Fragment,
+            enter: "ease-out duration-300",
+            enterFrom: "opacity-0",
+            enterTo: "opacity-100",
+            leave: "ease-in duration-200",
+            leaveFrom: "opacity-100",
+            leaveTo: "opacity-0",
+            children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn("fixed inset-0 bg-black/40 backdrop-blur-sm", overlayClassName),
+                onClick: () => {
+                  if (closeOnOutsideClick) {
+                    handleClose();
+                  }
+                }
+              }
+            )
+          }
+        ),
+        applyDefaultPanel ? /* @__PURE__ */ jsx("div", { className: "fixed inset-0 overflow-y-auto", children: /* @__PURE__ */ jsx("div", { className: "flex min-h-full items-center justify-center p-4 text-center", children: /* @__PURE__ */ jsx(
+          Transition.Child,
+          {
+            as: Fragment,
+            enter: "ease-out duration-300",
+            enterFrom: "opacity-0 scale-95",
+            enterTo: "opacity-100 scale-100",
+            leave: "ease-in duration-200",
+            leaveFrom: "opacity-100 scale-100",
+            leaveTo: "opacity-0 scale-95",
+            children: /* @__PURE__ */ jsx(Dialog.Panel, { className: cn("w-full max-w-2xl transform rounded-2xl overflow-x-hidden bg-white p-8 text-left align-middle shadow-xl transition-all border border-grey-100", panelClassName), children })
+          }
+        ) }) }) : children
+      ]
+    }
+  ) });
+};
+const Modal$1 = memo(Modal);
+export {
+  Modal$1 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/ui/Modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/ui/Modal/index.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\r\nimport { Dialog, Transition } from \"@headlessui/react\";\r\nimport { Fragment, memo, ReactNode } from \"react\";\r\n\r\nconst Modal = ({\r\n    children,\r\n    open,\r\n    handleClose,\r\n    className,\r\n    overlayClassName,\r\n    panelClassName,\r\n    closeOnOutsideClick = true,\r\n    closeOnEscape = true,\r\n    applyDefaultPanel = false,\r\n}: {\r\n    children: ReactNode,\r\n    open: boolean,\r\n    handleClose: () => void,\r\n    className?: string\r\n    overlayClassName?: string\r\n    panelClassName?: string\r\n    closeOnOutsideClick?: boolean\r\n    closeOnEscape?: boolean\r\n    applyDefaultPanel?: boolean\r\n}) => {\r\n    return (\r\n        <Transition appear show={open} as={Fragment}>\r\n            <Dialog\r\n                as=\"div\"\r\n                className={cn(\"relative z-[10000]\", className)}\r\n                onClose={() => { }}\r\n                onKeyDown={(e) => {\r\n                    if (e.key === 'Escape' && closeOnEscape) {\r\n                        handleClose();\r\n                    }\r\n                }}\r\n            >\r\n                <Transition.Child\r\n                    as={Fragment}\r\n                    enter=\"ease-out duration-300\"\r\n                    enterFrom=\"opacity-0\"\r\n                    enterTo=\"opacity-100\"\r\n                    leave=\"ease-in duration-200\"\r\n                    leaveFrom=\"opacity-100\"\r\n                    leaveTo=\"opacity-0\"\r\n                >\r\n                    <div\r\n                        className={cn(\"fixed inset-0 bg-black/40 backdrop-blur-sm\", overlayClassName)}\r\n                        onClick={() => {\r\n                            if (closeOnOutsideClick) {\r\n                                handleClose();\r\n                            }\r\n                        }}\r\n                    />\r\n                </Transition.Child>\r\n\r\n                {applyDefaultPanel ? (\r\n                    <div className=\"fixed inset-0 overflow-y-auto\">\r\n                        <div className=\"flex min-h-full items-center justify-center p-4 text-center\">\r\n                            <Transition.Child\r\n                                as={Fragment}\r\n                                enter=\"ease-out duration-300\"\r\n                                enterFrom=\"opacity-0 scale-95\"\r\n                                enterTo=\"opacity-100 scale-100\"\r\n                                leave=\"ease-in duration-200\"\r\n                                leaveFrom=\"opacity-100 scale-100\"\r\n                                leaveTo=\"opacity-0 scale-95\"\r\n                            >\r\n                                <Dialog.Panel className={cn(\"w-full max-w-2xl transform rounded-2xl overflow-x-hidden bg-white p-8 text-left align-middle shadow-xl transition-all border border-grey-100\", panelClassName)}>\r\n                                    {children}\r\n                                </Dialog.Panel>\r\n                            </Transition.Child>\r\n                        </div>\r\n                    </div>\r\n                ) : children}\r\n            </Dialog>\r\n        </Transition>)\r\n}\r\n\r\nexport default memo(Modal)\r\n"],"names":[],"mappings":";;;;AAIA,MAAM,QAAQ,CAAC;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,sBAAsB;AAAA,EACtB,gBAAgB;AAAA,EAChB,oBAAoB;AACxB,MAUM;AACF,6BACK,YAAA,EAAW,QAAM,MAAC,MAAM,MAAM,IAAI,UAC/B,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,IAAG;AAAA,MACH,WAAW,GAAG,sBAAsB,SAAS;AAAA,MAC7C,SAAS,MAAM;AAAA,MAAE;AAAA,MACjB,WAAW,CAAC,MAAM;AACd,YAAI,EAAE,QAAQ,YAAY,eAAe;AACrC,sBAAA;AAAA,QACJ;AAAA,MACJ;AAAA,MAEA,UAAA;AAAA,QAAA;AAAA,UAAC,WAAW;AAAA,UAAX;AAAA,YACG,IAAI;AAAA,YACJ,OAAM;AAAA,YACN,WAAU;AAAA,YACV,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,WAAU;AAAA,YACV,SAAQ;AAAA,YAER,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAW,GAAG,8CAA8C,gBAAgB;AAAA,gBAC5E,SAAS,MAAM;AACX,sBAAI,qBAAqB;AACrB,gCAAA;AAAA,kBACJ;AAAA,gBACJ;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,QAGH,wCACI,OAAA,EAAI,WAAU,iCACX,UAAA,oBAAC,OAAA,EAAI,WAAU,+DACX,UAAA;AAAA,UAAC,WAAW;AAAA,UAAX;AAAA,YACG,IAAI;AAAA,YACJ,OAAM;AAAA,YACN,WAAU;AAAA,YACV,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,WAAU;AAAA,YACV,SAAQ;AAAA,YAER,UAAA,oBAAC,OAAO,OAAP,EAAa,WAAW,GAAG,gJAAgJ,cAAc,GACrL,SAAA,CACL;AAAA,UAAA;AAAA,QAAA,EACJ,CACJ,GACJ,IACA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEZ;AACR;AAEA,MAAA,UAAe,KAAK,KAAK;"}

package/dist/components/ui/Radio.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+
+export interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> {
+}
+declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
+export { Radio };

package/dist/components/ui/Radio.js

@@ -0,0 +1,35 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { cn } from "../../lib/utils.js";
+const Radio = React__default.forwardRef(
+  ({ className, checked, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs("div", { className: "relative flex items-center justify-center shrink-0", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "radio",
+          className: cn("peer sr-only", className),
+          ref,
+          checked,
+          ...props
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "w-4 h-4 rounded-full bg-white transition-all duration-200",
+            checked ? "border border-primaryx-500" : "input-border",
+            "peer-focus-visible:ring-2 peer-focus-visible:ring-primaryx-500 peer-focus-visible:ring-offset-2"
+          )
+        }
+      ),
+      checked && /* @__PURE__ */ jsx("div", { className: "absolute w-1.5 h-1.5 rounded-full bg-primaryx-500 pointer-events-none" })
+    ] });
+  }
+);
+Radio.displayName = "Radio";
+export {
+  Radio
+};
+//# sourceMappingURL=Radio.js.map

package/dist/components/ui/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sources":["../../../src/components/ui/Radio.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nexport interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> { }\r\n\r\nconst Radio = React.forwardRef<HTMLInputElement, RadioProps>(\r\n    ({ className, checked, ...props }, ref) => {\r\n        return (\r\n            <div className=\"relative flex items-center justify-center shrink-0\">\r\n                <input\r\n                    type=\"radio\"\r\n                    className={cn(\"peer sr-only\", className)}\r\n                    ref={ref}\r\n                    checked={checked}\r\n                    {...props}\r\n                />\r\n                <div\r\n                    className={cn(\r\n                        \"w-4 h-4 rounded-full bg-white transition-all duration-200\",\r\n                        checked ? \"border border-primaryx-500\" : \"input-border\",\r\n                        \"peer-focus-visible:ring-2 peer-focus-visible:ring-primaryx-500 peer-focus-visible:ring-offset-2\"\r\n                    )}\r\n                />\r\n                {checked && (\r\n                    <div className=\"absolute w-1.5 h-1.5 rounded-full bg-primaryx-500 pointer-events-none\" />\r\n                )}\r\n            </div>\r\n        );\r\n    }\r\n);\r\nRadio.displayName = \"Radio\";\r\n\r\nexport { Radio };\r\n"],"names":["React"],"mappings":";;;AAKA,MAAM,QAAQA,eAAM;AAAA,EAChB,CAAC,EAAE,WAAW,SAAS,GAAG,MAAA,GAAS,QAAQ;AACvC,WACI,qBAAC,OAAA,EAAI,WAAU,sDACX,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,WAAW,GAAG,gBAAgB,SAAS;AAAA,UACvC;AAAA,UACA;AAAA,UACC,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,MAER;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW;AAAA,YACP;AAAA,YACA,UAAU,+BAA+B;AAAA,YACzC;AAAA,UAAA;AAAA,QACJ;AAAA,MAAA;AAAA,MAEH,WACG,oBAAC,OAAA,EAAI,WAAU,wEAAA,CAAwE;AAAA,IAAA,GAE/F;AAAA,EAER;AACJ;AACA,MAAM,cAAc;"}

package/dist/components/ui/RichTextEditor.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+
+interface RichTextEditorProps {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    error?: boolean;
+}
+declare function RichTextEditor({ value, onChange, placeholder, onFocus, onBlur, error }: RichTextEditorProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof RichTextEditor>;
+export default _default;

package/dist/components/ui/RichTextEditor.js

@@ -0,0 +1,242 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { memo, useEffect } from "react";
+import { useEditor, EditorContent } from "../../node_modules/@tiptap/react/dist/index.js";
+import index_default$1 from "../../node_modules/@tiptap/starter-kit/dist/index.js";
+import index_default from "../../node_modules/@tiptap/extension-underline/dist/index.js";
+import index_default$2 from "../../node_modules/@tiptap/extension-link/dist/index.js";
+import index_default$3 from "../../node_modules/@tiptap/extension-placeholder/dist/index.js";
+import { Type, Heading1, Bold, Italic, Underline, Strikethrough, List, ListOrdered, Eraser, Undo, Redo } from "lucide-react";
+import { cn } from "../../lib/utils.js";
+function RichTextEditor({ value, onChange, placeholder, onFocus, onBlur, error }) {
+  const editor = useEditor({
+    immediatelyRender: false,
+    extensions: [
+      index_default$1.configure({
+        bulletList: {
+          keepMarks: true,
+          keepAttributes: false
+        },
+        orderedList: {
+          keepMarks: true,
+          keepAttributes: false
+        }
+      }),
+      index_default,
+      index_default$2.configure({
+        openOnClick: false,
+        autolink: true
+      }),
+      index_default$3.configure({
+        placeholder: placeholder || "Write something..."
+      })
+    ],
+    content: value,
+    editorProps: {
+      attributes: {
+        class: cn(
+          "prose prose-sm max-w-none focus:outline-none min-h-[150px] p-3 text-sm text-gray-900",
+          error ? "border-none" : ""
+        )
+      }
+    },
+    onUpdate: ({ editor: editor2 }) => {
+      onChange(editor2.getHTML());
+    },
+    onFocus: () => {
+      if (onFocus) onFocus();
+    },
+    onBlur: () => {
+      if (onBlur) onBlur();
+    }
+  });
+  useEffect(() => {
+    if (editor && value !== editor.getHTML()) {
+      editor.commands.setContent(value);
+    }
+  }, [value, editor]);
+  if (!editor) {
+    return null;
+  }
+  const getBtnClass = (isActive) => cn(
+    "p-1.5 rounded hover:bg-gray-100 text-gray-500 transition-colors",
+    isActive ? "bg-gray-200 text-primaryx-600" : ""
+  );
+  return /* @__PURE__ */ jsxs("div", { className: cn(
+    "relative border bg-white rounded-lg transition-all overflow-hidden flex flex-col",
+    error ? "border-error-500" : "border-gray-300 hover:border-gray-400 focus-within:!border-primaryx-500 focus-within:ring-2 focus-within:ring-primaryx-500/20"
+  ), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1 p-2 border-b border-gray-200", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => editor.chain().focus().setParagraph().run(),
+          className: getBtnClass(editor.isActive("paragraph")),
+          title: "Paragraph",
+          children: /* @__PURE__ */ jsx(Type, { className: "w-4 h-4" })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
+          className: getBtnClass(editor.isActive("heading", { level: 2 })),
+          title: "Heading 2",
+          children: /* @__PURE__ */ jsx(Heading1, { className: "w-4 h-4" })
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-gray-300 mx-1" }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => editor.chain().focus().toggleBold().run(),
+          className: getBtnClass(editor.isActive("bold")),
+          title: "Bold",
+          children: /* @__PURE__ */ jsx(Bold, { className: "w-4 h-4" })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => editor.chain().focus().toggleItalic().run(),
+          className: getBtnClass(editor.isActive("italic")),
+          title: "Italic",
+          children: /* @__PURE__ */ jsx(Italic, { className: "w-4 h-4" })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => editor.chain().focus().toggleUnderline().run(),
+          className: getBtnClass(editor.isActive("underline")),
+          title: "Underline",
+          children: /* @__PURE__ */ jsx(Underline, { className: "w-4 h-4" })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => editor.chain().focus().toggleStrike().run(),
+          className: getBtnClass(editor.isActive("strike")),
+          title: "Strikethrough",
+          children: /* @__PURE__ */ jsx(Strikethrough, { className: "w-4 h-4" })
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-gray-300 mx-1" }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => editor.chain().focus().toggleBulletList().run(),
+          className: getBtnClass(editor.isActive("bulletList")),
+          title: "Bullet List",
+          children: /* @__PURE__ */ jsx(List, { className: "w-4 h-4" })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => editor.chain().focus().toggleOrderedList().run(),
+          className: getBtnClass(editor.isActive("orderedList")),
+          title: "Numbered List",
+          children: /* @__PURE__ */ jsx(ListOrdered, { className: "w-4 h-4" })
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-gray-300 mx-1" }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => editor.chain().focus().unsetAllMarks().run(),
+          className: getBtnClass(false),
+          title: "Clear Formatting",
+          children: /* @__PURE__ */ jsx(Eraser, { className: "w-4 h-4" })
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-gray-300 mx-1" }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => editor.chain().focus().undo().run(),
+          disabled: !editor.can().undo(),
+          className: cn(getBtnClass(false), !editor.can().undo() ? "opacity-50 cursor-not-allowed" : ""),
+          title: "Undo",
+          children: /* @__PURE__ */ jsx(Undo, { className: "w-4 h-4" })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => editor.chain().focus().redo().run(),
+          disabled: !editor.can().redo(),
+          className: cn(getBtnClass(false), !editor.can().redo() ? "opacity-50 cursor-not-allowed" : ""),
+          title: "Redo",
+          children: /* @__PURE__ */ jsx(Redo, { className: "w-4 h-4" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(EditorContent, { editor, className: "flex-grow cursor-text" }),
+    /* @__PURE__ */ jsx("style", { children: `
+        .ProseMirror p.is-editor-empty:first-child::before {
+          content: attr(data-placeholder);
+          float: left;
+          color: #9ca3af;
+          pointer-events: none;
+          height: 0;
+        }
+        .ProseMirror p {
+           margin: 0;
+           line-height: 1.5;
+        }
+        .ProseMirror ul {
+            list-style-type: disc;
+            padding-left: 1.5rem;
+            margin: 0;
+            line-height: 1.5;
+        }
+        .ProseMirror ol {
+            list-style-type: decimal;
+            padding-left: 1.5rem;
+            margin: 0;
+            line-height: 1.5;
+        }
+        .ProseMirror h1 {
+            font-size: 1.875rem;
+            font-weight: 700;
+            margin-bottom: 0.5rem;
+        }
+        .ProseMirror h2 {
+            font-size: 1.5rem;
+            font-weight: 600;
+            margin-bottom: 0.5rem;
+        }
+        .ProseMirror h3 {
+            font-size: 1.25rem;
+            font-weight: 600;
+            margin-bottom: 0.5rem;
+        }
+        .ProseMirror a {
+            color: #3b82f6;
+            text-decoration: underline;
+            cursor: pointer;
+        }
+        .ProseMirror {
+            max-height: 50vh;
+            overflow-y: auto;
+        }
+      ` })
+  ] });
+}
+const RichTextEditor$1 = memo(RichTextEditor);
+export {
+  RichTextEditor$1 as default
+};
+//# sourceMappingURL=RichTextEditor.js.map

package/dist/components/ui/RichTextEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor.js","sources":["../../../src/components/ui/RichTextEditor.tsx"],"sourcesContent":["'use client'\r\n\r\nimport React, { memo, useEffect, useState, useRef } from 'react'\r\nimport { useEditor, EditorContent } from '@tiptap/react'\r\nimport StarterKit from '@tiptap/starter-kit'\r\nimport Underline from '@tiptap/extension-underline'\r\nimport Link from '@tiptap/extension-link'\r\nimport Placeholder from '@tiptap/extension-placeholder'\r\nimport { Bold, Italic, Underline as UnderlineIcon, Strikethrough, List, ListOrdered, Eraser, Undo, Redo, Heading1, Heading2, Heading3, Type } from 'lucide-react'\r\nimport { cn } from '../../lib/utils'\r\n\r\ninterface RichTextEditorProps {\r\n    value: string;\r\n    onChange: (value: string) => void;\r\n    placeholder?: string;\r\n    onFocus?: () => void;\r\n    onBlur?: () => void;\r\n    error?: boolean;\r\n}\r\n\r\nfunction RichTextEditor({ value, onChange, placeholder, onFocus, onBlur, error }: RichTextEditorProps) {\r\n    const editor = useEditor({\r\n        immediatelyRender: false,\r\n        extensions: [\r\n            StarterKit.configure({\r\n                bulletList: {\r\n                    keepMarks: true,\r\n                    keepAttributes: false,\r\n                },\r\n                orderedList: {\r\n                    keepMarks: true,\r\n                    keepAttributes: false,\r\n                },\r\n            }),\r\n            Underline,\r\n            Link.configure({\r\n                openOnClick: false,\r\n                autolink: true,\r\n            }),\r\n            Placeholder.configure({\r\n                placeholder: placeholder || 'Write something...',\r\n            })\r\n        ],\r\n        content: value,\r\n        editorProps: {\r\n            attributes: {\r\n                class: cn(\r\n                    'prose prose-sm max-w-none focus:outline-none min-h-[150px] p-3 text-sm text-gray-900',\r\n                    error ? 'border-none' : ''\r\n                ),\r\n            },\r\n        },\r\n        onUpdate: ({ editor }) => {\r\n            onChange(editor.getHTML())\r\n        },\r\n        onFocus: () => {\r\n            if (onFocus) onFocus()\r\n        },\r\n        onBlur: () => {\r\n            if (onBlur) onBlur()\r\n        }\r\n    })\r\n\r\n    useEffect(() => {\r\n        if (editor && value !== editor.getHTML()) {\r\n            editor.commands.setContent(value)\r\n        }\r\n    }, [value, editor])\r\n\r\n    if (!editor) {\r\n        return null\r\n    }\r\n\r\n    const setLink = () => {\r\n        const previousUrl = editor.getAttributes('link').href\r\n        const url = window.prompt('URL', previousUrl)\r\n\r\n        if (url === null) {\r\n            return\r\n        }\r\n\r\n        if (url === '') {\r\n            editor.chain().focus().extendMarkRange('link').unsetLink().run()\r\n            return\r\n        }\r\n\r\n        editor.chain().focus().extendMarkRange('link').setLink({ href: url }).run()\r\n    }\r\n    const getBtnClass = (isActive: boolean) => cn(\r\n        \"p-1.5 rounded hover:bg-gray-100 text-gray-500 transition-colors\",\r\n        isActive ? 'bg-gray-200 text-primaryx-600' : ''\r\n    )\r\n\r\n    return (\r\n        <div className={cn(\r\n            \"relative border bg-white rounded-lg transition-all overflow-hidden flex flex-col\",\r\n            error ? \"border-error-500\" : \"border-gray-300 hover:border-gray-400 focus-within:!border-primaryx-500 focus-within:ring-2 focus-within:ring-primaryx-500/20\"\r\n        )}>\r\n            <div className=\"flex flex-wrap items-center gap-1 p-2 border-b border-gray-200\">\r\n                <button\r\n                    type=\"button\"\r\n                    onClick={() => editor.chain().focus().setParagraph().run()}\r\n                    className={getBtnClass(editor.isActive('paragraph'))}\r\n                    title=\"Paragraph\"\r\n                >\r\n                    <Type className=\"w-4 h-4\" />\r\n                </button>\r\n                <button\r\n                    type=\"button\"\r\n                    onClick={() => editor.chain().focus().toggleHeading({ level: 2 }).run()}\r\n                    className={getBtnClass(editor.isActive('heading', { level: 2 }))}\r\n                    title=\"Heading 2\"\r\n                >\r\n                    <Heading1 className=\"w-4 h-4\" />\r\n                </button>\r\n                <div className=\"w-px h-4 bg-gray-300 mx-1\" />\r\n                <button\r\n                    type=\"button\"\r\n                    onClick={() => editor.chain().focus().toggleBold().run()}\r\n                    className={getBtnClass(editor.isActive('bold'))}\r\n                    title=\"Bold\"\r\n                >\r\n                    <Bold className=\"w-4 h-4\" />\r\n                </button>\r\n                <button\r\n                    type=\"button\"\r\n                    onClick={() => editor.chain().focus().toggleItalic().run()}\r\n                    className={getBtnClass(editor.isActive('italic'))}\r\n                    title=\"Italic\"\r\n                >\r\n                    <Italic className=\"w-4 h-4\" />\r\n                </button>\r\n                <button\r\n                    type=\"button\"\r\n                    onClick={() => editor.chain().focus().toggleUnderline().run()}\r\n                    className={getBtnClass(editor.isActive('underline'))}\r\n                    title=\"Underline\"\r\n                >\r\n                    <UnderlineIcon className=\"w-4 h-4\" />\r\n                </button>\r\n                <button\r\n                    type=\"button\"\r\n                    onClick={() => editor.chain().focus().toggleStrike().run()}\r\n                    className={getBtnClass(editor.isActive('strike'))}\r\n                    title=\"Strikethrough\"\r\n                >\r\n                    <Strikethrough className=\"w-4 h-4\" />\r\n                </button>\r\n                <div className=\"w-px h-4 bg-gray-300 mx-1\" />\r\n                <button\r\n                    type=\"button\"\r\n                    onClick={() => editor.chain().focus().toggleBulletList().run()}\r\n                    className={getBtnClass(editor.isActive('bulletList'))}\r\n                    title=\"Bullet List\"\r\n                >\r\n                    <List className=\"w-4 h-4\" />\r\n                </button>\r\n                <button\r\n                    type=\"button\"\r\n                    onClick={() => editor.chain().focus().toggleOrderedList().run()}\r\n                    className={getBtnClass(editor.isActive('orderedList'))}\r\n                    title=\"Numbered List\"\r\n                >\r\n                    <ListOrdered className=\"w-4 h-4\" />\r\n                </button>\r\n                <div className=\"w-px h-4 bg-gray-300 mx-1\" />\r\n                <button\r\n                    type=\"button\"\r\n                    onClick={() => editor.chain().focus().unsetAllMarks().run()}\r\n                    className={getBtnClass(false)}\r\n                    title=\"Clear Formatting\"\r\n                >\r\n                    <Eraser className=\"w-4 h-4\" />\r\n                </button>\r\n                <div className=\"w-px h-4 bg-gray-300 mx-1\" />\r\n                <button\r\n                    type=\"button\"\r\n                    onClick={() => editor.chain().focus().undo().run()}\r\n                    disabled={!editor.can().undo()}\r\n                    className={cn(getBtnClass(false), !editor.can().undo() ? 'opacity-50 cursor-not-allowed' : '')}\r\n                    title=\"Undo\"\r\n                >\r\n                    <Undo className=\"w-4 h-4\" />\r\n                </button>\r\n                <button\r\n                    type=\"button\"\r\n                    onClick={() => editor.chain().focus().redo().run()}\r\n                    disabled={!editor.can().redo()}\r\n                    className={cn(getBtnClass(false), !editor.can().redo() ? 'opacity-50 cursor-not-allowed' : '')}\r\n                    title=\"Redo\"\r\n                >\r\n                    <Redo className=\"w-4 h-4\" />\r\n                </button>\r\n            </div>\r\n            <EditorContent editor={editor} className=\"flex-grow cursor-text\" />\r\n            <style>{`\r\n        .ProseMirror p.is-editor-empty:first-child::before {\r\n          content: attr(data-placeholder);\r\n          float: left;\r\n          color: #9ca3af;\r\n          pointer-events: none;\r\n          height: 0;\r\n        }\r\n        .ProseMirror p {\r\n           margin: 0;\r\n           line-height: 1.5;\r\n        }\r\n        .ProseMirror ul {\r\n            list-style-type: disc;\r\n            padding-left: 1.5rem;\r\n            margin: 0;\r\n            line-height: 1.5;\r\n        }\r\n        .ProseMirror ol {\r\n            list-style-type: decimal;\r\n            padding-left: 1.5rem;\r\n            margin: 0;\r\n            line-height: 1.5;\r\n        }\r\n        .ProseMirror h1 {\r\n            font-size: 1.875rem;\r\n            font-weight: 700;\r\n            margin-bottom: 0.5rem;\r\n        }\r\n        .ProseMirror h2 {\r\n            font-size: 1.5rem;\r\n            font-weight: 600;\r\n            margin-bottom: 0.5rem;\r\n        }\r\n        .ProseMirror h3 {\r\n            font-size: 1.25rem;\r\n            font-weight: 600;\r\n            margin-bottom: 0.5rem;\r\n        }\r\n        .ProseMirror a {\r\n            color: #3b82f6;\r\n            text-decoration: underline;\r\n            cursor: pointer;\r\n        }\r\n        .ProseMirror {\r\n            max-height: 50vh;\r\n            overflow-y: auto;\r\n        }\r\n      `}</style>\r\n        </div>\r\n    )\r\n}\r\n\r\n\r\nexport default memo(RichTextEditor)\r\n"],"names":["StarterKit","Underline","Link","Placeholder","editor","UnderlineIcon"],"mappings":"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"}

package/dist/components/ui/TimePicker/index.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+
+interface TimePickerProps {
+    value?: string;
+    onChange: (time: string) => void;
+    placeholder?: string;
+    minTime?: string;
+    maxTime?: string;
+    disabled?: boolean;
+    error?: string;
+    className?: string;
+    inputClassName?: string;
+    position?: 'top' | 'bottom' | 'auto';
+    renderExtra?: (time: string) => React.ReactNode;
+    onBlur?: () => void;
+    step?: number;
+}
+declare const TimePicker: ({ value, onChange, placeholder, minTime, maxTime, disabled, error, className, inputClassName, position, renderExtra, onBlur, step }: TimePickerProps) => import("react/jsx-runtime").JSX.Element;
+export default TimePicker;