@mci-ui/mci-ui 0.0.0 → 0.0.2

package/dist/index.cjs

@@ -1,132 +1,4 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  Breadcrumb: () => Breadcrumb,
-  Button: () => Button,
-  Collapse: () => Collapse,
-  InputMain: () => InputMain,
-  MciTable: () => MciTable,
-  Modal: () => Modal,
-  Pagination: () => Pagination,
-  Skeleton: () => Skeleton,
-  TabPanel: () => TabPanel,
-  Tabs: () => Tabs,
-  Tag: () => Tag,
-  Textarea: () => Textarea,
-  ToastContainer: () => ToastContainer,
-  Tooltip: () => Tooltip
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/shared/ui/breadcrumb/Breadcrumb.tsx
-var import_lucide_react = require("lucide-react");
-
-// src/shared/lib/utils.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge = require("tailwind-merge");
-function cn(...inputs) {
-  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
-}
-function useEscapeKey(callback) {
-  const handleEscape = (e) => {
-    if (e.key === "Escape") callback();
-  };
-  return { handleEscape };
-}
-function useClickOutside(ref, callback) {
-  const handleClick = (e) => {
-    if (ref.current && !ref.current.contains(e.target)) {
-      callback();
-    }
-  };
-  return { handleClick };
-}
-
-// src/shared/ui/breadcrumb/Breadcrumb.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-function Breadcrumb({
-  items,
-  className,
-  separatorIcon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronRight, { className: "w-4 h-4 text-gray-400 dark:text-gray-500" })
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "nav",
-    {
-      className: cn(
-        "flex items-center space-x-2 text-sm font-medium text-gray-600 dark:text-gray-300",
-        className
-      ),
-      "aria-label": "Breadcrumb",
-      children: items.map((item, index) => {
-        const isLast = index === items.length - 1;
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center", children: [
-          item.href ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "a",
-            {
-              href: item.href,
-              onClick: item.onClick,
-              className: cn(
-                "hover:text-primary-600 dark:hover:text-primary-400 transition-colors",
-                isLast && "text-primary-600 dark:text-primary-400"
-              ),
-              children: item.label
-            }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "span",
-            {
-              className: cn(
-                isLast ? "text-primary-600 dark:text-primary-400" : "text-gray-500 dark:text-gray-400"
-              ),
-              children: item.label
-            }
-          ),
-          !isLast && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mx-2 flex items-center", children: separatorIcon })
-        ] }, index);
-      })
-    }
-  );
-}
-
-// src/shared/ui/button/Button.tsx
-var import_lucide_react2 = require("lucide-react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-function Button({
-  text,
-  icon,
-  iconPosition = "left",
-  size = "md",
-  variant = "accent",
-  loading = false,
-  disabled = false,
-  onClick,
-  className
-}) {
-  const sizes2 = {
-    sm: "h-[38px] px-3 text-sm gap-2",
-    md: "h-[48px] px-4 text-base gap-2.5",
-    lg: "h-[56px] px-5 text-lg gap-3"
-  };
-  const variants2 = {
-    primary: `
+"use strict";var ce=Object.defineProperty;var Le=Object.getOwnPropertyDescriptor;var Ae=Object.getOwnPropertyNames;var Be=Object.prototype.hasOwnProperty;var Fe=(t,r)=>{for(var a in r)ce(t,a,{get:r[a],enumerable:!0})},ze=(t,r,a,e)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of Ae(r))!Be.call(t,n)&&n!==a&&ce(t,n,{get:()=>r[n],enumerable:!(e=Le(r,n))||e.enumerable});return t};var De=t=>ze(ce({},"__esModule",{value:!0}),t);var je={};Fe(je,{Breadcrumb:()=>q,Button:()=>J,Collapse:()=>Q,InputMain:()=>Z,MciTable:()=>ie,Modal:()=>ee,Pagination:()=>re,Skeleton:()=>O,TabPanel:()=>me,Tabs:()=>ae,Tag:()=>oe,Textarea:()=>se,ToastContainer:()=>fe,Tooltip:()=>ne});module.exports=De(je);var Ne=require("lucide-react");var ye=require("clsx"),xe=require("tailwind-merge");function o(...t){return(0,xe.twMerge)((0,ye.clsx)(t))}function he(t){return{handleEscape:a=>{a.key==="Escape"&&t()}}}function ve(t,r){return{handleClick:e=>{t.current&&!t.current.contains(e.target)&&r()}}}var _=require("react/jsx-runtime");function q({items:t,className:r,separatorIcon:a=(0,_.jsx)(Ne.ChevronRight,{className:"w-4 h-4 text-gray-400 dark:text-gray-500"})}){return(0,_.jsx)("nav",{className:o("flex items-center space-x-2 text-sm font-medium text-gray-600 dark:text-gray-300",r),"aria-label":"Breadcrumb",children:t.map((e,n)=>{let s=n===t.length-1;return(0,_.jsxs)("div",{className:"flex items-center",children:[e.href?(0,_.jsx)("a",{href:e.href,onClick:e.onClick,className:o("hover:text-primary-600 dark:hover:text-primary-400 transition-colors",s&&"text-primary-600 dark:text-primary-400"),children:e.label}):(0,_.jsx)("span",{className:o(s?"text-primary-600 dark:text-primary-400":"text-gray-500 dark:text-gray-400"),children:e.label}),!s&&(0,_.jsx)("span",{className:"mx-2 flex items-center",children:a})]},n)})})}var G=require("lucide-react");var S=require("react/jsx-runtime");function J({text:t,icon:r,iconPosition:a="left",size:e="md",variant:n="accent",loading:s=!1,disabled:c=!1,onClick:l,className:d}){let x={sm:"h-[38px] px-3 text-sm gap-2",md:"h-[48px] px-4 text-base gap-2.5",lg:"h-[56px] px-5 text-lg gap-3"};return(0,S.jsxs)("button",{onClick:l,disabled:c||s,className:o("inline-flex items-center justify-center rounded-[7px] font-medium","transition-all duration-300 ease-in-out","transform hover:-translate-y-0.5","disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:translate-y-0 disabled:hover:shadow-none","focus:outline-none focus:ring-2 focus:ring-offset-2",n==="primary"&&"focus:ring-secondary-500",n==="secondary"&&"focus:ring-secondary-400",n==="accent"&&"focus:ring-accent-500",{primary:`
 			bg-secondary-500
 			hover:bg-secondary-600
 			active:bg-secondary-700
@@ -134,8 +6,7 @@ function Button({
 			hover:shadow-secondary-500/30
 			active:scale-[0.98]
 			text-white
-		`,
-    secondary: `
+		`,secondary:`
 			bg-secondary-50
 			hover:bg-secondary-100
 			active:bg-secondary-200
@@ -145,8 +16,7 @@ function Button({
 			text-secondary-700
 			border border-secondary-200
 			hover:border-secondary-300
-		`,
-    accent: `
+		`,accent:`
 			bg-accent-500
 			hover:bg-accent-600
 			active:bg-accent-700
@@ -154,272 +24,7 @@ function Button({
 			hover:shadow-accent-500/30
 			active:scale-[0.98]
 			text-white
-		`
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-    "button",
-    {
-      onClick,
-      disabled: disabled || loading,
-      className: cn(
-        "inline-flex items-center justify-center rounded-[7px] font-medium",
-        "transition-all duration-300 ease-in-out",
-        "transform hover:-translate-y-0.5",
-        "disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:translate-y-0 disabled:hover:shadow-none",
-        "focus:outline-none focus:ring-2 focus:ring-offset-2",
-        variant === "primary" && "focus:ring-secondary-500",
-        variant === "secondary" && "focus:ring-secondary-400",
-        variant === "accent" && "focus:ring-accent-500",
-        variants2[variant],
-        sizes2[size],
-        className
-      ),
-      children: [
-        icon && iconPosition === "left" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "flex items-center justify-center transition-transform duration-300 ease-in-out group-hover:scale-110", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.Loader, { className: "animate-spin", size: 20 }) : icon }),
-        text && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "transition-all duration-300", children: text }),
-        icon && iconPosition === "right" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "flex items-center justify-center transition-transform duration-300 ease-in-out group-hover:scale-110", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.Loader, { className: "animate-spin", size: 20 }) : icon }),
-        loading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.Loader, { className: "animate-spin", size: 20 })
-      ]
-    }
-  );
-}
-
-// src/shared/ui/collapse/Collapse.tsx
-var import_lucide_react3 = require("lucide-react");
-var import_react = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-function Collapse({
-  title,
-  children,
-  defaultOpen = false,
-  icon,
-  variant = "primary",
-  className,
-  titleClassName,
-  contentClassName
-}) {
-  const [isOpen, setIsOpen] = (0, import_react.useState)(defaultOpen);
-  const [contentHeight, setContentHeight] = (0, import_react.useState)(0);
-  const contentRef = (0, import_react.useRef)(null);
-  (0, import_react.useEffect)(() => {
-    if (contentRef.current) {
-      setContentHeight(isOpen ? contentRef.current.scrollHeight : 0);
-    }
-  }, [isOpen]);
-  const variantClasses = {
-    primary: {
-      title: "bg-secondary-50 hover:bg-secondary-100 border-secondary-200 text-secondary-800",
-      content: "bg-secondary-25 border-secondary-100"
-    },
-    secondary: {
-      title: "bg-accent-50 hover:bg-accent-100 border-accent-200 text-accent-800",
-      content: "bg-accent-25 border-accent-100"
-    },
-    accent: {
-      title: "bg-gray-50 hover:bg-gray-100 border-gray-200 text-gray-800",
-      content: "bg-gray-25 border-gray-100"
-    }
-  };
-  const variantConfig = variantClasses[variant];
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: cn("border rounded-lg overflow-hidden", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-      "button",
-      {
-        onClick: () => setIsOpen(!isOpen),
-        className: cn(
-          "w-full flex items-center justify-between p-4 transition-all duration-300",
-          "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-blue-500",
-          "border-b",
-          variantConfig.title
-        ),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-center gap-3", children: [
-            icon && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "flex-shrink-0", children: icon }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: cn("font-medium text-left", titleClassName), children: title })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            import_lucide_react3.ChevronDownIcon,
-            {
-              className: cn(
-                "w-5 h-5 transition-transform duration-300 flex-shrink-0",
-                isOpen && "rotate-180"
-              )
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      "div",
-      {
-        className: cn(
-          "transition-all duration-300 ease-out overflow-hidden",
-          variantConfig.content
-        ),
-        style: {
-          height: `${contentHeight}px`
-        },
-        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { ref: contentRef, className: cn("p-4", contentClassName), children })
-      }
-    )
-  ] });
-}
-
-// src/shared/ui/inputMain/InputMain.tsx
-var import_lucide_react4 = require("lucide-react");
-var import_react2 = require("react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-function InputMain({
-  label,
-  placeholder,
-  type = "text",
-  icon,
-  iconPosition = "left",
-  size = "md",
-  error,
-  success,
-  disabled = false,
-  required = false,
-  value,
-  onChange,
-  onFocus,
-  onBlur,
-  className
-}) {
-  const [isFocused, setIsFocused] = (0, import_react2.useState)(false);
-  const [internalValue, setInternalValue] = (0, import_react2.useState)("");
-  const [showPassword, setShowPassword] = (0, import_react2.useState)(false);
-  const [autoFilled, setAutoFilled] = (0, import_react2.useState)(false);
-  const currentValue = value ?? internalValue;
-  const hasValue = Boolean(currentValue) || autoFilled;
-  const isPassword = type === "password";
-  const handleFocus = () => {
-    setIsFocused(true);
-    onFocus?.();
-  };
-  const handleBlur = () => {
-    setIsFocused(false);
-    onBlur?.();
-  };
-  const handleChange = (e) => {
-    if (value === void 0) setInternalValue(e.target.value);
-    onChange?.(e);
-  };
-  const togglePassword = () => setShowPassword((p) => !p);
-  const sizes2 = (0, import_react2.useMemo)(
-    () => ({
-      sm: {
-        input: "h-[38px] text-sm",
-        padding: icon ? iconPosition === "left" ? "pl-10 pr-3" : "pl-3 pr-10" : "px-3",
-        icon: "w-4 h-4",
-        iconWrapper: iconPosition === "left" ? "left-3" : "right-3",
-        labelFont: "text-xs"
-      },
-      md: {
-        input: "h-[48px] text-base",
-        padding: icon ? iconPosition === "left" ? "pl-12 pr-4" : "pl-4 pr-12" : "px-4",
-        icon: "w-5 h-5",
-        iconWrapper: iconPosition === "left" ? "left-3.5" : "right-3.5",
-        labelFont: "text-sm"
-      },
-      lg: {
-        input: "h-[56px] text-lg",
-        padding: icon ? iconPosition === "left" ? "pl-14 pr-5" : "pl-5 pr-14" : "px-5",
-        icon: "w-6 h-6",
-        iconWrapper: iconPosition === "left" ? "left-4" : "right-4",
-        labelFont: "text-base"
-      }
-    }),
-    [icon, iconPosition]
-  );
-  const stateStyles = (0, import_react2.useMemo)(() => {
-    if (error)
-      return "border-error-500 focus:border-error-600 focus:ring-error-500/20";
-    if (success)
-      return "border-success-500 focus:border-success-600 focus:ring-success-500/20";
-    return "border-gray-300 hover:border-gray-400 focus:border-accent-500 focus:ring-accent-500/20";
-  }, [error, success]);
-  const handleAutoFill = (e) => {
-    if (e.animationName === "onAutoFillStart") {
-      setAutoFilled(true);
-    } else if (e.animationName === "onAutoFillCancel") {
-      setAutoFilled(false);
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: cn("w-full", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "relative flex items-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        "input",
-        {
-          type: isPassword && showPassword ? "text" : type,
-          value: currentValue,
-          onChange: handleChange,
-          onFocus: handleFocus,
-          onBlur: handleBlur,
-          onAnimationStart: handleAutoFill,
-          disabled,
-          placeholder: label ? "" : placeholder,
-          required,
-          className: cn(
-            "w-full rounded-[7px] border bg-white font-medium outline-none transition-all duration-300 ease-in-out",
-            "focus:ring-4 disabled:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-60 autofill:shadow-[inset_0_0_0px_1000px_white]",
-            sizes2[size].input,
-            sizes2[size].padding,
-            stateStyles
-          ),
-          autoComplete: "on"
-        }
-      ),
-      label && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-        "label",
-        {
-          className: cn(
-            "absolute pointer-events-none transition-all duration-300 ease-in-out font-medium",
-            icon && iconPosition === "left" && !hasValue && !isFocused ? sizes2[size].padding : "left-4",
-            isFocused || hasValue ? cn(
-              "top-0 -translate-y-1/2 bg-white px-2",
-              sizes2[size].labelFont,
-              error ? "text-error-600" : success ? "text-success-600" : "text-accent-600"
-            ) : cn(
-              "top-1/2 -translate-y-1/2 text-gray-500",
-              sizes2[size].input.includes("38") && "text-sm",
-              sizes2[size].input.includes("48") && "text-base",
-              sizes2[size].input.includes("56") && "text-lg"
-            )
-          ),
-          children: [
-            label,
-            required && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-error-500 ml-1", children: "*" })
-          ]
-        }
-      ),
-      icon && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        "div",
-        {
-          className: cn(
-            "absolute top-1/2 -translate-y-1/2 flex items-center transition-all duration-300",
-            sizes2[size].iconWrapper,
-            error ? "text-error-500" : success ? "text-success-500" : isFocused ? "text-accent-500" : "text-gray-400"
-          ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: cn(sizes2[size].icon, "mr-2"), children: icon })
-        }
-      ),
-      isPassword && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        "button",
-        {
-          type: "button",
-          onClick: togglePassword,
-          className: cn(
-            "absolute top-1/2 -translate-y-1/2 flex items-center justify-center text-gray-400 hover:text-gray-600 transition-all",
-            "right-3"
-          ),
-          children: showPassword ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.EyeOff, { className: cn(sizes2[size].icon) }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.Eye, { className: cn(sizes2[size].icon) })
-        }
-      )
-    ] }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mt-1.5 text-sm text-error-600 flex items-center gap-1 animate-[slideDown_0.3s_ease-out]", children: error }),
-    success && !error && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mt-1.5 text-sm text-success-600 flex items-center gap-1 animate-[slideDown_0.3s_ease-out]", children: success }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("style", { children: `
+		`}[n],x[e],d),children:[r&&a==="left"&&(0,S.jsx)("span",{className:"flex items-center justify-center transition-transform duration-300 ease-in-out group-hover:scale-110",children:s?(0,S.jsx)(G.Loader,{className:"animate-spin",size:20}):r}),t&&(0,S.jsx)("span",{className:"transition-all duration-300",children:t}),r&&a==="right"&&(0,S.jsx)("span",{className:"flex items-center justify-center transition-transform duration-300 ease-in-out group-hover:scale-110",children:s?(0,S.jsx)(G.Loader,{className:"animate-spin",size:20}):r}),s&&(0,S.jsx)(G.Loader,{className:"animate-spin",size:20})]})}var we=require("lucide-react"),D=require("react");var E=require("react/jsx-runtime");function Q({title:t,children:r,defaultOpen:a=!1,icon:e,variant:n="primary",className:s,titleClassName:c,contentClassName:l}){let[d,x]=(0,D.useState)(a),[g,v]=(0,D.useState)(0),y=(0,D.useRef)(null);(0,D.useEffect)(()=>{y.current&&v(d?y.current.scrollHeight:0)},[d]);let i={primary:{title:"bg-secondary-50 hover:bg-secondary-100 border-secondary-200 text-secondary-800",content:"bg-secondary-25 border-secondary-100"},secondary:{title:"bg-accent-50 hover:bg-accent-100 border-accent-200 text-accent-800",content:"bg-accent-25 border-accent-100"},accent:{title:"bg-gray-50 hover:bg-gray-100 border-gray-200 text-gray-800",content:"bg-gray-25 border-gray-100"}}[n];return(0,E.jsxs)("div",{className:o("border rounded-lg overflow-hidden",s),children:[(0,E.jsxs)("button",{onClick:()=>x(!d),className:o("w-full flex items-center justify-between p-4 transition-all duration-300","focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-blue-500","border-b",i.title),children:[(0,E.jsxs)("div",{className:"flex items-center gap-3",children:[e&&(0,E.jsx)("span",{className:"flex-shrink-0",children:e}),(0,E.jsx)("span",{className:o("font-medium text-left",c),children:t})]}),(0,E.jsx)(we.ChevronDownIcon,{className:o("w-5 h-5 transition-transform duration-300 flex-shrink-0",d&&"rotate-180")})]}),(0,E.jsx)("div",{className:o("transition-all duration-300 ease-out overflow-hidden",i.content),style:{height:`${g}px`},children:(0,E.jsx)("div",{ref:y,className:o("p-4",l),children:r})})]})}var Y=require("lucide-react"),L=require("react");var w=require("react/jsx-runtime");function Z({label:t,placeholder:r,type:a="text",icon:e,iconPosition:n="left",size:s="md",error:c,success:l,disabled:d=!1,required:x=!1,value:g,onChange:v,onFocus:y,onBlur:u,className:i}){let[m,b]=(0,L.useState)(!1),[N,f]=(0,L.useState)(""),[k,M]=(0,L.useState)(!1),[F,j]=(0,L.useState)(!1),U=g??N,be=!!U||F,ge=a==="password",Pe=()=>{b(!0),y==null||y()},Me=()=>{b(!1),u==null||u()},Ee=z=>{g===void 0&&f(z.target.value),v==null||v(z)},Ie=()=>M(z=>!z),R=(0,L.useMemo)(()=>({sm:{input:"h-[38px] text-sm",padding:e?n==="left"?"pl-10 pr-3":"pl-3 pr-10":"px-3",icon:"w-4 h-4",iconWrapper:n==="left"?"left-3":"right-3",labelFont:"text-xs"},md:{input:"h-[48px] text-base",padding:e?n==="left"?"pl-12 pr-4":"pl-4 pr-12":"px-4",icon:"w-5 h-5",iconWrapper:n==="left"?"left-3.5":"right-3.5",labelFont:"text-sm"},lg:{input:"h-[56px] text-lg",padding:e?n==="left"?"pl-14 pr-5":"pl-5 pr-14":"px-5",icon:"w-6 h-6",iconWrapper:n==="left"?"left-4":"right-4",labelFont:"text-base"}}),[e,n]),Se=(0,L.useMemo)(()=>c?"border-error-500 focus:border-error-600 focus:ring-error-500/20":l?"border-success-500 focus:border-success-600 focus:ring-success-500/20":"border-gray-300 hover:border-gray-400 focus:border-accent-500 focus:ring-accent-500/20",[c,l]),_e=z=>{z.animationName==="onAutoFillStart"?j(!0):z.animationName==="onAutoFillCancel"&&j(!1)};return(0,w.jsxs)("div",{className:o("w-full",i),children:[(0,w.jsxs)("div",{className:"relative flex items-center",children:[(0,w.jsx)("input",{type:ge&&k?"text":a,value:U,onChange:Ee,onFocus:Pe,onBlur:Me,onAnimationStart:_e,disabled:d,placeholder:t?"":r,required:x,className:o("w-full rounded-[7px] border bg-white font-medium outline-none transition-all duration-300 ease-in-out","focus:ring-4 disabled:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-60 autofill:shadow-[inset_0_0_0px_1000px_white]",R[s].input,R[s].padding,Se),autoComplete:"on"}),t&&(0,w.jsxs)("label",{className:o("absolute pointer-events-none transition-all duration-300 ease-in-out font-medium",e&&n==="left"&&!be&&!m?R[s].padding:"left-4",m||be?o("top-0 -translate-y-1/2 bg-white px-2",R[s].labelFont,c?"text-error-600":l?"text-success-600":"text-accent-600"):o("top-1/2 -translate-y-1/2 text-gray-500",R[s].input.includes("38")&&"text-sm",R[s].input.includes("48")&&"text-base",R[s].input.includes("56")&&"text-lg")),children:[t,x&&(0,w.jsx)("span",{className:"text-error-500 ml-1",children:"*"})]}),e&&(0,w.jsx)("div",{className:o("absolute top-1/2 -translate-y-1/2 flex items-center transition-all duration-300",R[s].iconWrapper,c?"text-error-500":l?"text-success-500":m?"text-accent-500":"text-gray-400"),children:(0,w.jsx)("span",{className:o(R[s].icon,"mr-2"),children:e})}),ge&&(0,w.jsx)("button",{type:"button",onClick:Ie,className:o("absolute top-1/2 -translate-y-1/2 flex items-center justify-center text-gray-400 hover:text-gray-600 transition-all","right-3"),children:k?(0,w.jsx)(Y.EyeOff,{className:o(R[s].icon)}):(0,w.jsx)(Y.Eye,{className:o(R[s].icon)})})]}),c&&(0,w.jsx)("p",{className:"mt-1.5 text-sm text-error-600 flex items-center gap-1 animate-[slideDown_0.3s_ease-out]",children:c}),l&&!c&&(0,w.jsx)("p",{className:"mt-1.5 text-sm text-success-600 flex items-center gap-1 animate-[slideDown_0.3s_ease-out]",children:l}),(0,w.jsx)("style",{children:`
 				input {
 					animation-name: onAutoFillCancel;
 				}
@@ -428,763 +33,12 @@ function InputMain({
 				}
 				@keyframes onAutoFillStart {}
 				@keyframes onAutoFillCancel {}
-			` })
-  ] });
-}
-
-// src/shared/ui/mciTable/MciTable.tsx
-var import_lucide_react9 = require("lucide-react");
-var import_react7 = require("react");
-
-// src/shared/ui/modal/Modal.tsx
-var import_lucide_react5 = require("lucide-react");
-var import_react3 = require("react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-function Modal({
-  show,
-  setShow,
-  title,
-  Header,
-  Body,
-  footer
-}) {
-  const modalRef = (0, import_react3.useRef)(null);
-  const { handleEscape } = useEscapeKey(() => setShow(false));
-  (0, import_react3.useEffect)(() => {
-    if (show) {
-      document.addEventListener("keydown", handleEscape);
-      document.body.style.overflow = "hidden";
-    } else {
-      document.body.style.overflow = "unset";
-    }
-    return () => document.removeEventListener("keydown", handleEscape);
-  }, [show, handleEscape]);
-  const { handleClick } = useClickOutside(modalRef, () => setShow(false));
-  (0, import_react3.useEffect)(() => {
-    if (show) document.addEventListener("mousedown", handleClick);
-    return () => document.removeEventListener("mousedown", handleClick);
-  }, [show, handleClick]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    "div",
-    {
-      className: cn(
-        "fixed inset-0 z-50 flex items-center justify-center p-4 bg-secondary-100/50 backdrop-blur-sm transition-all duration-500 ease-in-out",
-        show ? "opacity-100 pointer-events-auto" : "opacity-0 pointer-events-none"
-      ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-        "div",
-        {
-          ref: modalRef,
-          className: cn(
-            "relative w-full max-w-lg rounded-[7px] shadow-xl bg-secondary-50 text-gray-800",
-            "transform transition-all duration-500 ease-out",
-            show ? "opacity-100 scale-100" : "opacity-0 scale-90"
-          ),
-          children: [
-            (Header || title) && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center justify-between px-6 py-4 border-b border-secondary-300", children: [
-              Header || /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { className: "text-xl font-semibold text-gray-800", children: title }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-                "button",
-                {
-                  onClick: () => setShow(false),
-                  className: "text-gray-800 hover:text-secondary-300 active:animate-spin transition",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react5.X, { className: "w-5 h-5" })
-                }
-              )
-            ] }),
-            Body && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "px-6 py-4 max-h-96 overflow-y-auto scrollbar-thin scrollbar-thumb-gray-300", children: Body }),
-            footer && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex items-center justify-end gap-3 px-6 py-4 border-t border-secondary-300", children: footer })
-          ]
-        }
-      )
-    }
-  );
-}
-
-// src/shared/ui/pagination/Pagination.tsx
-var import_lucide_react6 = require("lucide-react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-function Pagination({
-  totalItems,
-  currentPage,
-  perPage,
-  onPageChange,
-  onPerPageChange,
-  siblingCount = 1,
-  perPageOptions = [10, 20, 30],
-  showPerPage = true
-}) {
-  const totalPages = Math.ceil(totalItems / perPage);
-  const createPageRange = () => {
-    const totalPageNumbers = siblingCount * 2 + 5;
-    if (totalPages <= totalPageNumbers) {
-      return Array.from({ length: totalPages }, (_, i) => i + 1);
-    }
-    const leftSiblingIndex = Math.max(currentPage - siblingCount, 2);
-    const rightSiblingIndex = Math.min(
-      currentPage + siblingCount,
-      totalPages - 1
-    );
-    const showLeftDots = leftSiblingIndex > 2;
-    const showRightDots = rightSiblingIndex < totalPages - 1;
-    const range = [1];
-    if (showLeftDots) range.push("...");
-    for (let i = leftSiblingIndex; i <= rightSiblingIndex; i++) {
-      range.push(i);
-    }
-    if (showRightDots) range.push("...");
-    range.push(totalPages);
-    return range;
-  };
-  const pages = createPageRange();
-  const handlePrev = () => {
-    if (currentPage > 1) onPageChange(currentPage - 1);
-  };
-  const handleNext = () => {
-    if (currentPage < totalPages) onPageChange(currentPage + 1);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "w-full flex flex-col md:flex-row md:justify-between md:items-center gap-4 py-4", children: [
-    showPerPage && onPerPageChange && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex justify-center md:justify-start w-full md:w-auto", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      "select",
-      {
-        value: perPage,
-        onChange: (e) => onPerPageChange(Number(e.target.value)),
-        className: "border rounded-lg px-3 py-2 text-sm bg-white\n                       hover:border-secondary-500 \n                       focus:outline-none focus:ring-2 focus:ring-secondary-500\n                       transition-all duration-200",
-        children: perPageOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("option", { value: option, children: [
-          option,
-          " / page"
-        ] }, option))
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center justify-center md:justify-end w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        "button",
-        {
-          onClick: handlePrev,
-          disabled: currentPage === 1,
-          className: `flex items-center justify-center rounded-xl border px-3 py-2 transition-all duration-200
-            ${currentPage === 1 ? "opacity-40 cursor-not-allowed" : "hover:bg-secondary-100 hover:text-secondary-700"}`,
-          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react6.ChevronLeft, { size: 18 })
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex items-center gap-1 mx-2", children: pages.map((page, idx) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        "button",
-        {
-          onClick: () => typeof page === "number" && onPageChange(page),
-          disabled: page === "...",
-          className: `min-w-[40px] rounded-xl border px-3 py-2 text-sm font-medium transition-all duration-200
-                ${page === currentPage ? "bg-secondary-500 text-white shadow-md" : page === "..." ? "cursor-default border-none text-gray-400" : "bg-white text-secondary-700 hover:bg-secondary-100"}`,
-          children: page
-        },
-        idx
-      )) }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        "button",
-        {
-          onClick: handleNext,
-          disabled: currentPage === totalPages,
-          className: `flex items-center justify-center rounded-xl border px-3 py-2 transition-all duration-200
-            ${currentPage === totalPages ? "opacity-40 cursor-not-allowed" : "hover:bg-secondary-100 hover:text-secondary-700"}`,
-          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react6.ChevronRight, { size: 18 })
-        }
-      )
-    ] })
-  ] });
-}
-
-// src/shared/ui/skeleton/Skeleton.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-function Skeleton({
-  className,
-  variant = "default",
-  width = "100%",
-  height = "1rem"
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-    "div",
-    {
-      className: cn(
-        "relative overflow-hidden bg-secondary-200 dark:bg-secondary-800",
-        "rounded-sm",
-        variant === "circle" && "rounded-full",
-        variant === "rounded" && "rounded-md",
-        className
-      ),
-      style: {
-        width: typeof width === "number" ? `${width}px` : width,
-        height: typeof height === "number" ? `${height}px` : height
-      },
-      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "absolute inset-0 shimmer-mask" })
-    }
-  );
-}
-
-// src/shared/ui/tabs/Tabs.tsx
-var import_react4 = require("react");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-function Tabs({
-  tabs,
-  defaultTab,
-  position = "top",
-  variant = "primary",
-  className,
-  onChange
-}) {
-  const [activeTab, setActiveTab] = (0, import_react4.useState)(defaultTab || tabs[0]?.id);
-  const [indicatorStyle, setIndicatorStyle] = (0, import_react4.useState)({});
-  const tabsRef = (0, import_react4.useRef)([]);
-  (0, import_react4.useEffect)(() => {
-    const activeIndex = tabs.findIndex((tab) => tab.id === activeTab);
-    const activeTabElement = tabsRef.current[activeIndex];
-    if (activeTabElement) {
-      const { offsetLeft, offsetTop, offsetWidth, offsetHeight } = activeTabElement;
-      setIndicatorStyle({
-        left: offsetLeft,
-        top: offsetTop,
-        width: offsetWidth,
-        height: offsetHeight,
-        transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)"
-      });
-    }
-  }, [activeTab, position, tabs]);
-  const containerClasses = {
-    top: "flex-col",
-    bottom: "flex-col-reverse",
-    left: "flex-row",
-    right: "flex-row-reverse"
-  };
-  const tabsContainerClasses = {
-    top: "flex-row",
-    bottom: "flex-row",
-    left: "flex-col",
-    right: "flex-col"
-  };
-  const contentClasses = {
-    top: "mt-6",
-    bottom: "mb-6",
-    left: "ml-6",
-    right: "mr-6"
-  };
-  const variantClasses = {
-    primary: {
-      active: "text-secondary-600",
-      inactive: "text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300",
-      disabled: "text-gray-300 dark:text-gray-600 cursor-not-allowed",
-      bg: "bg-secondary-100 dark:bg-secondary-900"
-    },
-    secondary: {
-      active: "text-accent-600",
-      inactive: "text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300",
-      disabled: "text-gray-300 dark:text-gray-600 cursor-not-allowed",
-      bg: "bg-accent-100 dark:bg-accent-900"
-    },
-    accent: {
-      active: "text-gray-800 dark:text-gray-200",
-      inactive: "text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300",
-      disabled: "text-gray-300 dark:text-gray-600 cursor-not-allowed",
-      bg: "bg-gray-100 dark:bg-gray-800"
-    }
-  };
-  const isVertical = position === "left" || position === "right";
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: cn("flex w-full", containerClasses[position], className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-      "div",
-      {
-        className: cn(
-          "flex relative bg-gray-50 dark:bg-gray-900 rounded-lg p-1",
-          tabsContainerClasses[position],
-          isVertical ? "min-w-48" : "w-full"
-        ),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-            "div",
-            {
-              className: cn(
-                "absolute rounded-md transition-all duration-300 ease-out",
-                variantClasses[variant].bg,
-                isVertical ? "w-full" : "h-full"
-              ),
-              style: indicatorStyle
-            }
-          ),
-          tabs.map((tab, index) => {
-            const isActive = activeTab === tab.id;
-            const variantConfig = variantClasses[variant];
-            return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-              "button",
-              {
-                ref: (el) => {
-                  tabsRef.current[index] = el;
-                },
-                onClick: () => {
-                  if (!tab.disabled) {
-                    setActiveTab(tab.id);
-                    onChange?.(tab.id);
-                  }
-                },
-                disabled: tab.disabled,
-                className: cn(
-                  "relative flex items-center justify-center gap-2 px-4 py-3 font-medium",
-                  "text-sm whitespace-nowrap transition-all duration-200 z-10",
-                  "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-blue-500",
-                  "rounded-md",
-                  isActive ? [variantConfig.active, "font-semibold"] : [
-                    variantConfig.inactive,
-                    "hover:bg-white/50 dark:hover:bg-gray-800/50"
-                  ],
-                  tab.disabled && variantConfig.disabled,
-                  isVertical ? "w-full justify-start" : "flex-1"
-                ),
-                children: [
-                  tab.icon && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                    "span",
-                    {
-                      className: cn(
-                        "flex-shrink-0 transition-transform duration-200",
-                        isActive && "scale-110"
-                      ),
-                      children: tab.icon
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "relative z-10", children: tab.label })
-                ]
-              },
-              tab.id
-            );
-          })
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: cn("flex-1 overflow-hidden", contentClasses[position]), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "animate-fade-in", children: tabs.find((tab) => tab.id === activeTab)?.content }, activeTab) })
-  ] });
-}
-function TabPanel({ children, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    "div",
-    {
-      className: cn(
-        "p-6 rounded-lg bg-white dark:bg-gray-800 shadow-sm border border-gray-200 dark:border-gray-700",
-        className
-      ),
-      children
-    }
-  );
-}
-
-// src/shared/ui/tag/Tag.tsx
-var import_lucide_react7 = require("lucide-react");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var sizes = {
-  sm: "text-xs px-2 py-0.5",
-  md: "text-sm px-3 py-1",
-  lg: "text-base px-4 py-1.5"
-};
-var iconSizes = {
-  sm: "w-3 h-3",
-  md: "w-4 h-4",
-  lg: "w-5 h-5"
-};
-var variants = {
-  default: "bg-gray-100 text-gray-800 border border-gray-200 dark:bg-gray-800 dark:text-gray-100 dark:border-gray-700",
-  secondary: "bg-secondary-100 text-secondary-800 border border-secondary-200 dark:bg-secondary-800 dark:text-secondary-50 dark:border-secondary-700",
-  success: "bg-success-100 text-success-800 border border-success-200 dark:bg-success-800 dark:text-success-50 dark:border-success-700",
-  error: "bg-error-100 text-error-800 border border-error-200 dark:bg-error-800 dark:text-error-50 dark:border-error-700",
-  info: "bg-info-100 text-info-800 border border-info-200 dark:bg-info-800 dark:text-info-50 dark:border-info-700",
-  accent: "bg-accent-100 text-accent-800 border border-accent-200 dark:bg-accent-800 dark:text-accent-50 dark:border-accent-700"
-};
-function Tag({
-  children,
-  variant = "default",
-  size = "md",
-  icon,
-  iconPosition = "left",
-  closable = false,
-  onClose,
-  className
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-    "span",
-    {
-      className: cn(
-        "inline-flex items-center font-medium animate-[fadeIn_0.3s_ease-out] rounded-[7px]",
-        sizes[size],
-        variants[variant],
-        icon && "gap-1.5",
-        className
-      ),
-      children: [
-        icon && iconPosition === "left" && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: `flex items-center ${cn(iconSizes[size])}`, children: icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children }),
-        icon && iconPosition === "right" && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: `flex items-center ${cn(iconSizes[size])}`, children: icon }),
-        closable && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-          "button",
-          {
-            type: "button",
-            onClick: onClose,
-            className: "ml-1 rounded-full p-0.5 hover:bg-black/10 dark:hover:bg-white/10 transition-colors",
-            children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react7.X, { className: cn(iconSizes[size]) })
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/shared/ui/textarea/Textarea.tsx
-var import_react5 = require("react");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-function Textarea({
-  label,
-  placeholder,
-  value = "",
-  onChange,
-  required = false,
-  disabled = false,
-  error,
-  className,
-  rows = 4
-}) {
-  const [focused, setFocused] = (0, import_react5.useState)(false);
-  const isFloating = focused || value.length > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "relative w-full", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-      "label",
-      {
-        className: cn(
-          "absolute left-3 top-2 text-gray-500 dark:text-gray-400 transition-all duration-200 pointer-events-none",
-          isFloating ? "text-xs -translate-y-3 bg-white dark:bg-gray-900 px-1" : "text-sm translate-y-0"
-        ),
-        children: [
-          label,
-          required && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-error-500 ml-0.5", children: "*" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-      "textarea",
-      {
-        rows,
-        placeholder: label ? void 0 : placeholder,
-        value,
-        onChange: (e) => onChange?.(e.target.value),
-        onFocus: () => setFocused(true),
-        onBlur: () => setFocused(false),
-        disabled,
-        className: cn(
-          "w-full rounded-md border border-gray-300 dark:border-gray-700 bg-transparent text-gray-900 dark:text-gray-100 px-3 py-2 outline-none transition-all resize-none",
-          "focus:border-primary-500 focus:ring-1 focus:ring-primary-500",
-          disabled && "opacity-50 cursor-not-allowed",
-          error && "border-error-500 focus:ring-error-500 focus:border-error-500",
-          label && "pt-5",
-          className
-        )
-      }
-    ),
-    error && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "mt-1 text-sm text-error-500", children: error })
-  ] });
-}
-
-// src/shared/ui/toast/Toast.tsx
-var import_lucide_react8 = require("lucide-react");
-var import_react6 = require("react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-function Toast({
-  id = Math.random().toString(36),
-  title,
-  description,
-  type = "info",
-  duration = 5e3,
-  position = "top-right",
-  onClose,
-  action
-}) {
-  const [isVisible, setIsVisible] = (0, import_react6.useState)(false);
-  const [isLeaving, setIsLeaving] = (0, import_react6.useState)(false);
-  (0, import_react6.useEffect)(() => {
-    const showTimer = setTimeout(() => setIsVisible(true), 100);
-    if (duration !== Infinity) {
-      const closeTimer = setTimeout(() => handleClose(), duration);
-      return () => {
-        clearTimeout(showTimer);
-        clearTimeout(closeTimer);
-      };
-    }
-    return () => clearTimeout(showTimer);
-  }, [duration]);
-  const handleClose = () => {
-    setIsLeaving(true);
-    setTimeout(() => {
-      setIsVisible(false);
-      onClose?.(id);
-    }, 300);
-  };
-  const handleAction = () => {
-    action?.onClick();
-    handleClose();
-  };
-  const icons = {
-    success: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react8.CheckCircle2, { className: "w-5 h-5" }),
-    error: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react8.XCircle, { className: "w-5 h-5" }),
-    warning: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react8.AlertCircle, { className: "w-5 h-5" }),
-    info: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react8.Info, { className: "w-5 h-5" }),
-    loading: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react8.Loader2, { className: "w-5 h-5 animate-spin" })
-  };
-  const variantClasses = {
-    success: "bg-success-50 border-success-200 text-success-800",
-    error: "bg-error-50 border-error-200 text-error-800",
-    warning: "bg-secondary-50 border-secondary-200 text-secondary-800",
-    info: "bg-info-50 border-info-200 text-info-800",
-    loading: "bg-gray-50 border-gray-200 text-gray-800"
-  };
-  const iconColors = {
-    success: "text-success-600",
-    error: "text-error-600",
-    warning: "text-secondary-600",
-    info: "text-info-600",
-    loading: "text-gray-600"
-  };
-  const positionClasses = {
-    "top-right": "top-4 right-4",
-    "top-left": "top-4 left-4",
-    "bottom-right": "bottom-4 right-4",
-    "bottom-left": "bottom-4 left-4",
-    "top-center": "top-4 left-1/2 -translate-x-1/2",
-    "bottom-center": "bottom-4 left-1/2 -translate-x-1/2"
-  };
-  if (!isVisible) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-    "div",
-    {
-      className: cn(
-        "fixed z-50 transform transition-all duration-300",
-        positionClasses[position],
-        isLeaving ? "opacity-0 scale-95" : "opacity-100 scale-100",
-        position.includes("top") && !isLeaving && "animate-slide-down",
-        position.includes("bottom") && !isLeaving && "animate-slide-up"
-      ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-        "div",
-        {
-          className: cn(
-            "flex items-start gap-3 p-4 rounded-lg border shadow-lg max-w-sm",
-            "backdrop-blur-sm bg-white/95",
-            variantClasses[type]
-          ),
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: cn("flex-shrink-0 mt-0.5", iconColors[type]), children: icons[type] }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h4", { className: "font-semibold text-sm mb-1", children: title }),
-              description && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-sm opacity-90", children: description }),
-              action && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                "button",
-                {
-                  onClick: handleAction,
-                  className: "mt-2 text-sm font-medium underline underline-offset-2 hover:no-underline",
-                  children: action.label
-                }
-              )
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-              "button",
-              {
-                onClick: handleClose,
-                className: "flex-shrink-0 p-1 rounded-full hover:bg-black/5 transition-colors",
-                children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react8.X, { className: "w-4 h-4" })
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-}
-
-// src/shared/ui/toast/ToastContainer.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
-function ToastContainer({
-  toasts,
-  onRemove,
-  position = "top-right"
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_jsx_runtime12.Fragment, { children: toasts.map((t) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Toast, { ...t, onClose: onRemove, position }, t.id)) });
-}
-
-// src/shared/ui/tooltip/Tooltip.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
-function Tooltip({
-  content,
-  children,
-  position = "top",
-  delay = 200,
-  className
-}) {
-  const positionClasses = {
-    top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
-    bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
-    left: "right-full top-1/2 -translate-y-1/2 mr-2",
-    right: "left-full top-1/2 -translate-y-1/2 ml-2"
-  };
-  const arrowClasses = {
-    top: "left-1/2 -translate-x-1/2 top-full",
-    bottom: "left-1/2 -translate-x-1/2 bottom-full",
-    left: "top-1/2 -translate-y-1/2 left-full",
-    right: "top-1/2 -translate-y-1/2 right-full"
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "relative inline-block group", children: [
-    children,
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-      "div",
-      {
-        className: cn(
-          "absolute z-50 whitespace-nowrap rounded-md bg-gray-800 text-white text-xs px-2 py-1 shadow-md dark:bg-gray-900",
-          "transition-all opacity-0 scale-95 group-hover:opacity-100 group-hover:scale-100",
-          "group-hover:delay-200 duration-200 ease-out",
-          positionClasses[position],
-          className
-        ),
-        style: { transitionDelay: `${delay}ms` },
-        children: [
-          content,
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-            "span",
-            {
-              className: cn(
-                "absolute w-2 h-2 bg-gray-800 dark:bg-gray-900 rotate-45",
-                arrowClasses[position]
-              )
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
-
-// src/shared/ui/mciTable/MciTable.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
-function MciTable({
-  columns,
-  data,
-  loading = false,
-  variant = "clean",
-  skeletonRows = 5,
-  actions,
-  noDataText
-}) {
-  const [sortConfig, setSortConfig] = (0, import_react7.useState)(null);
-  const sortedData = (0, import_react7.useMemo)(() => {
-    if (!sortConfig || !sortConfig.direction) return data;
-    return [...data].sort((a, b) => {
-      const aVal = a[sortConfig.key];
-      const bVal = b[sortConfig.key];
-      if (aVal < bVal) return sortConfig.direction === "asc" ? -1 : 1;
-      if (aVal > bVal) return sortConfig.direction === "asc" ? 1 : -1;
-      return 0;
-    });
-  }, [data, sortConfig]);
-  const handleSort = (col) => {
-    if (!col.sortable) return;
-    setSortConfig((prev) => {
-      if (!prev || prev.key !== col.key) {
-        return { key: col.key, direction: "asc" };
-      }
-      if (prev.direction === "asc") return { key: col.key, direction: "desc" };
-      if (prev.direction === "desc") return { key: col.key, direction: null };
-      return null;
-    });
-  };
-  const getSortIcon = (col) => {
-    if (!col.sortable) return null;
-    if (!sortConfig || sortConfig.key !== col.key || !sortConfig.direction) {
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.ArrowUpDown, { size: 15, className: "opacity-40" });
-    }
-    return sortConfig.direction === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.ChevronUp, { size: 15 }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.ChevronDown, { size: 15 });
-  };
-  const variantStyle = cn(
-    "w-full border-separate border-spacing-0 transition-all duration-300",
-    variant === "clean" && "bg-white",
-    variant === "elevated" && "bg-white  shadow-lg",
-    variant === "bordered" && "border border-secondary-200 rounded-lg"
-  );
-  const headerCell = (col) => cn(
-    "bg-secondary-50 text-secondary-800 text-sm font-semibold py-3 px-4 select-none",
-    "border-b border-secondary-200 transition-colors",
-    col.align === "center" && "text-center",
-    col.align === "right" && "text-right",
-    col.sortable && "cursor-pointer hover:bg-secondary-100/70"
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "w-full space-y-3", children: [
-    actions && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex justify-between items-center mb-2", children: actions }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "w-full overflow-x-auto rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("table", { className: variantStyle, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("tr", { children: columns.map((col, idx) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-        "th",
-        {
-          onClick: () => handleSort(col),
-          className: cn(
-            headerCell(col),
-            idx === 0 && "rounded-tl-lg",
-            idx === columns.length - 1 && "rounded-tr-lg"
-          ),
-          style: { width: col.width },
-          children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "truncate", children: col.title }),
-            getSortIcon(col)
-          ] })
-        },
-        String(col.key)
-      )) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("tbody", { children: loading ? Array.from({ length: skeletonRows }).map((_, idx) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("tr", { children: columns.map((_2, i) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("td", { className: "px-4 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Skeleton, { height: 18, variant: "rounded" }) }, i)) }, idx)) : sortedData.map((row, idx) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-        "tr",
-        {
-          className: cn(
-            "border-b border-secondary-100  transition-all duration-200"
-          ),
-          children: columns.map((col, i) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-            "td",
-            {
-              className: cn(
-                "px-4 py-3 text-sm text-gray-800",
-                col.align === "center" && "text-center",
-                col.align === "right" && "text-right"
-              ),
-              children: col.render ? col.render(row[col.key], row) : String(row[col.key])
-            },
-            i
-          ))
-        },
-        idx
-      )) })
-    ] }) }),
-    !loading && sortedData.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex flex-col items-center justify-center py-10 text-gray-500 dark:text-gray-400 animate-[fadeIn_0.4s_ease-in-out]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "relative", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-          import_lucide_react9.Box,
-          {
-            size: 64,
-            className: "mb-3 text-secondary-400 dark:text-secondary-500 opacity-80 animate-[float_2.5s_ease-in-out_infinite]"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "absolute inset-0 blur-2xl bg-secondary-200/20 dark:bg-secondary-700/20 rounded-full scale-75 animate-[pulse_3s_ease-in-out_infinite]" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-sm font-medium animate-[fadeUp_0.6s_ease-out]", children: noDataText })
-    ] })
-  ] });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Breadcrumb,
-  Button,
-  Collapse,
-  InputMain,
-  MciTable,
-  Modal,
-  Pagination,
-  Skeleton,
-  TabPanel,
-  Tabs,
-  Tag,
-  Textarea,
-  ToastContainer,
-  Tooltip
-});
+			`})]})}var B=require("lucide-react"),le=require("react");var ke=require("lucide-react"),$=require("react");var I=require("react/jsx-runtime");function ee({show:t,setShow:r,title:a,Header:e,Body:n,footer:s}){let c=(0,$.useRef)(null),{handleEscape:l}=he(()=>r(!1));(0,$.useEffect)(()=>(t?(document.addEventListener("keydown",l),document.body.style.overflow="hidden"):document.body.style.overflow="unset",()=>document.removeEventListener("keydown",l)),[t,l]);let{handleClick:d}=ve(c,()=>r(!1));return(0,$.useEffect)(()=>(t&&document.addEventListener("mousedown",d),()=>document.removeEventListener("mousedown",d)),[t,d]),(0,I.jsx)("div",{className:o("fixed inset-0 z-50 flex items-center justify-center p-4 bg-secondary-100/50 backdrop-blur-sm transition-all duration-500 ease-in-out",t?"opacity-100 pointer-events-auto":"opacity-0 pointer-events-none"),children:(0,I.jsxs)("div",{ref:c,className:o("relative w-full max-w-lg rounded-[7px] shadow-xl bg-secondary-50 text-gray-800","transform transition-all duration-500 ease-out",t?"opacity-100 scale-100":"opacity-0 scale-90"),children:[(e||a)&&(0,I.jsxs)("div",{className:"flex items-center justify-between px-6 py-4 border-b border-secondary-300",children:[e||(0,I.jsx)("h2",{className:"text-xl font-semibold text-gray-800",children:a}),(0,I.jsx)("button",{onClick:()=>r(!1),className:"text-gray-800 hover:text-secondary-300 active:animate-spin transition",children:(0,I.jsx)(ke.X,{className:"w-5 h-5"})})]}),n&&(0,I.jsx)("div",{className:"px-6 py-4 max-h-96 overflow-y-auto scrollbar-thin scrollbar-thumb-gray-300",children:n}),s&&(0,I.jsx)("div",{className:"flex items-center justify-end gap-3 px-6 py-4 border-t border-secondary-300",children:s})]})})}var te=require("lucide-react"),T=require("react/jsx-runtime");function re({totalItems:t,currentPage:r,perPage:a,onPageChange:e,onPerPageChange:n,siblingCount:s=1,perPageOptions:c=[10,20,30],showPerPage:l=!0}){let d=Math.ceil(t/a),g=(()=>{let u=s*2+5;if(d<=u)return Array.from({length:d},(k,M)=>M+1);let i=Math.max(r-s,2),m=Math.min(r+s,d-1),b=i>2,N=m<d-1,f=[1];b&&f.push("...");for(let k=i;k<=m;k++)f.push(k);return N&&f.push("..."),f.push(d),f})(),v=()=>{r>1&&e(r-1)},y=()=>{r<d&&e(r+1)};return(0,T.jsxs)("div",{className:"w-full flex flex-col md:flex-row md:justify-between md:items-center gap-4 py-4",children:[l&&n&&(0,T.jsx)("div",{className:"flex justify-center md:justify-start w-full md:w-auto",children:(0,T.jsx)("select",{value:a,onChange:u=>n(Number(u.target.value)),className:`border rounded-lg px-3 py-2 text-sm bg-white
+                       hover:border-secondary-500 
+                       focus:outline-none focus:ring-2 focus:ring-secondary-500
+                       transition-all duration-200`,children:c.map(u=>(0,T.jsxs)("option",{value:u,children:[u," / page"]},u))})}),(0,T.jsxs)("div",{className:"flex items-center justify-center md:justify-end w-full",children:[(0,T.jsx)("button",{onClick:v,disabled:r===1,className:`flex items-center justify-center rounded-xl border px-3 py-2 transition-all duration-200
+            ${r===1?"opacity-40 cursor-not-allowed":"hover:bg-secondary-100 hover:text-secondary-700"}`,children:(0,T.jsx)(te.ChevronLeft,{size:18})}),(0,T.jsx)("div",{className:"flex items-center gap-1 mx-2",children:g.map((u,i)=>(0,T.jsx)("button",{onClick:()=>typeof u=="number"&&e(u),disabled:u==="...",className:`min-w-[40px] rounded-xl border px-3 py-2 text-sm font-medium transition-all duration-200
+                ${u===r?"bg-secondary-500 text-white shadow-md":u==="..."?"cursor-default border-none text-gray-400":"bg-white text-secondary-700 hover:bg-secondary-100"}`,children:u},i))}),(0,T.jsx)("button",{onClick:y,disabled:r===d,className:`flex items-center justify-center rounded-xl border px-3 py-2 transition-all duration-200
+            ${r===d?"opacity-40 cursor-not-allowed":"hover:bg-secondary-100 hover:text-secondary-700"}`,children:(0,T.jsx)(te.ChevronRight,{size:18})})]})]})}var de=require("react/jsx-runtime");function O({className:t,variant:r="default",width:a="100%",height:e="1rem"}){return(0,de.jsx)("div",{className:o("relative overflow-hidden bg-secondary-200 dark:bg-secondary-800","rounded-sm",r==="circle"&&"rounded-full",r==="rounded"&&"rounded-md",t),style:{width:typeof a=="number"?`${a}px`:a,height:typeof e=="number"?`${e}px`:e},children:(0,de.jsx)("div",{className:"absolute inset-0 shimmer-mask"})})}var H=require("react");var P=require("react/jsx-runtime");function ae({tabs:t,defaultTab:r,position:a="top",variant:e="primary",className:n,onChange:s}){var b,N;let[c,l]=(0,H.useState)(r||((b=t[0])==null?void 0:b.id)),[d,x]=(0,H.useState)({}),g=(0,H.useRef)([]);(0,H.useEffect)(()=>{let f=t.findIndex(M=>M.id===c),k=g.current[f];if(k){let{offsetLeft:M,offsetTop:F,offsetWidth:j,offsetHeight:U}=k;x({left:M,top:F,width:j,height:U,transition:"all 0.3s cubic-bezier(0.4, 0, 0.2, 1)"})}},[c,a,t]);let v={top:"flex-col",bottom:"flex-col-reverse",left:"flex-row",right:"flex-row-reverse"},y={top:"flex-row",bottom:"flex-row",left:"flex-col",right:"flex-col"},u={top:"mt-6",bottom:"mb-6",left:"ml-6",right:"mr-6"},i={primary:{active:"text-secondary-600",inactive:"text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300",disabled:"text-gray-300 dark:text-gray-600 cursor-not-allowed",bg:"bg-secondary-100 dark:bg-secondary-900"},secondary:{active:"text-accent-600",inactive:"text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300",disabled:"text-gray-300 dark:text-gray-600 cursor-not-allowed",bg:"bg-accent-100 dark:bg-accent-900"},accent:{active:"text-gray-800 dark:text-gray-200",inactive:"text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300",disabled:"text-gray-300 dark:text-gray-600 cursor-not-allowed",bg:"bg-gray-100 dark:bg-gray-800"}},m=a==="left"||a==="right";return(0,P.jsxs)("div",{className:o("flex w-full",v[a],n),children:[(0,P.jsxs)("div",{className:o("flex relative bg-gray-50 dark:bg-gray-900 rounded-lg p-1",y[a],m?"min-w-48":"w-full"),children:[(0,P.jsx)("div",{className:o("absolute rounded-md transition-all duration-300 ease-out",i[e].bg,m?"w-full":"h-full"),style:d}),t.map((f,k)=>{let M=c===f.id,F=i[e];return(0,P.jsxs)("button",{ref:j=>{g.current[k]=j},onClick:()=>{f.disabled||(l(f.id),s==null||s(f.id))},disabled:f.disabled,className:o("relative flex items-center justify-center gap-2 px-4 py-3 font-medium","text-sm whitespace-nowrap transition-all duration-200 z-10","focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-blue-500","rounded-md",M?[F.active,"font-semibold"]:[F.inactive,"hover:bg-white/50 dark:hover:bg-gray-800/50"],f.disabled&&F.disabled,m?"w-full justify-start":"flex-1"),children:[f.icon&&(0,P.jsx)("span",{className:o("flex-shrink-0 transition-transform duration-200",M&&"scale-110"),children:f.icon}),(0,P.jsx)("span",{className:"relative z-10",children:f.label})]},f.id)})]}),(0,P.jsx)("div",{className:o("flex-1 overflow-hidden",u[a]),children:(0,P.jsx)("div",{className:"animate-fade-in",children:(N=t.find(f=>f.id===c))==null?void 0:N.content},c)})]})}function me({children:t,className:r}){return(0,P.jsx)("div",{className:o("p-6 rounded-lg bg-white dark:bg-gray-800 shadow-sm border border-gray-200 dark:border-gray-700",r),children:t})}var Te=require("lucide-react");var A=require("react/jsx-runtime"),He={sm:"text-xs px-2 py-0.5",md:"text-sm px-3 py-1",lg:"text-base px-4 py-1.5"},ue={sm:"w-3 h-3",md:"w-4 h-4",lg:"w-5 h-5"},Ve={default:"bg-gray-100 text-gray-800 border border-gray-200 dark:bg-gray-800 dark:text-gray-100 dark:border-gray-700",secondary:"bg-secondary-100 text-secondary-800 border border-secondary-200 dark:bg-secondary-800 dark:text-secondary-50 dark:border-secondary-700",success:"bg-success-100 text-success-800 border border-success-200 dark:bg-success-800 dark:text-success-50 dark:border-success-700",error:"bg-error-100 text-error-800 border border-error-200 dark:bg-error-800 dark:text-error-50 dark:border-error-700",info:"bg-info-100 text-info-800 border border-info-200 dark:bg-info-800 dark:text-info-50 dark:border-info-700",accent:"bg-accent-100 text-accent-800 border border-accent-200 dark:bg-accent-800 dark:text-accent-50 dark:border-accent-700"};function oe({children:t,variant:r="default",size:a="md",icon:e,iconPosition:n="left",closable:s=!1,onClose:c,className:l}){return(0,A.jsxs)("span",{className:o("inline-flex items-center font-medium animate-[fadeIn_0.3s_ease-out] rounded-[7px]",He[a],Ve[r],e&&"gap-1.5",l),children:[e&&n==="left"&&(0,A.jsx)("span",{className:`flex items-center ${o(ue[a])}`,children:e}),(0,A.jsx)("span",{children:t}),e&&n==="right"&&(0,A.jsx)("span",{className:`flex items-center ${o(ue[a])}`,children:e}),s&&(0,A.jsx)("button",{type:"button",onClick:c,className:"ml-1 rounded-full p-0.5 hover:bg-black/10 dark:hover:bg-white/10 transition-colors",children:(0,A.jsx)(Te.X,{className:o(ue[a])})})]})}var Ce=require("react");var V=require("react/jsx-runtime");function se({label:t,placeholder:r,value:a="",onChange:e,required:n=!1,disabled:s=!1,error:c,className:l,rows:d=4}){let[x,g]=(0,Ce.useState)(!1),v=x||a.length>0;return(0,V.jsxs)("div",{className:"relative w-full",children:[t&&(0,V.jsxs)("label",{className:o("absolute left-3 top-2 text-gray-500 dark:text-gray-400 transition-all duration-200 pointer-events-none",v?"text-xs -translate-y-3 bg-white dark:bg-gray-900 px-1":"text-sm translate-y-0"),children:[t,n&&(0,V.jsx)("span",{className:"text-error-500 ml-0.5",children:"*"})]}),(0,V.jsx)("textarea",{rows:d,placeholder:t?void 0:r,value:a,onChange:y=>e==null?void 0:e(y.target.value),onFocus:()=>g(!0),onBlur:()=>g(!1),disabled:s,className:o("w-full rounded-md border border-gray-300 dark:border-gray-700 bg-transparent text-gray-900 dark:text-gray-100 px-3 py-2 outline-none transition-all resize-none","focus:border-primary-500 focus:ring-1 focus:ring-primary-500",s&&"opacity-50 cursor-not-allowed",c&&"border-error-500 focus:ring-error-500 focus:border-error-500",t&&"pt-5",l)}),c&&(0,V.jsx)("p",{className:"mt-1 text-sm text-error-500",children:c})]})}var C=require("lucide-react"),W=require("react");var h=require("react/jsx-runtime");function Re({id:t=Math.random().toString(36),title:r,description:a,type:e="info",duration:n=5e3,position:s="top-right",onClose:c,action:l}){let[d,x]=(0,W.useState)(!1),[g,v]=(0,W.useState)(!1);(0,W.useEffect)(()=>{let f=setTimeout(()=>x(!0),100);if(n!==1/0){let k=setTimeout(()=>y(),n);return()=>{clearTimeout(f),clearTimeout(k)}}return()=>clearTimeout(f)},[n]);let y=()=>{v(!0),setTimeout(()=>{x(!1),c==null||c(t)},300)},u=()=>{l==null||l.onClick(),y()},i={success:(0,h.jsx)(C.CheckCircle2,{className:"w-5 h-5"}),error:(0,h.jsx)(C.XCircle,{className:"w-5 h-5"}),warning:(0,h.jsx)(C.AlertCircle,{className:"w-5 h-5"}),info:(0,h.jsx)(C.Info,{className:"w-5 h-5"}),loading:(0,h.jsx)(C.Loader2,{className:"w-5 h-5 animate-spin"})},m={success:"bg-success-50 border-success-200 text-success-800",error:"bg-error-50 border-error-200 text-error-800",warning:"bg-secondary-50 border-secondary-200 text-secondary-800",info:"bg-info-50 border-info-200 text-info-800",loading:"bg-gray-50 border-gray-200 text-gray-800"},b={success:"text-success-600",error:"text-error-600",warning:"text-secondary-600",info:"text-info-600",loading:"text-gray-600"},N={"top-right":"top-4 right-4","top-left":"top-4 left-4","bottom-right":"bottom-4 right-4","bottom-left":"bottom-4 left-4","top-center":"top-4 left-1/2 -translate-x-1/2","bottom-center":"bottom-4 left-1/2 -translate-x-1/2"};return d?(0,h.jsx)("div",{className:o("fixed z-50 transform transition-all duration-300",N[s],g?"opacity-0 scale-95":"opacity-100 scale-100",s.includes("top")&&!g&&"animate-slide-down",s.includes("bottom")&&!g&&"animate-slide-up"),children:(0,h.jsxs)("div",{className:o("flex items-start gap-3 p-4 rounded-lg border shadow-lg max-w-sm","backdrop-blur-sm bg-white/95",m[e]),children:[(0,h.jsx)("div",{className:o("flex-shrink-0 mt-0.5",b[e]),children:i[e]}),(0,h.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,h.jsx)("h4",{className:"font-semibold text-sm mb-1",children:r}),a&&(0,h.jsx)("p",{className:"text-sm opacity-90",children:a}),l&&(0,h.jsx)("button",{onClick:u,className:"mt-2 text-sm font-medium underline underline-offset-2 hover:no-underline",children:l.label})]}),(0,h.jsx)("button",{onClick:y,className:"flex-shrink-0 p-1 rounded-full hover:bg-black/5 transition-colors",children:(0,h.jsx)(C.X,{className:"w-4 h-4"})})]})}):null}var X=require("react/jsx-runtime");function fe({toasts:t,onRemove:r,position:a="top-right"}){return(0,X.jsx)(X.Fragment,{children:t.map(e=>(0,X.jsx)(Re,{...e,onClose:r,position:a},e.id))})}var K=require("react/jsx-runtime");function ne({content:t,children:r,position:a="top",delay:e=200,className:n}){let s={top:"bottom-full left-1/2 -translate-x-1/2 mb-2",bottom:"top-full left-1/2 -translate-x-1/2 mt-2",left:"right-full top-1/2 -translate-y-1/2 mr-2",right:"left-full top-1/2 -translate-y-1/2 ml-2"},c={top:"left-1/2 -translate-x-1/2 top-full",bottom:"left-1/2 -translate-x-1/2 bottom-full",left:"top-1/2 -translate-y-1/2 left-full",right:"top-1/2 -translate-y-1/2 right-full"};return(0,K.jsxs)("div",{className:"relative inline-block group",children:[r,(0,K.jsxs)("div",{className:o("absolute z-50 whitespace-nowrap rounded-md bg-gray-800 text-white text-xs px-2 py-1 shadow-md dark:bg-gray-900","transition-all opacity-0 scale-95 group-hover:opacity-100 group-hover:scale-100","group-hover:delay-200 duration-200 ease-out",s[a],n),style:{transitionDelay:`${e}ms`},children:[t,(0,K.jsx)("span",{className:o("absolute w-2 h-2 bg-gray-800 dark:bg-gray-900 rotate-45",c[a])})]})]})}var p=require("react/jsx-runtime");function ie({columns:t,data:r,loading:a=!1,variant:e="clean",skeletonRows:n=5,actions:s,noDataText:c}){let[l,d]=(0,le.useState)(null),x=(0,le.useMemo)(()=>!l||!l.direction?r:[...r].sort((i,m)=>{let b=i[l.key],N=m[l.key];return b<N?l.direction==="asc"?-1:1:b>N?l.direction==="asc"?1:-1:0}),[r,l]),g=i=>{i.sortable&&d(m=>!m||m.key!==i.key?{key:i.key,direction:"asc"}:m.direction==="asc"?{key:i.key,direction:"desc"}:m.direction==="desc"?{key:i.key,direction:null}:null)},v=i=>i.sortable?!l||l.key!==i.key||!l.direction?(0,p.jsx)(B.ArrowUpDown,{size:15,className:"opacity-40"}):l.direction==="asc"?(0,p.jsx)(B.ChevronUp,{size:15}):(0,p.jsx)(B.ChevronDown,{size:15}):null,y=o("w-full border-separate border-spacing-0 transition-all duration-300",e==="clean"&&"bg-white",e==="elevated"&&"bg-white  shadow-lg",e==="bordered"&&"border border-secondary-200 rounded-lg"),u=i=>o("bg-secondary-50 text-secondary-800 text-sm font-semibold py-3 px-4 select-none","border-b border-secondary-200 transition-colors",i.align==="center"&&"text-center",i.align==="right"&&"text-right",i.sortable&&"cursor-pointer hover:bg-secondary-100/70");return(0,p.jsxs)("div",{className:"w-full space-y-3",children:[s&&(0,p.jsx)("div",{className:"flex justify-between items-center mb-2",children:s}),(0,p.jsx)("div",{className:"w-full overflow-x-auto rounded-lg",children:(0,p.jsxs)("table",{className:y,children:[(0,p.jsx)("thead",{children:(0,p.jsx)("tr",{children:t.map((i,m)=>(0,p.jsx)("th",{onClick:()=>g(i),className:o(u(i),m===0&&"rounded-tl-lg",m===t.length-1&&"rounded-tr-lg"),style:{width:i.width},children:(0,p.jsxs)("div",{className:"flex items-center justify-between gap-2",children:[(0,p.jsx)("span",{className:"truncate",children:i.title}),v(i)]})},String(i.key)))})}),(0,p.jsx)("tbody",{children:a?Array.from({length:n}).map((i,m)=>(0,p.jsx)("tr",{children:t.map((b,N)=>(0,p.jsx)("td",{className:"px-4 py-3",children:(0,p.jsx)(O,{height:18,variant:"rounded"})},N))},m)):x.map((i,m)=>(0,p.jsx)("tr",{className:o("border-b border-secondary-100  transition-all duration-200"),children:t.map((b,N)=>(0,p.jsx)("td",{className:o("px-4 py-3 text-sm text-gray-800",b.align==="center"&&"text-center",b.align==="right"&&"text-right"),children:b.render?b.render(i[b.key],i):String(i[b.key])},N))},m))})]})}),!a&&x.length===0&&(0,p.jsxs)("div",{className:"flex flex-col items-center justify-center py-10 text-gray-500 dark:text-gray-400 animate-[fadeIn_0.4s_ease-in-out]",children:[(0,p.jsxs)("div",{className:"relative",children:[(0,p.jsx)(B.Box,{size:64,className:"mb-3 text-secondary-400 dark:text-secondary-500 opacity-80 animate-[float_2.5s_ease-in-out_infinite]"}),(0,p.jsx)("div",{className:"absolute inset-0 blur-2xl bg-secondary-200/20 dark:bg-secondary-700/20 rounded-full scale-75 animate-[pulse_3s_ease-in-out_infinite]"})]}),(0,p.jsx)("p",{className:"text-sm font-medium animate-[fadeUp_0.6s_ease-out]",children:c})]})]})}function pe(t,{insertAt:r}={}){if(!t||typeof document>"u")return;let a=document.head||document.getElementsByTagName("head")[0],e=document.createElement("style");e.type="text/css",r==="top"&&a.firstChild?a.insertBefore(e,a.firstChild):a.appendChild(e),e.styleSheet?e.styleSheet.cssText=t:e.appendChild(document.createTextNode(t))}pe(`@import"./tailwind-config.css";*{box-sizing:border-box}html,body{font-family:system-ui,Avenir,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}button{cursor:pointer}a{text-decoration:none;color:inherit}ul,ol{list-style:none;padding:0}input,textarea,button,select{font:inherit;outline:none}
+`);0&&(module.exports={Breadcrumb,Button,Collapse,InputMain,MciTable,Modal,Pagination,Skeleton,TabPanel,Tabs,Tag,Textarea,ToastContainer,Tooltip});
 //# sourceMappingURL=index.cjs.map