@alexourus/ui 0.3.0

package/dist/chunk-PWXNL2BK.mjs

@@ -0,0 +1,291 @@
+import { Separator } from './chunk-6PZRZJKB.mjs';
+import { Label } from './chunk-TLFSZJN5.mjs';
+import { Checkbox } from './chunk-UXNADSIF.mjs';
+import { Input } from './chunk-6KHFGJKO.mjs';
+import { Button } from './chunk-ZOUNOOT4.mjs';
+import { cn } from './chunk-UGOYALE6.mjs';
+import * as React from 'react';
+import { User, Mail, EyeOff, Eye, Lock, Loader2, ArrowRight, ArrowLeft } from 'lucide-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+function AuthCard({
+  defaultMode = "login",
+  logo,
+  showSocial = true,
+  onLogin,
+  onRegister,
+  onForgotPassword,
+  onSocialLogin,
+  className,
+  ...props
+}) {
+  const [mode, setMode] = React.useState(defaultMode);
+  const [showPassword, setShowPassword] = React.useState(false);
+  const [loading, setLoading] = React.useState(false);
+  const [name, setName] = React.useState("");
+  const [email, setEmail] = React.useState("");
+  const [password, setPassword] = React.useState("");
+  const [rememberMe, setRememberMe] = React.useState(false);
+  const [agreedTerms, setAgreedTerms] = React.useState(false);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setLoading(true);
+    try {
+      if (mode === "login") {
+        await onLogin?.({ email, password, rememberMe });
+      } else if (mode === "register") {
+        await onRegister?.({ name, email, password });
+      } else if (mode === "forgot-password") {
+        await onForgotPassword?.(email);
+      }
+    } finally {
+      setLoading(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "w-full max-w-md mx-auto rounded-2xl border border-border/80 bg-card p-6 sm:p-8 shadow-card",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center text-center space-y-2 mb-6", children: [
+          logo && /* @__PURE__ */ jsx("div", { className: "mb-2", children: logo }),
+          /* @__PURE__ */ jsxs("h2", { className: "text-xl font-bold tracking-tight text-foreground", children: [
+            mode === "login" && "Hesab\u0131n\u0131za Giri\u015F Yap\u0131n",
+            mode === "register" && "Yeni Hesap Olu\u015Fturun",
+            mode === "forgot-password" && "\u015Eifrenizi S\u0131f\u0131rlay\u0131n"
+          ] }),
+          /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground max-w-xs", children: [
+            mode === "login" && "Bilgilerinizi girerek y\xF6netim paneline eri\u015Fin.",
+            mode === "register" && "H\u0131zl\u0131ca kaydolun ve hemen kullanmaya ba\u015Flay\u0131n.",
+            mode === "forgot-password" && "E-posta adresinize s\u0131f\u0131rlama ba\u011Flant\u0131s\u0131 g\xF6nderece\u011Fiz."
+          ] })
+        ] }),
+        showSocial && mode !== "forgot-password" && /* @__PURE__ */ jsxs("div", { className: "space-y-3 mb-6", children: [
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2.5", children: [
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                type: "button",
+                variant: "outline",
+                size: "sm",
+                className: "text-xs font-medium rounded-xl h-9 gap-2 border-border/80 hover:bg-muted/50",
+                onClick: () => onSocialLogin?.("github"),
+                children: [
+                  /* @__PURE__ */ jsx("svg", { className: "h-4 w-4 fill-current", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { d: "M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z" }) }),
+                  "GitHub"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                type: "button",
+                variant: "outline",
+                size: "sm",
+                className: "text-xs font-medium rounded-xl h-9 gap-2 border-border/80 hover:bg-muted/50",
+                onClick: () => onSocialLogin?.("google"),
+                children: [
+                  /* @__PURE__ */ jsxs("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", children: [
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        fill: "#4285F4",
+                        d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        fill: "#34A853",
+                        d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        fill: "#FBBC05",
+                        d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.06H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.94l2.85-2.22.81-.63z"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        fill: "#EA4335",
+                        d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.06l3.66 2.84c.87-2.6 3.3-4.52 6.16-4.52z"
+                      }
+                    )
+                  ] }),
+                  "Google"
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "relative flex items-center justify-center my-4", children: [
+            /* @__PURE__ */ jsx(Separator, {}),
+            /* @__PURE__ */ jsx("span", { className: "absolute bg-card px-2 text-[11px] text-muted-foreground", children: "veya e-posta ile" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+          mode === "register" && /* @__PURE__ */ jsxs("div", { className: "space-y-1.5 animate-in fade-in-50 duration-200", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "auth-name", className: "text-xs", children: "Ad Soyad" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "auth-name",
+                placeholder: "Alexourus",
+                leftIcon: /* @__PURE__ */ jsx(User, { className: "h-4 w-4" }),
+                value: name,
+                onChange: (e) => setName(e.target.value),
+                required: true,
+                className: "h-9 text-xs rounded-xl"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "auth-email", className: "text-xs", children: "E-posta Adresi" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "auth-email",
+                type: "email",
+                placeholder: "ornek@alanadi.com",
+                leftIcon: /* @__PURE__ */ jsx(Mail, { className: "h-4 w-4" }),
+                value: email,
+                onChange: (e) => setEmail(e.target.value),
+                required: true,
+                className: "h-9 text-xs rounded-xl"
+              }
+            )
+          ] }),
+          mode !== "forgot-password" && /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: "auth-pass", className: "text-xs", children: "\u015Eifre" }),
+              mode === "login" && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setMode("forgot-password"),
+                  className: "text-[11px] text-primary hover:underline cursor-pointer",
+                  children: "\u015Eifremi unuttum"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "auth-pass",
+                type: showPassword ? "text" : "password",
+                placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
+                leftIcon: /* @__PURE__ */ jsx(Lock, { className: "h-4 w-4" }),
+                rightIcon: /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setShowPassword((p) => !p),
+                    className: "text-muted-foreground hover:text-foreground pointer-events-auto cursor-pointer p-0.5",
+                    "aria-label": showPassword ? "\u015Eifreyi gizle" : "\u015Eifreyi g\xF6ster",
+                    children: showPassword ? /* @__PURE__ */ jsx(EyeOff, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(Eye, { className: "h-4 w-4" })
+                  }
+                ),
+                value: password,
+                onChange: (e) => setPassword(e.target.value),
+                required: true,
+                className: "h-9 text-xs rounded-xl"
+              }
+            )
+          ] }),
+          mode === "login" && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 pt-1", children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                id: "remember-me",
+                checked: rememberMe,
+                onCheckedChange: (checked) => setRememberMe(!!checked)
+              }
+            ),
+            /* @__PURE__ */ jsx(Label, { htmlFor: "remember-me", className: "text-xs cursor-pointer text-muted-foreground", children: "Beni hat\u0131rla" })
+          ] }),
+          mode === "register" && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 pt-1", children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                id: "terms-agree",
+                checked: agreedTerms,
+                onCheckedChange: (checked) => setAgreedTerms(!!checked),
+                required: true
+              }
+            ),
+            /* @__PURE__ */ jsx(Label, { htmlFor: "terms-agree", className: "text-xs cursor-pointer text-muted-foreground", children: "Kullan\u0131m \u015Fartlar\u0131n\u0131 ve gizlilik politikas\u0131n\u0131 onayl\u0131yorum" })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "submit",
+              disabled: loading,
+              className: "w-full text-xs font-semibold rounded-xl h-9 gap-1.5 mt-2",
+              children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }),
+                /* @__PURE__ */ jsx("span", { children: "\u0130\u015Fleniyor..." })
+              ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsxs("span", { children: [
+                  mode === "login" && "Giri\u015F Yap",
+                  mode === "register" && "Hesap Olu\u015Ftur",
+                  mode === "forgot-password" && "S\u0131f\u0131rlama Ba\u011Flant\u0131s\u0131 G\xF6nder"
+                ] }),
+                /* @__PURE__ */ jsx(ArrowRight, { className: "h-3.5 w-3.5" })
+              ] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-6 pt-4 border-t border-border/60 text-center text-xs text-muted-foreground", children: [
+          mode === "login" && /* @__PURE__ */ jsxs("p", { children: [
+            "Hesab\u0131n\u0131z yok mu?",
+            " ",
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => setMode("register"),
+                className: "font-semibold text-foreground hover:underline",
+                children: "Hemen Kaydolun"
+              }
+            )
+          ] }),
+          mode === "register" && /* @__PURE__ */ jsxs("p", { children: [
+            "Zaten hesab\u0131n\u0131z var m\u0131?",
+            " ",
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => setMode("login"),
+                className: "font-semibold text-foreground hover:underline",
+                children: "Giri\u015F Yap\u0131n"
+              }
+            )
+          ] }),
+          mode === "forgot-password" && /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => setMode("login"),
+              className: "inline-flex items-center gap-1.5 font-medium text-foreground hover:underline",
+              children: [
+                /* @__PURE__ */ jsx(ArrowLeft, { className: "h-3 w-3" }),
+                "Giri\u015F sayfas\u0131na d\xF6n"
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+export { AuthCard };
+//# sourceMappingURL=chunk-PWXNL2BK.mjs.map
+//# sourceMappingURL=chunk-PWXNL2BK.mjs.map

package/dist/chunk-PWXNL2BK.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/blocks/auth-card/index.tsx"],"names":[],"mappings":"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","file":"chunk-PWXNL2BK.mjs","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Mail, Lock, User, Eye, EyeOff, ArrowRight, Loader2, ArrowLeft } from \"lucide-react\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../../components/button\";\nimport { Input } from \"../../components/input\";\nimport { Label } from \"../../components/label\";\nimport { Checkbox } from \"../../components/checkbox\";\nimport { Separator } from \"../../components/separator\";\n\nexport interface AuthCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onError\"> {\n  defaultMode?: \"login\" | \"register\" | \"forgot-password\";\n  logo?: React.ReactNode;\n  title?: string;\n  showSocial?: boolean;\n  onLogin?: (data: { email: string; password?: string; rememberMe?: boolean }) => Promise<void> | void;\n  onRegister?: (data: { name?: string; email: string; password?: string }) => Promise<void> | void;\n  onForgotPassword?: (email: string) => Promise<void> | void;\n  onSocialLogin?: (provider: \"github\" | \"google\") => void;\n}\n\nexport function AuthCard({\n  defaultMode = \"login\",\n  logo,\n  showSocial = true,\n  onLogin,\n  onRegister,\n  onForgotPassword,\n  onSocialLogin,\n  className,\n  ...props\n}: AuthCardProps) {\n  const [mode, setMode] = React.useState<\"login\" | \"register\" | \"forgot-password\">(defaultMode);\n  const [showPassword, setShowPassword] = React.useState(false);\n  const [loading, setLoading] = React.useState(false);\n\n  const [name, setName] = React.useState(\"\");\n  const [email, setEmail] = React.useState(\"\");\n  const [password, setPassword] = React.useState(\"\");\n  const [rememberMe, setRememberMe] = React.useState(false);\n  const [agreedTerms, setAgreedTerms] = React.useState(false);\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setLoading(true);\n    try {\n      if (mode === \"login\") {\n        await onLogin?.({ email, password, rememberMe });\n      } else if (mode === \"register\") {\n        await onRegister?.({ name, email, password });\n      } else if (mode === \"forgot-password\") {\n        await onForgotPassword?.(email);\n      }\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return (\n    <div\n      className={cn(\n        \"w-full max-w-md mx-auto rounded-2xl border border-border/80 bg-card p-6 sm:p-8 shadow-card\",\n        className\n      )}\n      {...props}\n    >\n      {/* Header */}\n      <div className=\"flex flex-col items-center text-center space-y-2 mb-6\">\n        {logo && <div className=\"mb-2\">{logo}</div>}\n        <h2 className=\"text-xl font-bold tracking-tight text-foreground\">\n          {mode === \"login\" && \"Hesabınıza Giriş Yapın\"}\n          {mode === \"register\" && \"Yeni Hesap Oluşturun\"}\n          {mode === \"forgot-password\" && \"Şifrenizi Sıfırlayın\"}\n        </h2>\n        <p className=\"text-xs text-muted-foreground max-w-xs\">\n          {mode === \"login\" && \"Bilgilerinizi girerek yönetim paneline erişin.\"}\n          {mode === \"register\" && \"Hızlıca kaydolun ve hemen kullanmaya başlayın.\"}\n          {mode === \"forgot-password\" && \"E-posta adresinize sıfırlama bağlantısı göndereceğiz.\"}\n        </p>\n      </div>\n\n      {/* Social Login Buttons */}\n      {showSocial && mode !== \"forgot-password\" && (\n        <div className=\"space-y-3 mb-6\">\n          <div className=\"grid grid-cols-2 gap-2.5\">\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              className=\"text-xs font-medium rounded-xl h-9 gap-2 border-border/80 hover:bg-muted/50\"\n              onClick={() => onSocialLogin?.(\"github\")}\n            >\n              <svg className=\"h-4 w-4 fill-current\" viewBox=\"0 0 24 24\">\n                <path d=\"M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z\" />\n              </svg>\n              GitHub\n            </Button>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              className=\"text-xs font-medium rounded-xl h-9 gap-2 border-border/80 hover:bg-muted/50\"\n              onClick={() => onSocialLogin?.(\"google\")}\n            >\n              <svg className=\"h-4 w-4\" viewBox=\"0 0 24 24\">\n                <path\n                  fill=\"#4285F4\"\n                  d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\"\n                />\n                <path\n                  fill=\"#34A853\"\n                  d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\"\n                />\n                <path\n                  fill=\"#FBBC05\"\n                  d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.06H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.94l2.85-2.22.81-.63z\"\n                />\n                <path\n                  fill=\"#EA4335\"\n                  d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.06l3.66 2.84c.87-2.6 3.3-4.52 6.16-4.52z\"\n                />\n              </svg>\n              Google\n            </Button>\n          </div>\n\n          <div className=\"relative flex items-center justify-center my-4\">\n            <Separator />\n            <span className=\"absolute bg-card px-2 text-[11px] text-muted-foreground\">\n              veya e-posta ile\n            </span>\n          </div>\n        </div>\n      )}\n\n      {/* Main Form */}\n      <form onSubmit={handleSubmit} className=\"space-y-4\">\n        {/* Full Name Field (Register Mode) */}\n        {mode === \"register\" && (\n          <div className=\"space-y-1.5 animate-in fade-in-50 duration-200\">\n            <Label htmlFor=\"auth-name\" className=\"text-xs\">\n              Ad Soyad\n            </Label>\n            <Input\n              id=\"auth-name\"\n              placeholder=\"Alexourus\"\n              leftIcon={<User className=\"h-4 w-4\" />}\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n              required\n              className=\"h-9 text-xs rounded-xl\"\n            />\n          </div>\n        )}\n\n        {/* Email Field */}\n        <div className=\"space-y-1.5\">\n          <Label htmlFor=\"auth-email\" className=\"text-xs\">\n            E-posta Adresi\n          </Label>\n          <Input\n            id=\"auth-email\"\n            type=\"email\"\n            placeholder=\"ornek@alanadi.com\"\n            leftIcon={<Mail className=\"h-4 w-4\" />}\n            value={email}\n            onChange={(e) => setEmail(e.target.value)}\n            required\n            className=\"h-9 text-xs rounded-xl\"\n          />\n        </div>\n\n        {/* Password Field (Login & Register Modes) */}\n        {mode !== \"forgot-password\" && (\n          <div className=\"space-y-1.5\">\n            <div className=\"flex items-center justify-between\">\n              <Label htmlFor=\"auth-pass\" className=\"text-xs\">\n                Şifre\n              </Label>\n              {mode === \"login\" && (\n                <button\n                  type=\"button\"\n                  onClick={() => setMode(\"forgot-password\")}\n                  className=\"text-[11px] text-primary hover:underline cursor-pointer\"\n                >\n                  Şifremi unuttum\n                </button>\n              )}\n            </div>\n            <Input\n              id=\"auth-pass\"\n              type={showPassword ? \"text\" : \"password\"}\n              placeholder=\"••••••••\"\n              leftIcon={<Lock className=\"h-4 w-4\" />}\n              rightIcon={\n                <button\n                  type=\"button\"\n                  onClick={() => setShowPassword((p) => !p)}\n                  className=\"text-muted-foreground hover:text-foreground pointer-events-auto cursor-pointer p-0.5\"\n                  aria-label={showPassword ? \"Şifreyi gizle\" : \"Şifreyi göster\"}\n                >\n                  {showPassword ? <EyeOff className=\"h-4 w-4\" /> : <Eye className=\"h-4 w-4\" />}\n                </button>\n              }\n              value={password}\n              onChange={(e) => setPassword(e.target.value)}\n              required\n              className=\"h-9 text-xs rounded-xl\"\n            />\n          </div>\n        )}\n\n        {/* Remember Me / Terms Checkboxes */}\n        {mode === \"login\" && (\n          <div className=\"flex items-center gap-2 pt-1\">\n            <Checkbox\n              id=\"remember-me\"\n              checked={rememberMe}\n              onCheckedChange={(checked) => setRememberMe(!!checked)}\n            />\n            <Label htmlFor=\"remember-me\" className=\"text-xs cursor-pointer text-muted-foreground\">\n              Beni hatırla\n            </Label>\n          </div>\n        )}\n\n        {mode === \"register\" && (\n          <div className=\"flex items-center gap-2 pt-1\">\n            <Checkbox\n              id=\"terms-agree\"\n              checked={agreedTerms}\n              onCheckedChange={(checked) => setAgreedTerms(!!checked)}\n              required\n            />\n            <Label htmlFor=\"terms-agree\" className=\"text-xs cursor-pointer text-muted-foreground\">\n              Kullanım şartlarını ve gizlilik politikasını onaylıyorum\n            </Label>\n          </div>\n        )}\n\n        {/* Submit Button */}\n        <Button\n          type=\"submit\"\n          disabled={loading}\n          className=\"w-full text-xs font-semibold rounded-xl h-9 gap-1.5 mt-2\"\n        >\n          {loading ? (\n            <>\n              <Loader2 className=\"h-3.5 w-3.5 animate-spin\" />\n              <span>İşleniyor...</span>\n            </>\n          ) : (\n            <>\n              <span>\n                {mode === \"login\" && \"Giriş Yap\"}\n                {mode === \"register\" && \"Hesap Oluştur\"}\n                {mode === \"forgot-password\" && \"Sıfırlama Bağlantısı Gönder\"}\n              </span>\n              <ArrowRight className=\"h-3.5 w-3.5\" />\n            </>\n          )}\n        </Button>\n      </form>\n\n      {/* Footer Navigation */}\n      <div className=\"mt-6 pt-4 border-t border-border/60 text-center text-xs text-muted-foreground\">\n        {mode === \"login\" && (\n          <p>\n            Hesabınız yok mu?{\" \"}\n            <button\n              type=\"button\"\n              onClick={() => setMode(\"register\")}\n              className=\"font-semibold text-foreground hover:underline\"\n            >\n              Hemen Kaydolun\n            </button>\n          </p>\n        )}\n        {mode === \"register\" && (\n          <p>\n            Zaten hesabınız var mı?{\" \"}\n            <button\n              type=\"button\"\n              onClick={() => setMode(\"login\")}\n              className=\"font-semibold text-foreground hover:underline\"\n            >\n              Giriş Yapın\n            </button>\n          </p>\n        )}\n        {mode === \"forgot-password\" && (\n          <button\n            type=\"button\"\n            onClick={() => setMode(\"login\")}\n            className=\"inline-flex items-center gap-1.5 font-medium text-foreground hover:underline\"\n          >\n            <ArrowLeft className=\"h-3 w-3\" />\n            Giriş sayfasına dön\n          </button>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/chunk-PYCBM7ZF.js

