@123usmanhaider321/ui 0.1.6 → 1.0.0

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

@@ -1 +0,0 @@
-{"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.js

@@ -1,242 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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.js

@@ -1,215 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useRef, useEffect } from "react";
-import { createPortal } from "react-dom";
-import { Clock } from "lucide-react";
-import { AnimatePresence, motion } from "framer-motion";
-import { IMaskInput, IMask } from "react-imask";
-import dayjs from "../../../node_modules/dayjs/dayjs.min.js";
-import customParseFormat from "../../../node_modules/dayjs/plugin/customParseFormat.js";
-import TimeSelector from "../TimeSelector/index.js";
-dayjs.extend(customParseFormat);
-const TimePicker = ({
-  value,
-  onChange,
-  placeholder = "--:-- --",
-  minTime,
-  maxTime,
-  disabled = false,
-  error,
-  className = "",
-  inputClassName = "",
-  position = "auto",
-  renderExtra,
-  onBlur,
-  step = 30
-}) => {
-  const [isOpen, setIsOpen] = useState(false);
-  const [coords, setCoords] = useState({ top: 0, left: 0, position: "bottom" });
-  const containerRef = useRef(null);
-  const triggerRef = useRef(null);
-  const popoverRef = useRef(null);
-  useEffect(() => {
-    const handleClickOutside = (event) => {
-      var _a, _b;
-      const target = event.target;
-      const isClickInsideContainer = (_a = containerRef.current) == null ? void 0 : _a.contains(target);
-      const isClickInsidePopover = (_b = popoverRef.current) == null ? void 0 : _b.contains(target);
-      if (!isClickInsideContainer && !isClickInsidePopover) {
-        setIsOpen(false);
-      }
-    };
-    if (isOpen) {
-      document.addEventListener("mousedown", handleClickOutside);
-      window.addEventListener("scroll", updatePosition, true);
-      window.addEventListener("resize", updatePosition);
-    }
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-      window.removeEventListener("scroll", updatePosition, true);
-      window.removeEventListener("resize", updatePosition);
-    };
-  }, [isOpen]);
-  const updatePosition = () => {
-    if (triggerRef.current) {
-      const rect = triggerRef.current.getBoundingClientRect();
-      const spaceBelow = window.innerHeight - rect.bottom;
-      const spaceAbove = rect.top;
-      let position2 = "bottom";
-      if (spaceBelow < 300 && spaceAbove > 300) {
-        position2 = "top";
-      }
-      setCoords({
-        top: position2 === "bottom" ? rect.bottom + 8 : rect.top - 8,
-        left: rect.left,
-        position: position2
-      });
-    }
-  };
-  useEffect(() => {
-    if (isOpen) {
-      updatePosition();
-    }
-  }, [isOpen, position]);
-  const handleTimeSelect = (time) => {
-    onChange(time);
-    onBlur == null ? void 0 : onBlur();
-  };
-  const [inputValue, setInputValue] = useState("");
-  useEffect(() => {
-    if (value) {
-      setInputValue(dayjs(`2000-01-01 ${value}`).format("hh:mm A"));
-    } else {
-      setInputValue("");
-    }
-  }, [value]);
-  const handleInputBlur = () => {
-    if (value) {
-      setInputValue(dayjs(`2000-01-01 ${value}`).format("hh:mm A"));
-    } else {
-      setInputValue("");
-    }
-    onBlur == null ? void 0 : onBlur();
-  };
-  const toggleOpen = () => {
-    if (!disabled) {
-      if (!isOpen) {
-        updatePosition();
-      }
-      setIsOpen(!isOpen);
-    }
-  };
-  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: `relative w-full ${className}`, children: [
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref: triggerRef,
-        className: `w-full h-10 px-3 flex items-center justify-between bg-white rounded-lg ease-in-out focus-within:ring-2 focus-within:ring-primaryx-500/20 focus-within:border-primaryx-500 transition-all duration-200 ${disabled ? "bg-grey-50 cursor-not-allowed opacity-60" : ""} ${error ? "ring-1 ring-error-500 text-error-900" : "input-border text-grey-700"} ${inputClassName}`,
-        onClick: () => {
-          if (!isOpen && !disabled) toggleOpen();
-        },
-        children: [
-          /* @__PURE__ */ jsx(
-            IMaskInput,
-            {
-              mask: "h:m p",
-              blocks: {
-                h: {
-                  mask: IMask.MaskedRange,
-                  from: 1,
-                  to: 12,
-                  maxLength: 2
-                },
-                m: {
-                  mask: IMask.MaskedRange,
-                  from: 0,
-                  to: 59,
-                  maxLength: 2
-                },
-                p: {
-                  mask: IMask.MaskedEnum,
-                  enum: ["AM", "PM", "am", "pm"]
-                }
-              },
-              autofix: true,
-              lazy: false,
-              value: inputValue,
-              onAccept: (val) => {
-                setInputValue(val);
-                if (val.includes("_")) return;
-                let time = dayjs(val.toUpperCase(), "hh:mm A", true);
-                if (time.isValid()) {
-                  if (step) {
-                    const m = time.minute();
-                    const roundedM = Math.round(m / step) * step;
-                    if (roundedM === 60) {
-                      time = time.add(1, "hour").minute(0);
-                    } else {
-                      time = time.minute(roundedM);
-                    }
-                  }
-                  let time24 = time.format("HH:mm");
-                  if (minTime && time24 < minTime || maxTime && time24 > maxTime) {
-                    return;
-                  }
-                  if (time24 !== value) {
-                    onChange(time24);
-                  }
-                } else if (!val && value) {
-                  onChange("");
-                }
-              },
-              onBlur: handleInputBlur,
-              onFocus: () => {
-                if (!isOpen && !disabled) toggleOpen();
-              },
-              placeholder,
-              disabled,
-              className: "imask-input w-full h-full bg-transparent border-none outline-none focus:border-none focus:outline-none focus:border-none! focus:outline-none! focus:ring-0 focus:ring-0! ring-0 text-sm placeholder-grey-400 uppercase font-medium px-0"
-            }
-          ),
-          /* @__PURE__ */ jsx("button", { type: "button", onClick: (e) => {
-            e.stopPropagation();
-            toggleOpen();
-          }, className: "focus:outline-none", children: /* @__PURE__ */ jsx(Clock, { className: `w-4 h-4 ${!value ? "text-grey-400" : "text-grey-600"}` }) })
-        ]
-      }
-    ),
-    typeof document !== "undefined" && createPortal(
-      /* @__PURE__ */ jsx(AnimatePresence, { children: isOpen && /* @__PURE__ */ jsx(
-        motion.div,
-        {
-          ref: popoverRef,
-          initial: { opacity: 0, y: coords.position === "bottom" ? -10 : 10, scale: 0.95 },
-          animate: { opacity: 1, y: 0, scale: 1 },
-          exit: { opacity: 0, y: coords.position === "bottom" ? -10 : 10, scale: 0.95 },
-          transition: { duration: 0.15 },
-          style: {
-            position: "fixed",
-            top: coords.top,
-            left: coords.left,
-            zIndex: 99999,
-            transformOrigin: coords.position === "bottom" ? "top left" : "bottom left"
-          },
-          className: `p-1 w-max ${coords.position === "top" ? "-translate-y-full" : ""}`,
-          children: /* @__PURE__ */ jsx(
-            TimeSelector,
-            {
-              value,
-              onChange: handleTimeSelect,
-              minTime,
-              maxTime,
-              renderExtra,
-              className: "shadow-xl",
-              step
-            }
-          )
-        }
-      ) }),
-      document.body
-    )
-  ] });
-};
-export {
-  TimePicker as default
-};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/ui/TimePicker/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React, { useState, useRef, useEffect } from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\nimport { Clock } from \"lucide-react\";\r\nimport { AnimatePresence, motion } from \"framer-motion\";\r\nimport { IMaskInput, IMask } from 'react-imask';\r\nimport dayjs from \"dayjs\";\r\nimport customParseFormat from 'dayjs/plugin/customParseFormat';\r\nimport TimeSelector from \"@/components/ui/TimeSelector\";\r\nimport { cn } from \"@/lib/utils\";\r\n\r\ndayjs.extend(customParseFormat);\r\n\r\ninterface TimePickerProps {\r\n    value?: string;\r\n    onChange: (time: string) => void;\r\n    placeholder?: string;\r\n    minTime?: string;\r\n    maxTime?: string;\r\n    disabled?: boolean;\r\n    error?: string;\r\n    className?: string;\r\n    inputClassName?: string;\r\n    position?: 'top' | 'bottom' | 'auto';\r\n    renderExtra?: (time: string) => React.ReactNode;\r\n    onBlur?: () => void;\r\n    step?: number;\r\n}\r\n\r\nconst TimePicker = ({\r\n    value,\r\n    onChange,\r\n    placeholder = \"--:-- --\",\r\n    minTime,\r\n    maxTime,\r\n    disabled = false,\r\n    error,\r\n    className = \"\",\r\n    inputClassName = \"\",\r\n    position = \"auto\",\r\n    renderExtra,\r\n    onBlur,\r\n    step = 30\r\n}: TimePickerProps) => {\r\n    const [isOpen, setIsOpen] = useState(false);\r\n    const [coords, setCoords] = useState<{ top: number; left: number; position: 'top' | 'bottom' }>({ top: 0, left: 0, position: 'bottom' });\r\n    const containerRef = useRef<HTMLDivElement>(null);\r\n    const triggerRef = useRef<HTMLDivElement>(null);\r\n    const popoverRef = useRef<HTMLDivElement>(null);\r\n\r\n    // Close when clicking outside\r\n    useEffect(() => {\r\n        const handleClickOutside = (event: MouseEvent) => {\r\n            const target = event.target as Node;\r\n            const isClickInsideContainer = containerRef.current?.contains(target);\r\n            const isClickInsidePopover = popoverRef.current?.contains(target);\r\n\r\n            if (!isClickInsideContainer && !isClickInsidePopover) {\r\n                setIsOpen(false);\r\n            }\r\n        };\r\n\r\n        if (isOpen) {\r\n            document.addEventListener('mousedown', handleClickOutside);\r\n            window.addEventListener('scroll', updatePosition, true);\r\n            window.addEventListener('resize', updatePosition);\r\n        }\r\n\r\n        return () => {\r\n            document.removeEventListener('mousedown', handleClickOutside);\r\n            window.removeEventListener('scroll', updatePosition, true);\r\n            window.removeEventListener('resize', updatePosition);\r\n        };\r\n    }, [isOpen]);\r\n\r\n    const updatePosition = () => {\r\n        if (triggerRef.current) {\r\n            const rect = triggerRef.current.getBoundingClientRect();\r\n            const spaceBelow = window.innerHeight - rect.bottom;\r\n            const spaceAbove = rect.top;\r\n\r\n            // Prefer bottom, unless limited space\r\n            let position: 'top' | 'bottom' = 'bottom';\r\n            if (spaceBelow < 300 && spaceAbove > 300) {\r\n                position = 'top';\r\n            }\r\n\r\n            setCoords({\r\n                top: position === 'bottom' ? rect.bottom + 8 : rect.top - 8,\r\n                left: rect.left,\r\n                position\r\n            });\r\n        }\r\n    };\r\n\r\n    useEffect(() => {\r\n        if (isOpen) {\r\n            updatePosition();\r\n        }\r\n    }, [isOpen, position]);\r\n\r\n    const handleTimeSelect = (time: string) => {\r\n        onChange(time);\r\n        // Popover stays open as per user request\r\n        onBlur?.();\r\n    };\r\n\r\n    const [inputValue, setInputValue] = useState(\"\");\r\n\r\n    useEffect(() => {\r\n        if (value) {\r\n            setInputValue(dayjs(`2000-01-01 ${value}`).format('hh:mm A'));\r\n        } else {\r\n            setInputValue(\"\");\r\n        }\r\n    }, [value]);\r\n\r\n    const handleInputBlur = () => {\r\n        if (value) {\r\n            setInputValue(dayjs(`2000-01-01 ${value}`).format('hh:mm A'));\r\n        } else {\r\n            setInputValue(\"\");\r\n        }\r\n        onBlur?.();\r\n    };\r\n\r\n    const toggleOpen = () => {\r\n        if (!disabled) {\r\n            if (!isOpen) {\r\n                updatePosition();\r\n            }\r\n            setIsOpen(!isOpen);\r\n        }\r\n    };\r\n\r\n    return (\r\n        <div ref={containerRef} className={`relative w-full ${className}`}>\r\n            <div\r\n                ref={triggerRef}\r\n                className={`w-full h-10 px-3 flex items-center justify-between bg-white rounded-lg ease-in-out focus-within:ring-2 focus-within:ring-primaryx-500/20 focus-within:border-primaryx-500 transition-all duration-200 ${disabled ? 'bg-grey-50 cursor-not-allowed opacity-60' : ''\r\n                    } ${error\r\n                        ? 'ring-1 ring-error-500 text-error-900'\r\n                        : 'input-border text-grey-700'\r\n                    } ${inputClassName}`}\r\n                onClick={() => {\r\n                    // Open on click (matches DatePicker behavior)\r\n                    if (!isOpen && !disabled) toggleOpen();\r\n                }}\r\n            >\r\n                <IMaskInput\r\n                    mask=\"h:m p\"\r\n                    blocks={{\r\n                        h: {\r\n                            mask: IMask.MaskedRange,\r\n                            from: 1,\r\n                            to: 12,\r\n                            maxLength: 2,\r\n                        },\r\n                        m: {\r\n                            mask: IMask.MaskedRange,\r\n                            from: 0,\r\n                            to: 59,\r\n                            maxLength: 2,\r\n                        },\r\n                        p: {\r\n                            mask: IMask.MaskedEnum,\r\n                            enum: ['AM', 'PM', 'am', 'pm']\r\n                        }\r\n                    }}\r\n                    autofix={true}\r\n                    lazy={false} // Visible mask\r\n                    value={inputValue}\r\n                    onAccept={(val: string) => {\r\n                        setInputValue(val);\r\n                        // Don't try to parse if there are placeholders (not fully typed)\r\n                        if (val.includes('_')) return;\r\n\r\n                        // Parse normalized value (uppercase for AM/PM)\r\n                        let time = dayjs(val.toUpperCase(), \"hh:mm A\", true);\r\n\r\n                        if (time.isValid()) {\r\n                            // Strict Snapping\r\n                            if (step) {\r\n                                const m = time.minute();\r\n                                const roundedM = Math.round(m / step) * step;\r\n                                if (roundedM === 60) {\r\n                                    time = time.add(1, 'hour').minute(0);\r\n                                } else {\r\n                                    time = time.minute(roundedM);\r\n                                }\r\n                            }\r\n\r\n                            let time24 = time.format(\"HH:mm\");\r\n\r\n                            // If user typed a disabled time, DO NOT fire onChange.\r\n                            // The onBlur handler will revert the input back to the last valid selection.\r\n                            if ((minTime && time24 < minTime) || (maxTime && time24 > maxTime)) {\r\n                                return;\r\n                            }\r\n\r\n                            if (time24 !== value) {\r\n                                onChange(time24);\r\n                            }\r\n                        } else if (!val && value) {\r\n                            // Handle full deletion\r\n                            onChange(\"\");\r\n                        }\r\n                    }}\r\n                    onBlur={handleInputBlur}\r\n                    onFocus={() => {\r\n                        // Open on focus\r\n                        if (!isOpen && !disabled) toggleOpen();\r\n                    }}\r\n                    placeholder={placeholder}\r\n                    disabled={disabled}\r\n                    className=\"imask-input w-full h-full bg-transparent border-none outline-none focus:border-none focus:outline-none focus:border-none! focus:outline-none! focus:ring-0 focus:ring-0! ring-0 text-sm placeholder-grey-400 uppercase font-medium px-0\"\r\n                />\r\n\r\n                <button type=\"button\" onClick={(e) => { e.stopPropagation(); toggleOpen(); }} className=\"focus:outline-none\">\r\n                    <Clock className={`w-4 h-4 ${!value ? \"text-grey-400\" : \"text-grey-600\"}`} />\r\n                </button>\r\n            </div>\r\n\r\n            {typeof document !== 'undefined' && createPortal(\r\n                <AnimatePresence>\r\n                    {isOpen && (\r\n                        <motion.div\r\n                            ref={popoverRef}\r\n                            initial={{ opacity: 0, y: coords.position === 'bottom' ? -10 : 10, scale: 0.95 }}\r\n                            animate={{ opacity: 1, y: 0, scale: 1 }}\r\n                            exit={{ opacity: 0, y: coords.position === 'bottom' ? -10 : 10, scale: 0.95 }}\r\n                            transition={{ duration: 0.15 }}\r\n                            style={{\r\n                                position: 'fixed',\r\n                                top: coords.top,\r\n                                left: coords.left,\r\n                                zIndex: 99999,\r\n                                transformOrigin: coords.position === 'bottom' ? 'top left' : 'bottom left'\r\n                            }}\r\n                            className={`p-1 w-max ${coords.position === 'top' ? '-translate-y-full' : ''}`}\r\n                        >\r\n                            <TimeSelector\r\n                                value={value}\r\n                                onChange={handleTimeSelect}\r\n                                minTime={minTime}\r\n                                maxTime={maxTime}\r\n                                renderExtra={renderExtra}\r\n                                className=\"shadow-xl\"\r\n                                step={step}\r\n                            />\r\n                        </motion.div>\r\n                    )}\r\n                </AnimatePresence>,\r\n                document.body\r\n            )}\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default TimePicker;\r\n"],"names":["position"],"mappings":"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"}

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