@@ -0,0 +1,92 @@
+'use strict';
+
+var chunkCRTXVH5I_js = require('./chunk-CRTXVH5I.js');
+var React = require('react');
+var reactSlot = require('@radix-ui/react-slot');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var buttonVariants = classVarianceAuthority.cva(
+  // Temel stiller
+  [
+    "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium",
+    "transition-colors duration-150",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90 active:bg-primary/80",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 active:bg-destructive/80",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground active:bg-accent/80",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 active:bg-secondary/70",
+        ghost: "hover:bg-accent hover:text-accent-foreground active:bg-accent/80",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-md px-3 text-xs",
+        lg: "h-11 rounded-md px-8 text-base",
+        icon: "h-9 w-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React__namespace.forwardRef(
+  ({ className, variant, size, asChild = false, loading = false, children, disabled, ...props }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "button";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Comp,
+      {
+        className: chunkCRTXVH5I_js.cn(buttonVariants({ variant, size, className })),
+        ref,
+        disabled: disabled || loading,
+        "aria-disabled": disabled || loading,
+        ...props,
+        children: loading ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: "size-4 animate-spin rounded-full border-2 border-current border-t-transparent",
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Y\xFCkleniyor..." }),
+          children
+        ] }) : children
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+exports.Button = Button;
+exports.buttonVariants = buttonVariants;
+//# sourceMappingURL=chunk-PYCBM7ZF.js.map
+//# sourceMappingURL=chunk-PYCBM7ZF.js.map

package/dist/chunk-PYCBM7ZF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/button/index.tsx"],"names":["cva","React","Slot","jsx","cn","jsxs","Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAM,cAAA,GAAiBA,0BAAA;AAAA;AAAA,EAErB;AAAA,IACE,gGAAA;AAAA,IACA,gCAAA;AAAA,IACA,qGAAA;AAAA,IACA,kDAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EACE,6EAAA;AAAA,QACF,WAAA,EACE,6FAAA;AAAA,QACF,OAAA,EACE,oGAAA;AAAA,QACF,SAAA,EACE,qFAAA;AAAA,QACF,KAAA,EACE,kEAAA;AAAA,QACF,IAAA,EAAM;AAAA,OACR;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS,eAAA;AAAA,QACT,EAAA,EAAI,6BAAA;AAAA,QACJ,EAAA,EAAI,gCAAA;AAAA,QACJ,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAWA,IAAM,MAAA,GAAeC,gBAAA,CAAA,UAAA;AAAA,EACnB,CACE,EAAE,SAAA,EAAW,OAAA,EAAS,MAAM,OAAA,GAAU,KAAA,EAAO,OAAA,GAAU,KAAA,EAAO,QAAA,EAAU,QAAA,EAAU,GAAG,KAAA,IACrF,GAAA,KACG;AACH,IAAA,MAAM,IAAA,GAAO,UAAUC,cAAA,GAAO,QAAA;AAC9B,IAAA,uBACEC,cAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWC,oBAAG,cAAA,CAAe,EAAE,SAAS,IAAA,EAAM,SAAA,EAAW,CAAC,CAAA;AAAA,QAC1D,GAAA;AAAA,QACA,UAAU,QAAA,IAAY,OAAA;AAAA,QACtB,iBAAe,QAAA,IAAY,OAAA;AAAA,QAC1B,GAAG,KAAA;AAAA,QAEH,oCACCC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAAH,cAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,+EAAA;AAAA,cACV,aAAA,EAAY;AAAA;AAAA,WACd;AAAA,0BACAA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,kBAAA,EAAa,CAAA;AAAA,UACtC;AAAA,SAAA,EACH,CAAA,GAEA;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-PYCBM7ZF.js","sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../lib/utils\";\n\nconst buttonVariants = cva(\n  // Temel stiller\n  [\n    \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium\",\n    \"transition-colors duration-150\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n    \"disabled:pointer-events-none disabled:opacity-50\",\n    \"[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n  ],\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-primary text-primary-foreground hover:bg-primary/90 active:bg-primary/80\",\n        destructive:\n          \"bg-destructive text-destructive-foreground hover:bg-destructive/90 active:bg-destructive/80\",\n        outline:\n          \"border border-input bg-background hover:bg-accent hover:text-accent-foreground active:bg-accent/80\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80 active:bg-secondary/70\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground active:bg-accent/80\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2\",\n        sm: \"h-8 rounded-md px-3 text-xs\",\n        lg: \"h-11 rounded-md px-8 text-base\",\n        icon: \"h-9 w-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n);\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  /** Radix Slot ile çalışarak çocuk bileşeni button gibi davrandırır */\n  asChild?: boolean;\n  /** Yüklenme durumu — spinner gösterir ve butonu devre dışı bırakır */\n  loading?: boolean;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    { className, variant, size, asChild = false, loading = false, children, disabled, ...props },\n    ref\n  ) => {\n    const Comp = asChild ? Slot : \"button\";\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        disabled={disabled || loading}\n        aria-disabled={disabled || loading}\n        {...props}\n      >\n        {loading ? (\n          <>\n            <span\n              className=\"size-4 animate-spin rounded-full border-2 border-current border-t-transparent\"\n              aria-hidden=\"true\"\n            />\n            <span className=\"sr-only\">Yükleniyor...</span>\n            {children}\n          </>\n        ) : (\n          children\n        )}\n      </Comp>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n\nexport { Button, buttonVariants };\n"]}

package/dist/chunk-Q2PPWNO3.js

@@ -0,0 +1,51 @@
+'use strict';
+
+var chunkCRTXVH5I_js = require('./chunk-CRTXVH5I.js');
+var React = require('react');
+var ProgressPrimitive = require('@radix-ui/react-progress');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimitive);
+
+var Progress = React__namespace.forwardRef(({ className, value = 0, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  ProgressPrimitive__namespace.Root,
+  {
+    ref,
+    className: chunkCRTXVH5I_js.cn(
+      "relative h-2 w-full overflow-hidden rounded-full bg-secondary",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      ProgressPrimitive__namespace.Indicator,
+      {
+        className: "h-full w-full flex-1 bg-primary transition-all duration-500 ease-in-out",
+        style: { transform: `translateX(-${100 - (value ?? 0)}%)` }
+      }
+    )
+  }
+));
+Progress.displayName = ProgressPrimitive__namespace.Root.displayName;
+
+exports.Progress = Progress;
+//# sourceMappingURL=chunk-Q2PPWNO3.js.map
+//# sourceMappingURL=chunk-Q2PPWNO3.js.map

package/dist/chunk-Q2PPWNO3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/progress/index.tsx"],"names":["React","jsx","ProgressPrimitive","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAM,QAAA,GAAiBA,gBAAA,CAAA,UAAA,CAGrB,CAAC,EAAE,SAAA,EAAW,QAAQ,CAAA,EAAG,GAAG,KAAA,EAAM,EAAG,GAAA,qBACrCC,cAAA;AAAA,EAAmBC,4BAAA,CAAA,IAAA;AAAA,EAAlB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAWC,mBAAA;AAAA,MACT,+DAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,kBAAAF,cAAA;AAAA,MAAmBC,4BAAA,CAAA,SAAA;AAAA,MAAlB;AAAA,QACC,SAAA,EAAU,yEAAA;AAAA,QACV,OAAO,EAAE,SAAA,EAAW,eAAe,GAAA,IAAO,KAAA,IAAS,EAAE,CAAA,EAAA,CAAA;AAAK;AAAA;AAC5D;AACF,CACD;AACD,QAAA,CAAS,cAAgCA,4BAAA,CAAA,IAAA,CAAK,WAAA","file":"chunk-Q2PPWNO3.js","sourcesContent":["import * as React from \"react\";\nimport * as ProgressPrimitive from \"@radix-ui/react-progress\";\nimport { cn } from \"../../lib/utils\";\n\nexport interface ProgressProps\n  extends React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> {\n  /** İlerleme değeri (0-100) */\n  value?: number;\n}\n\nconst Progress = React.forwardRef<\n  React.ElementRef<typeof ProgressPrimitive.Root>,\n  ProgressProps\n>(({ className, value = 0, ...props }, ref) => (\n  <ProgressPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"relative h-2 w-full overflow-hidden rounded-full bg-secondary\",\n      className\n    )}\n    {...props}\n  >\n    <ProgressPrimitive.Indicator\n      className=\"h-full w-full flex-1 bg-primary transition-all duration-500 ease-in-out\"\n      style={{ transform: `translateX(-${100 - (value ?? 0)}%)` }}\n    />\n  </ProgressPrimitive.Root>\n));\nProgress.displayName = ProgressPrimitive.Root.displayName;\n\nexport { Progress };\n"]}