@@ -1,138 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { memo, useRef, useEffect } from "react";
-import { cn } from "../../../lib/utils.js";
-import Tooltip from "../Tooltip.js";
-const formatTo12HourParts = (time) => {
-  if (typeof time !== "string" || time === "Invalid Date" || time.includes("undefined")) {
-    return { hour: "12", minute: "00", period: "AM" };
-  }
-  const parts = time.split(":");
-  const h = Number(parts[0]);
-  const m = parts.length > 1 ? Number(parts[1]) : 0;
-  const period = h >= 12 ? "PM" : "AM";
-  const hour12 = h % 12 || 12;
-  return {
-    hour: String(hour12),
-    minute: String(m || 0).padStart(2, "0"),
-    period
-  };
-};
-const TimeSelector = ({
-  value,
-  onChange,
-  minTime,
-  maxTime,
-  className,
-  renderExtra,
-  step = 30
-}) => {
-  const parts = formatTo12HourParts(value || "12:00");
-  const hours = Array.from({ length: 12 }, (_, i) => String(i + 1));
-  const minutes = Array.from({ length: 60 / step }, (_, i) => String(i * step).padStart(2, "0"));
-  const periods = ["AM", "PM"];
-  const parentScrollRef = useRef(null);
-  useEffect(() => {
-    const scrollToSelected = () => {
-      const container = parentScrollRef.current;
-      if (!container) return;
-      const selectedElement = container.querySelector(`[data-type="hour"][data-value="${parts.hour}"]`);
-      if (selectedElement) {
-        const centerOffset = selectedElement.offsetTop - container.clientHeight / 2 + selectedElement.clientHeight / 2;
-        container.scrollTop = centerOffset;
-      }
-    };
-    const timer = setTimeout(scrollToSelected, 100);
-    return () => clearTimeout(timer);
-  }, [value, parts.hour]);
-  const handlePartChange = (type, newValue) => {
-    let { hour, minute, period } = parts;
-    if (type === "hour") hour = newValue;
-    if (type === "minute") minute = newValue;
-    if (type === "period") period = newValue;
-    let h = parseInt(hour);
-    if (period === "PM" && h !== 12) h += 12;
-    if (period === "AM" && h === 12) h = 0;
-    const time24 = `${String(h).padStart(2, "0")}:${minute}`;
-    onChange(time24);
-  };
-  const isSlotDisabled = (type, val) => {
-    if (!minTime && !maxTime) return false;
-    let { hour, minute, period } = parts;
-    if (type === "hour") hour = val;
-    if (type === "minute") minute = val;
-    if (type === "period") period = val;
-    let h = parseInt(hour);
-    if (period === "PM" && h !== 12) h += 12;
-    if (period === "AM" && h === 12) h = 0;
-    const time24 = `${String(h).padStart(2, "0")}:${minute}`;
-    if (minTime && time24 < minTime) return true;
-    if (maxTime && time24 > maxTime) return true;
-    return false;
-  };
-  const renderColumn = (title, items, currentVal, type, isSticky = false) => /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col flex-1 min-w-[70px]", isSticky && "sticky top-0 h-fit bg-white z-20 pb-2"), children: [
-    /* @__PURE__ */ jsx("div", { className: "text-[10px] uppercase font-bold text-grey-400 px-2 mb-2 text-center tracking-wider", children: title }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "flex-1 p-1 space-y-1 relative",
-        children: items.map((item) => {
-          const isSelected = currentVal === item;
-          const disabled = isSlotDisabled(type, item);
-          const button = /* @__PURE__ */ jsx(
-            "button",
-            {
-              "data-value": item,
-              "data-type": type,
-              type: "button",
-              disabled,
-              onClick: () => !disabled && handlePartChange(type, item),
-              className: cn(
-                "w-full py-2 text-sm rounded-lg transition-all duration-200",
-                isSelected ? "bg-primaryx-500 text-white font-bold shadow-md" : disabled ? "text-grey-300 cursor-not-allowed opacity-40" : "text-grey-600 hover:bg-grey-100"
-              ),
-              children: item
-            },
-            item
-          );
-          if (disabled) {
-            return /* @__PURE__ */ jsx(Tooltip, { content: type === "hour" ? "Hour is outside allowed range" : "Time slot unavailable", placement: "right", children: button }, item);
-          }
-          return button;
-        })
-      }
-    )
-  ] });
-  const getFinalTime24 = () => {
-    let h = parseInt(parts.hour);
-    if (parts.period === "PM" && h !== 12) h += 12;
-    if (parts.period === "AM" && h === 12) h = 0;
-    return `${String(h).padStart(2, "0")}:${parts.minute}`;
-  };
-  return /* @__PURE__ */ jsxs("div", { className: cn("bg-white rounded-2xl shadow-2xl border border-grey-200 w-[260px] flex flex-col overflow-hidden z-50", className), children: [
-    /* @__PURE__ */ jsxs("div", { ref: parentScrollRef, className: "flex p-2 pr-3 border-b border-grey-100 max-h-[280px] overflow-y-auto overflow-x-hidden bg-white relative", children: [
-      renderColumn("Hour", hours, parts.hour, "hour", false),
-      /* @__PURE__ */ jsx("div", { className: "w-px bg-grey-100 my-4 shrink-0 mx-1" }),
-      renderColumn("Min", minutes, parts.minute, "minute", true),
-      /* @__PURE__ */ jsx("div", { className: "w-px bg-grey-100 my-4 shrink-0 mx-1" }),
-      renderColumn("Period", periods, parts.period, "period", true)
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "bg-grey-50 p-3 flex items-center justify-between border-t border-grey-100", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-[10px] text-grey-400 font-bold uppercase tracking-tight", children: "Selection" }),
-        /* @__PURE__ */ jsxs("span", { className: "text-sm font-extrabold text-primaryx-600", children: [
-          parts.hour,
-          ":",
-          parts.minute,
-          " ",
-          parts.period
-        ] })
-      ] }),
-      renderExtra && /* @__PURE__ */ jsx("div", { className: "text-[11px] font-bold text-grey-500 bg-white px-2.5 py-1.5 rounded-full border border-grey-200 shadow-sm animate-in fade-in zoom-in duration-300", children: renderExtra(getFinalTime24()) })
-    ] })
-  ] });
-};
-const TimeSelector$1 = memo(TimeSelector);
-export {
-  TimeSelector$1 as default
-};
-//# sourceMappingURL=index.js.map