package/dist/chunk-Q3M5OSTZ.js

@@ -0,0 +1,134 @@
+'use strict';
+
+var chunkCRTXVH5I_js = require('./chunk-CRTXVH5I.js');
+var React = require('react');
+var DialogPrimitive = require('@radix-ui/react-dialog');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
+
+var Dialog = DialogPrimitive__namespace.Root;
+var DialogTrigger = DialogPrimitive__namespace.Trigger;
+var DialogPortal = DialogPrimitive__namespace.Portal;
+var DialogClose = DialogPrimitive__namespace.Close;
+var DialogOverlay = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DialogPrimitive__namespace.Overlay,
+  {
+    ref,
+    className: chunkCRTXVH5I_js.cn(
+      "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
+      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props
+  }
+));
+DialogOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
+var DialogContent = React__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
+  /* @__PURE__ */ jsxRuntime.jsxs(
+    DialogPrimitive__namespace.Content,
+    {
+      ref,
+      className: chunkCRTXVH5I_js.cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4",
+        "border border-border bg-background p-6 shadow-overlay duration-200 sm:rounded-lg",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          DialogPrimitive__namespace.Close,
+          {
+            className: chunkCRTXVH5I_js.cn(
+              "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background",
+              "transition-opacity hover:opacity-100",
+              "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+              "disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Kapat" })
+            ]
+          }
+        )
+      ]
+    }
+  )
+] }));
+DialogContent.displayName = DialogPrimitive__namespace.Content.displayName;
+var DialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    className: chunkCRTXVH5I_js.cn("flex flex-col space-y-1.5 text-center sm:text-left", className),
+    ...props
+  }
+);
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    className: chunkCRTXVH5I_js.cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
+    ...props
+  }
+);
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DialogPrimitive__namespace.Title,
+  {
+    ref,
+    className: chunkCRTXVH5I_js.cn("text-lg font-semibold leading-none tracking-tight", className),
+    ...props
+  }
+));
+DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
+var DialogDescription = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DialogPrimitive__namespace.Description,
+  {
+    ref,
+    className: chunkCRTXVH5I_js.cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+DialogDescription.displayName = DialogPrimitive__namespace.Description.displayName;
+
+exports.Dialog = Dialog;
+exports.DialogClose = DialogClose;
+exports.DialogContent = DialogContent;
+exports.DialogDescription = DialogDescription;
+exports.DialogFooter = DialogFooter;
+exports.DialogHeader = DialogHeader;
+exports.DialogOverlay = DialogOverlay;
+exports.DialogPortal = DialogPortal;
+exports.DialogTitle = DialogTitle;
+exports.DialogTrigger = DialogTrigger;
+//# sourceMappingURL=chunk-Q3M5OSTZ.js.map
+//# sourceMappingURL=chunk-Q3M5OSTZ.js.map

package/dist/chunk-Q3M5OSTZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/dialog/index.tsx"],"names":["DialogPrimitive","React","jsx","cn","jsxs","X"],"mappings":"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","file":"chunk-Q3M5OSTZ.js","sourcesContent":["import * as React from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { X } from \"lucide-react\";\nimport { cn } from \"../../lib/utils\";\n\nconst Dialog = DialogPrimitive.Root;\nconst DialogTrigger = DialogPrimitive.Trigger;\nconst DialogPortal = DialogPrimitive.Portal;\nconst DialogClose = DialogPrimitive.Close;\n\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      \"fixed inset-0 z-50 bg-black/50 backdrop-blur-sm\",\n      \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n      className\n    )}\n    {...props}\n  />\n));\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <DialogPortal>\n    <DialogOverlay />\n    <DialogPrimitive.Content\n      ref={ref}\n      className={cn(\n        \"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4\",\n        \"border border-border bg-background p-6 shadow-overlay duration-200 sm:rounded-lg\",\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <DialogPrimitive.Close\n        className={cn(\n          \"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background\",\n          \"transition-opacity hover:opacity-100\",\n          \"focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2\",\n          \"disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground\"\n        )}\n      >\n        <X className=\"h-4 w-4\" />\n        <span className=\"sr-only\">Kapat</span>\n      </DialogPrimitive.Close>\n    </DialogPrimitive.Content>\n  </DialogPortal>\n));\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\"flex flex-col space-y-1.5 text-center sm:text-left\", className)}\n    {...props}\n  />\n);\nDialogHeader.displayName = \"DialogHeader\";\n\nconst DialogFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\", className)}\n    {...props}\n  />\n);\nDialogFooter.displayName = \"DialogFooter\";\n\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn(\"text-lg font-semibold leading-none tracking-tight\", className)}\n    {...props}\n  />\n));\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    className={cn(\"text-sm text-muted-foreground\", className)}\n    {...props}\n  />\n));\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogClose,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n};\n"]}