@alexourus/ui 0.3.0

package/dist/chunk-AJKFRN2S.js

@@ -0,0 +1,75 @@
+'use strict';
+
+var chunkCRTXVH5I_js = require('./chunk-CRTXVH5I.js');
+var React = require('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 Input = React__namespace.forwardRef(
+  ({ className, type, leftIcon, rightIcon, error, label, hint, id, ...props }, ref) => {
+    const generatedId = React__namespace.useId();
+    const inputId = id ?? generatedId;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full space-y-1.5", children: [
+      label && /* @__PURE__ */ jsxRuntime.jsx(
+        "label",
+        {
+          htmlFor: inputId,
+          className: "text-sm font-medium leading-none text-foreground",
+          children: label
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex items-center", children: [
+        leftIcon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-3 z-10 pointer-events-none flex items-center justify-center text-muted-foreground [&_svg]:h-4 [&_svg]:w-4 shrink-0", children: leftIcon }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            id: inputId,
+            type,
+            ref,
+            "aria-invalid": !!error,
+            "aria-describedby": error ? `${inputId}-error` : hint ? `${inputId}-hint` : void 0,
+            className: chunkCRTXVH5I_js.cn(
+              "flex h-9 w-full rounded-md border border-input bg-background px-3 py-1 text-sm",
+              "text-foreground placeholder:text-muted-foreground",
+              "transition-colors duration-150",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+              "disabled:cursor-not-allowed disabled:opacity-50",
+              leftIcon && "!pl-9",
+              rightIcon && "!pr-9",
+              error && "border-destructive focus-visible:ring-destructive",
+              className
+            ),
+            ...props
+          }
+        ),
+        rightIcon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-3 z-10 flex items-center justify-center text-muted-foreground [&_svg]:h-4 [&_svg]:w-4 shrink-0", children: rightIcon })
+      ] }),
+      error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: `${inputId}-error`, className: "text-xs text-destructive", role: "alert", children: error }),
+      hint && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: `${inputId}-hint`, className: "text-xs text-muted-foreground", children: hint })
+    ] });
+  }
+);
+Input.displayName = "Input";
+
+exports.Input = Input;
+//# sourceMappingURL=chunk-AJKFRN2S.js.map
+//# sourceMappingURL=chunk-AJKFRN2S.js.map

package/dist/chunk-AJKFRN2S.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/input/index.tsx"],"names":["React","jsxs","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAM,KAAA,GAAcA,gBAAA,CAAA,UAAA;AAAA,EAClB,CAAC,EAAE,SAAA,EAAW,IAAA,EAAM,QAAA,EAAU,SAAA,EAAW,KAAA,EAAO,KAAA,EAAO,IAAA,EAAM,EAAA,EAAI,GAAG,KAAA,IAAS,GAAA,KAAQ;AACnF,IAAA,MAAM,cAAoBA,gBAAA,CAAA,KAAA,EAAM;AAChC,IAAA,MAAM,UAAU,EAAA,IAAM,WAAA;AAEtB,IAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oBAAA,EACZ,QAAA,EAAA;AAAA,MAAA,KAAA,oBACCC,cAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAS,OAAA;AAAA,UACT,SAAA,EAAU,kDAAA;AAAA,UAET,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,sBAEFD,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4BAAA,EACZ,QAAA,EAAA;AAAA,QAAA,QAAA,oBACCC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kIAAA,EACZ,QAAA,EAAA,QAAA,EACH,CAAA;AAAA,wBAEFA,cAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAI,OAAA;AAAA,YACJ,IAAA;AAAA,YACA,GAAA;AAAA,YACA,cAAA,EAAc,CAAC,CAAC,KAAA;AAAA,YAChB,kBAAA,EACE,QAAQ,CAAA,EAAG,OAAO,WAAW,IAAA,GAAO,CAAA,EAAG,OAAO,CAAA,KAAA,CAAA,GAAU,MAAA;AAAA,YAE1D,SAAA,EAAWC,mBAAA;AAAA,cACT,gFAAA;AAAA,cACA,mDAAA;AAAA,cACA,gCAAA;AAAA,cACA,qGAAA;AAAA,cACA,iDAAA;AAAA,cACA,QAAA,IAAY,OAAA;AAAA,cACZ,SAAA,IAAa,OAAA;AAAA,cACb,KAAA,IAAS,mDAAA;AAAA,cACT;AAAA,aACF;AAAA,YACC,GAAG;AAAA;AAAA,SACN;AAAA,QACC,SAAA,oBACCD,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iHACZ,QAAA,EAAA,SAAA,EACH;AAAA,OAAA,EAEJ,CAAA;AAAA,MACC,KAAA,oBACCA,cAAA,CAAC,GAAA,EAAA,EAAE,EAAA,EAAI,CAAA,EAAG,OAAO,CAAA,MAAA,CAAA,EAAU,SAAA,EAAU,0BAAA,EAA2B,IAAA,EAAK,OAAA,EAClE,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,MAED,IAAA,IAAQ,CAAC,KAAA,oBACRA,cAAA,CAAC,GAAA,EAAA,EAAE,EAAA,EAAI,CAAA,EAAG,OAAO,CAAA,KAAA,CAAA,EAAS,SAAA,EAAU,+BAAA,EACjC,QAAA,EAAA,IAAA,EACH;AAAA,KAAA,EAEJ,CAAA;AAAA,EAEJ;AACF;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-AJKFRN2S.js","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../lib/utils\";\n\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  /** Sol taraf ikon veya element */\n  leftIcon?: React.ReactNode;\n  /** Sağ taraf ikon veya element */\n  rightIcon?: React.ReactNode;\n  /** Hata mesajı */\n  error?: string;\n  /** Label metni */\n  label?: string;\n  /** Yardımcı metin */\n  hint?: string;\n}\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type, leftIcon, rightIcon, error, label, hint, id, ...props }, ref) => {\n    const generatedId = React.useId();\n    const inputId = id ?? generatedId;\n\n    return (\n      <div className=\"w-full space-y-1.5\">\n        {label && (\n          <label\n            htmlFor={inputId}\n            className=\"text-sm font-medium leading-none text-foreground\"\n          >\n            {label}\n          </label>\n        )}\n        <div className=\"relative flex items-center\">\n          {leftIcon && (\n            <div className=\"absolute left-3 z-10 pointer-events-none flex items-center justify-center text-muted-foreground [&_svg]:h-4 [&_svg]:w-4 shrink-0\">\n              {leftIcon}\n            </div>\n          )}\n          <input\n            id={inputId}\n            type={type}\n            ref={ref}\n            aria-invalid={!!error}\n            aria-describedby={\n              error ? `${inputId}-error` : hint ? `${inputId}-hint` : undefined\n            }\n            className={cn(\n              \"flex h-9 w-full rounded-md border border-input bg-background px-3 py-1 text-sm\",\n              \"text-foreground placeholder:text-muted-foreground\",\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:cursor-not-allowed disabled:opacity-50\",\n              leftIcon && \"!pl-9\",\n              rightIcon && \"!pr-9\",\n              error && \"border-destructive focus-visible:ring-destructive\",\n              className\n            )}\n            {...props}\n          />\n          {rightIcon && (\n            <div className=\"absolute right-3 z-10 flex items-center justify-center text-muted-foreground [&_svg]:h-4 [&_svg]:w-4 shrink-0\">\n              {rightIcon}\n            </div>\n          )}\n        </div>\n        {error && (\n          <p id={`${inputId}-error`} className=\"text-xs text-destructive\" role=\"alert\">\n            {error}\n          </p>\n        )}\n        {hint && !error && (\n          <p id={`${inputId}-hint`} className=\"text-xs text-muted-foreground\">\n            {hint}\n          </p>\n        )}\n      </div>\n    );\n  }\n);\n\nInput.displayName = \"Input\";\n\nexport { Input };\n"]}

package/dist/chunk-ATUA2ZTW.mjs

@@ -0,0 +1,43 @@
+import { toggleVariants } from './chunk-AHSY7OBX.mjs';
+import { cn } from './chunk-UGOYALE6.mjs';
+import * as React from 'react';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import { jsx } from 'react/jsx-runtime';
+
+var ToggleGroupContext = React.createContext({
+  size: "default",
+  variant: "default"
+});
+var ToggleGroup = React.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToggleGroupPrimitive.Root,
+  {
+    ref,
+    className: cn("flex items-center justify-center gap-1", className),
+    ...props,
+    children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant, size }, children })
+  }
+));
+ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
+var ToggleGroupItem = React.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx(
+    ToggleGroupPrimitive.Item,
+    {
+      ref,
+      className: cn(
+        toggleVariants({
+          variant: context.variant || variant,
+          size: context.size || size
+        }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+});
+ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
+
+export { ToggleGroup, ToggleGroupItem };
+//# sourceMappingURL=chunk-ATUA2ZTW.mjs.map
+//# sourceMappingURL=chunk-ATUA2ZTW.mjs.map

package/dist/chunk-ATUA2ZTW.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/toggle-group/index.tsx"],"names":[],"mappings":";;;;;;AAQA,IAAM,qBAA2B,KAAA,CAAA,aAAA,CAE/B;AAAA,EACA,IAAA,EAAM,SAAA;AAAA,EACN,OAAA,EAAS;AACX,CAAC,CAAA;AAED,IAAM,WAAA,GAAoB,KAAA,CAAA,UAAA,CAIxB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,IAAA,EAAM,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,qBACnD,GAAA;AAAA,EAAsB,oBAAA,CAAA,IAAA;AAAA,EAArB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA,CAAG,wCAAA,EAA0C,SAAS,CAAA;AAAA,IAChE,GAAG,KAAA;AAAA,IAEJ,QAAA,kBAAA,GAAA,CAAC,mBAAmB,QAAA,EAAnB,EAA4B,OAAO,EAAE,OAAA,EAAS,IAAA,EAAK,EACjD,QAAA,EACH;AAAA;AACF,CACD;AAED,WAAA,CAAY,cAAmC,oBAAA,CAAA,IAAA,CAAK,WAAA;AAEpD,IAAM,eAAA,GAAwB,KAAA,CAAA,UAAA,CAI5B,CAAC,EAAE,SAAA,EAAW,QAAA,EAAU,OAAA,EAAS,IAAA,EAAM,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC3D,EAAA,MAAM,OAAA,GAAgB,iBAAW,kBAAkB,CAAA;AAEnD,EAAA,uBACE,GAAA;AAAA,IAAsB,oBAAA,CAAA,IAAA;AAAA,IAArB;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,cAAA,CAAe;AAAA,UACb,OAAA,EAAS,QAAQ,OAAA,IAAW,OAAA;AAAA,UAC5B,IAAA,EAAM,QAAQ,IAAA,IAAQ;AAAA,SACvB,CAAA;AAAA,QACD;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC;AAED,eAAA,CAAgB,cAAmC,oBAAA,CAAA,IAAA,CAAK,WAAA","file":"chunk-ATUA2ZTW.mjs","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\";\nimport { type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../lib/utils\";\nimport { toggleVariants } from \"../toggle\";\n\nconst ToggleGroupContext = React.createContext<\n  VariantProps<typeof toggleVariants>\n>({\n  size: \"default\",\n  variant: \"default\",\n});\n\nconst ToggleGroup = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> &\n    VariantProps<typeof toggleVariants>\n>(({ className, variant, size, children, ...props }, ref) => (\n  <ToggleGroupPrimitive.Root\n    ref={ref}\n    className={cn(\"flex items-center justify-center gap-1\", className)}\n    {...props}\n  >\n    <ToggleGroupContext.Provider value={{ variant, size }}>\n      {children}\n    </ToggleGroupContext.Provider>\n  </ToggleGroupPrimitive.Root>\n));\n\nToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;\n\nconst ToggleGroupItem = React.forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> &\n    VariantProps<typeof toggleVariants>\n>(({ className, children, variant, size, ...props }, ref) => {\n  const context = React.useContext(ToggleGroupContext);\n\n  return (\n    <ToggleGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        toggleVariants({\n          variant: context.variant || variant,\n          size: context.size || size,\n        }),\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  );\n});\n\nToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;\n\nexport { ToggleGroup, ToggleGroupItem };\n"]}

package/dist/chunk-AXKXHRRM.js

@@ -0,0 +1,150 @@
+'use strict';
+
+var chunkCRTXVH5I_js = require('./chunk-CRTXVH5I.js');
+var React = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+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 timelineItemVariants = classVarianceAuthority.cva(
+  "relative flex gap-4 pb-8 last:pb-0 group",
+  {
+    variants: {
+      status: {
+        default: "[&_[data-timeline-connector]]:bg-border",
+        completed: "[&_[data-timeline-connector]]:bg-primary [&_[data-timeline-icon]]:border-primary [&_[data-timeline-icon]]:bg-primary [&_[data-timeline-icon]]:text-primary-foreground",
+        active: "[&_[data-timeline-connector]]:bg-border [&_[data-timeline-icon]]:border-primary [&_[data-timeline-icon]]:ring-4 [&_[data-timeline-icon]]:ring-primary/20",
+        pending: "[&_[data-timeline-connector]]:bg-border/40 [&_[data-timeline-icon]]:border-border/60 [&_[data-timeline-icon]]:text-muted-foreground",
+        error: "[&_[data-timeline-connector]]:bg-destructive/40 [&_[data-timeline-icon]]:border-destructive [&_[data-timeline-icon]]:text-destructive"
+      }
+    },
+    defaultVariants: {
+      status: "default"
+    }
+  }
+);
+var Timeline = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "ol",
+    {
+      ref,
+      className: chunkCRTXVH5I_js.cn("flex flex-col relative", className),
+      ...props
+    }
+  )
+);
+Timeline.displayName = "Timeline";
+var TimelineItem = React__namespace.forwardRef(
+  ({ className, status, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "li",
+    {
+      ref,
+      className: chunkCRTXVH5I_js.cn(timelineItemVariants({ status }), className),
+      ...props
+    }
+  )
+);
+TimelineItem.displayName = "TimelineItem";
+var TimelineConnector = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ref,
+    "data-timeline-connector": "",
+    className: chunkCRTXVH5I_js.cn(
+      "absolute left-3.5 top-7 -bottom-1 w-px bg-border group-last:hidden transition-colors",
+      className
+    ),
+    ...props
+  }
+));
+TimelineConnector.displayName = "TimelineConnector";
+var TimelineIcon = React__namespace.forwardRef(
+  ({ className, status, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      "data-timeline-icon": "",
+      className: chunkCRTXVH5I_js.cn(
+        "relative z-10 flex h-7 w-7 shrink-0 items-center justify-center rounded-full border border-border bg-background text-xs font-semibold shadow-xs transition-all",
+        status === "completed" && "border-primary bg-primary text-primary-foreground",
+        status === "active" && "border-primary ring-4 ring-primary/20 bg-background text-primary",
+        status === "error" && "border-destructive bg-destructive/10 text-destructive",
+        className
+      ),
+      ...props,
+      children: children || (status === "completed" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-3.5 w-3.5" }) : status === "active" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-2 w-2 rounded-full bg-primary animate-pulse" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "h-2.5 w-2.5 fill-current opacity-40" }))
+    }
+  )
+);
+TimelineIcon.displayName = "TimelineIcon";
+var TimelineHeader = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ref,
+    className: chunkCRTXVH5I_js.cn("flex items-center justify-between gap-2", className),
+    ...props
+  }
+));
+TimelineHeader.displayName = "TimelineHeader";
+var TimelineTitle = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "h4",
+  {
+    ref,
+    className: chunkCRTXVH5I_js.cn("text-xs font-semibold text-foreground tracking-tight", className),
+    ...props
+  }
+));
+TimelineTitle.displayName = "TimelineTitle";
+var TimelineTime = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "time",
+  {
+    ref,
+    className: chunkCRTXVH5I_js.cn("text-[11px] text-muted-foreground", className),
+    ...props
+  }
+));
+TimelineTime.displayName = "TimelineTime";
+var TimelineDescription = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "p",
+  {
+    ref,
+    className: chunkCRTXVH5I_js.cn("text-xs text-muted-foreground mt-1 leading-relaxed", className),
+    ...props
+  }
+));
+TimelineDescription.displayName = "TimelineDescription";
+var TimelineContent = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunkCRTXVH5I_js.cn("flex-1 pt-0.5", className), ...props }));
+TimelineContent.displayName = "TimelineContent";
+
+exports.Timeline = Timeline;
+exports.TimelineConnector = TimelineConnector;
+exports.TimelineContent = TimelineContent;
+exports.TimelineDescription = TimelineDescription;
+exports.TimelineHeader = TimelineHeader;
+exports.TimelineIcon = TimelineIcon;
+exports.TimelineItem = TimelineItem;
+exports.TimelineTime = TimelineTime;
+exports.TimelineTitle = TimelineTitle;
+exports.timelineItemVariants = timelineItemVariants;
+//# sourceMappingURL=chunk-AXKXHRRM.js.map
+//# sourceMappingURL=chunk-AXKXHRRM.js.map

package/dist/chunk-AXKXHRRM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/timeline/index.tsx"],"names":["cva","React","jsx","cn","Check","Circle"],"mappings":"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","file":"chunk-AXKXHRRM.js","sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Check, Circle } from \"lucide-react\";\nimport { cn } from \"../../lib/utils\";\n\nconst timelineItemVariants = cva(\n  \"relative flex gap-4 pb-8 last:pb-0 group\",\n  {\n    variants: {\n      status: {\n        default: \"[&_[data-timeline-connector]]:bg-border\",\n        completed: \"[&_[data-timeline-connector]]:bg-primary [&_[data-timeline-icon]]:border-primary [&_[data-timeline-icon]]:bg-primary [&_[data-timeline-icon]]:text-primary-foreground\",\n        active: \"[&_[data-timeline-connector]]:bg-border [&_[data-timeline-icon]]:border-primary [&_[data-timeline-icon]]:ring-4 [&_[data-timeline-icon]]:ring-primary/20\",\n        pending: \"[&_[data-timeline-connector]]:bg-border/40 [&_[data-timeline-icon]]:border-border/60 [&_[data-timeline-icon]]:text-muted-foreground\",\n        error: \"[&_[data-timeline-connector]]:bg-destructive/40 [&_[data-timeline-icon]]:border-destructive [&_[data-timeline-icon]]:text-destructive\",\n      },\n    },\n    defaultVariants: {\n      status: \"default\",\n    },\n  }\n);\n\nexport interface TimelineProps extends React.HTMLAttributes<HTMLOListElement> {}\n\nconst Timeline = React.forwardRef<HTMLOListElement, TimelineProps>(\n  ({ className, ...props }, ref) => (\n    <ol\n      ref={ref}\n      className={cn(\"flex flex-col relative\", className)}\n      {...props}\n    />\n  )\n);\nTimeline.displayName = \"Timeline\";\n\nexport interface TimelineItemProps\n  extends React.LiHTMLAttributes<HTMLLIElement>,\n    VariantProps<typeof timelineItemVariants> {}\n\nconst TimelineItem = React.forwardRef<HTMLLIElement, TimelineItemProps>(\n  ({ className, status, ...props }, ref) => (\n    <li\n      ref={ref}\n      className={cn(timelineItemVariants({ status }), className)}\n      {...props}\n    />\n  )\n);\nTimelineItem.displayName = \"TimelineItem\";\n\nconst TimelineConnector = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-timeline-connector=\"\"\n    className={cn(\n      \"absolute left-3.5 top-7 -bottom-1 w-px bg-border group-last:hidden transition-colors\",\n      className\n    )}\n    {...props}\n  />\n));\nTimelineConnector.displayName = \"TimelineConnector\";\n\nexport interface TimelineIconProps extends React.HTMLAttributes<HTMLDivElement> {\n  status?: \"default\" | \"completed\" | \"active\" | \"pending\" | \"error\";\n}\n\nconst TimelineIcon = React.forwardRef<HTMLDivElement, TimelineIconProps>(\n  ({ className, status, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-timeline-icon=\"\"\n      className={cn(\n        \"relative z-10 flex h-7 w-7 shrink-0 items-center justify-center rounded-full border border-border bg-background text-xs font-semibold shadow-xs transition-all\",\n        status === \"completed\" && \"border-primary bg-primary text-primary-foreground\",\n        status === \"active\" && \"border-primary ring-4 ring-primary/20 bg-background text-primary\",\n        status === \"error\" && \"border-destructive bg-destructive/10 text-destructive\",\n        className\n      )}\n      {...props}\n    >\n      {children ||\n        (status === \"completed\" ? (\n          <Check className=\"h-3.5 w-3.5\" />\n        ) : status === \"active\" ? (\n          <span className=\"h-2 w-2 rounded-full bg-primary animate-pulse\" />\n        ) : (\n          <Circle className=\"h-2.5 w-2.5 fill-current opacity-40\" />\n        ))}\n    </div>\n  )\n);\nTimelineIcon.displayName = \"TimelineIcon\";\n\nconst TimelineHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"flex items-center justify-between gap-2\", className)}\n    {...props}\n  />\n));\nTimelineHeader.displayName = \"TimelineHeader\";\n\nconst TimelineTitle = React.forwardRef<\n  HTMLHeadingElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n  <h4\n    ref={ref}\n    className={cn(\"text-xs font-semibold text-foreground tracking-tight\", className)}\n    {...props}\n  />\n));\nTimelineTitle.displayName = \"TimelineTitle\";\n\nconst TimelineTime = React.forwardRef<\n  HTMLTimeElement,\n  React.TimeHTMLAttributes<HTMLTimeElement>\n>(({ className, ...props }, ref) => (\n  <time\n    ref={ref}\n    className={cn(\"text-[11px] text-muted-foreground\", className)}\n    {...props}\n  />\n));\nTimelineTime.displayName = \"TimelineTime\";\n\nconst TimelineDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p\n    ref={ref}\n    className={cn(\"text-xs text-muted-foreground mt-1 leading-relaxed\", className)}\n    {...props}\n  />\n));\nTimelineDescription.displayName = \"TimelineDescription\";\n\nconst TimelineContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn(\"flex-1 pt-0.5\", className)} {...props} />\n));\nTimelineContent.displayName = \"TimelineContent\";\n\nexport {\n  Timeline,\n  TimelineItem,\n  TimelineConnector,\n  TimelineIcon,\n  TimelineHeader,\n  TimelineTitle,\n  TimelineTime,\n  TimelineDescription,\n  TimelineContent,\n  timelineItemVariants,\n};\n"]}

package/dist/chunk-BCOH5AWH.js

@@ -0,0 +1,239 @@
+'use strict';
+
+var chunkQ2PPWNO3_js = require('./chunk-Q2PPWNO3.js');
+var chunkPYCBM7ZF_js = require('./chunk-PYCBM7ZF.js');
+var chunkCRTXVH5I_js = require('./chunk-CRTXVH5I.js');
+var React = require('react');
+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);
+
+function formatBytes(bytes) {
+  if (bytes === 0) return "0 Bytes";
+  const k = 1024;
+  const sizes = ["Bytes", "KB", "MB", "GB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
+}
+function getFileIcon(file) {
+  if (file.type.startsWith("image/")) {
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileImage, { className: "h-5 w-5 text-sky-400" });
+  }
+  if (file.type.includes("pdf") || file.type.includes("document") || file.type.includes("text")) {
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "h-5 w-5 text-indigo-400" });
+  }
+  if (file.type.includes("zip") || file.type.includes("rar") || file.type.includes("tar")) {
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileArchive, { className: "h-5 w-5 text-amber-400" });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.File, { className: "h-5 w-5 text-muted-foreground" });
+}
+function FileUploader({
+  maxSizeMB = 5,
+  maxFiles = 5,
+  accept = "image/*,.pdf,.docx,.zip",
+  onChange,
+  className
+}) {
+  const [files, setFiles] = React__namespace.useState([]);
+  const [isDragging, setIsDragging] = React__namespace.useState(false);
+  const fileInputRef = React__namespace.useRef(null);
+  const handleFiles = (incomingFiles) => {
+    const validFiles = [];
+    const maxSizeBytes = maxSizeMB * 1024 * 1024;
+    Array.from(incomingFiles).forEach((file) => {
+      if (files.length + validFiles.length >= maxFiles) return;
+      if (file.size > maxSizeBytes) {
+        validFiles.push({
+          id: Math.random().toString(36).substring(2, 9),
+          file,
+          progress: 0,
+          status: "error",
+          error: `Maksimum ${maxSizeMB}MB a\u015Famaz.`
+        });
+      } else {
+        validFiles.push({
+          id: Math.random().toString(36).substring(2, 9),
+          file,
+          progress: 0,
+          status: "uploading"
+        });
+      }
+    });
+    const updated = [...files, ...validFiles];
+    setFiles(updated);
+    if (onChange) {
+      onChange(updated.map((f) => f.file));
+    }
+    validFiles.forEach((item) => {
+      if (item.status === "uploading") {
+        let progress = 0;
+        const interval = setInterval(() => {
+          progress += Math.floor(Math.random() * 30) + 20;
+          if (progress >= 100) {
+            progress = 100;
+            clearInterval(interval);
+            setFiles(
+              (prev) => prev.map(
+                (f) => f.id === item.id ? { ...f, progress: 100, status: "completed" } : f
+              )
+            );
+          } else {
+            setFiles(
+              (prev) => prev.map((f) => f.id === item.id ? { ...f, progress } : f)
+            );
+          }
+        }, 300);
+      }
+    });
+  };
+  const handleDragOver = (e) => {
+    e.preventDefault();
+    setIsDragging(true);
+  };
+  const handleDragLeave = (e) => {
+    e.preventDefault();
+    setIsDragging(false);
+  };
+  const handleDrop = (e) => {
+    e.preventDefault();
+    setIsDragging(false);
+    if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {
+      handleFiles(e.dataTransfer.files);
+    }
+  };
+  const removeFile = (id) => {
+    const updated = files.filter((f) => f.id !== id);
+    setFiles(updated);
+    if (onChange) {
+      onChange(updated.map((f) => f.file));
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkCRTXVH5I_js.cn("space-y-4 w-full", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        onDragOver: handleDragOver,
+        onDragLeave: handleDragLeave,
+        onDrop: handleDrop,
+        onClick: () => fileInputRef.current?.click(),
+        className: chunkCRTXVH5I_js.cn(
+          "group relative flex flex-col items-center justify-center rounded-xl border-2 border-dashed border-border bg-card p-6 text-center transition-all cursor-pointer hover:border-primary/50 hover:bg-accent/40",
+          isDragging && "border-primary bg-primary/5 ring-4 ring-primary/10"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              ref: fileInputRef,
+              type: "file",
+              multiple: true,
+              accept,
+              className: "hidden",
+              onChange: (e) => {
+                if (e.target.files) handleFiles(e.target.files);
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-muted transition-transform group-hover:scale-110", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UploadCloud, { className: "h-6 w-6 text-primary" }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 space-y-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold text-foreground", children: "Dosya y\xFCklemek i\xE7in t\u0131klay\u0131n veya buraya s\xFCr\xFCkleyin" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground", children: [
+              "Desteklenenler: PNG, JPG, PDF, DOCX (Maks ",
+              maxSizeMB,
+              "MB, en fazla ",
+              maxFiles,
+              " dosya)"
+            ] })
+          ] })
+        ]
+      }
+    ),
+    files.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs font-medium text-muted-foreground px-1", children: [
+        "Y\xFCklenen Dosyalar (",
+        files.length,
+        "/",
+        maxFiles,
+        ")"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: files.map((fileItem) => {
+        const isImage = fileItem.file.type.startsWith("image/");
+        const previewUrl = isImage ? URL.createObjectURL(fileItem.file) : null;
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: "flex items-center gap-3 rounded-lg border border-border bg-card p-3 shadow-2xs transition-all",
+            children: [
+              previewUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+                "img",
+                {
+                  src: previewUrl,
+                  alt: fileItem.file.name,
+                  className: "h-10 w-10 rounded-md object-cover border border-border"
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-md bg-muted", children: getFileIcon(fileItem.file) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0 space-y-1", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-xs", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium truncate text-foreground", children: fileItem.file.name }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground shrink-0 ml-2", children: formatBytes(fileItem.file.size) })
+                ] }),
+                fileItem.status === "uploading" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(chunkQ2PPWNO3_js.Progress, { value: fileItem.progress, className: "h-1.5" }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-[10px] text-muted-foreground text-right", children: [
+                    "%",
+                    fileItem.progress
+                  ] })
+                ] }),
+                fileItem.status === "completed" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 text-[11px] text-emerald-500 font-medium", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "h-3.5 w-3.5" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Y\xFCklendi" })
+                ] }),
+                fileItem.status === "error" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 text-[11px] text-destructive font-medium", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "h-3.5 w-3.5" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { children: fileItem.error || "Y\xFCkleme hatas\u0131" })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                chunkPYCBM7ZF_js.Button,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  className: "h-8 w-8 text-muted-foreground hover:text-foreground shrink-0",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    removeFile(fileItem.id);
+                  },
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" })
+                }
+              )
+            ]
+          },
+          fileItem.id
+        );
+      }) })
+    ] })
+  ] });
+}
+
+exports.FileUploader = FileUploader;
+//# sourceMappingURL=chunk-BCOH5AWH.js.map
+//# sourceMappingURL=chunk-BCOH5AWH.js.map

package/dist/chunk-BCOH5AWH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/blocks/file-uploader/index.tsx"],"names":["jsx","FileImage","FileText","FileArchive","FileIcon","React","cn","jsxs","UploadCloud","Progress","CheckCircle2","AlertCircle","Button","X"],"mappings":"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","file":"chunk-BCOH5AWH.js","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  UploadCloud,\n  X,\n  FileText,\n  FileImage,\n  FileArchive,\n  File as FileIcon,\n  CheckCircle2,\n  AlertCircle,\n} from \"lucide-react\";\n\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../../components/button\";\nimport { Progress } from \"../../components/progress\";\n\nexport interface FileItem {\n  id: string;\n  file: File;\n  progress: number;\n  status: \"uploading\" | \"completed\" | \"error\";\n  error?: string;\n}\n\nexport interface FileUploaderProps {\n  maxSizeMB?: number; // Varsayılan 5 MB\n  maxFiles?: number; // Varsayılan 5 dosya\n  accept?: string; // örn: \"image/*,.pdf,.zip\"\n  onChange?: (files: File[]) => void;\n  className?: string;\n}\n\nfunction formatBytes(bytes: number): string {\n  if (bytes === 0) return \"0 Bytes\";\n  const k = 1024;\n  const sizes = [\"Bytes\", \"KB\", \"MB\", \"GB\"];\n  const i = Math.floor(Math.log(bytes) / Math.log(k));\n  return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + \" \" + sizes[i];\n}\n\nfunction getFileIcon(file: File) {\n  if (file.type.startsWith(\"image/\")) {\n    return <FileImage className=\"h-5 w-5 text-sky-400\" />;\n  }\n  if (file.type.includes(\"pdf\") || file.type.includes(\"document\") || file.type.includes(\"text\")) {\n    return <FileText className=\"h-5 w-5 text-indigo-400\" />;\n  }\n  if (file.type.includes(\"zip\") || file.type.includes(\"rar\") || file.type.includes(\"tar\")) {\n    return <FileArchive className=\"h-5 w-5 text-amber-400\" />;\n  }\n  return <FileIcon className=\"h-5 w-5 text-muted-foreground\" />;\n}\n\nexport function FileUploader({\n  maxSizeMB = 5,\n  maxFiles = 5,\n  accept = \"image/*,.pdf,.docx,.zip\",\n  onChange,\n  className,\n}: FileUploaderProps) {\n  const [files, setFiles] = React.useState<FileItem[]>([]);\n  const [isDragging, setIsDragging] = React.useState(false);\n  const fileInputRef = React.useRef<HTMLInputElement>(null);\n\n  const handleFiles = (incomingFiles: FileList | File[]) => {\n    const validFiles: FileItem[] = [];\n    const maxSizeBytes = maxSizeMB * 1024 * 1024;\n\n    Array.from(incomingFiles).forEach((file) => {\n      if (files.length + validFiles.length >= maxFiles) return;\n\n      if (file.size > maxSizeBytes) {\n        validFiles.push({\n          id: Math.random().toString(36).substring(2, 9),\n          file,\n          progress: 0,\n          status: \"error\",\n          error: `Maksimum ${maxSizeMB}MB aşamaz.`,\n        });\n      } else {\n        validFiles.push({\n          id: Math.random().toString(36).substring(2, 9),\n          file,\n          progress: 0,\n          status: \"uploading\",\n        });\n      }\n    });\n\n    const updated = [...files, ...validFiles];\n    setFiles(updated);\n    if (onChange) {\n      onChange(updated.map((f) => f.file));\n    }\n\n    // Yükleme simülasyonu\n    validFiles.forEach((item) => {\n      if (item.status === \"uploading\") {\n        let progress = 0;\n        const interval = setInterval(() => {\n          progress += Math.floor(Math.random() * 30) + 20;\n          if (progress >= 100) {\n            progress = 100;\n            clearInterval(interval);\n            setFiles((prev) =>\n              prev.map((f) =>\n                f.id === item.id ? { ...f, progress: 100, status: \"completed\" } : f\n              )\n            );\n          } else {\n            setFiles((prev) =>\n              prev.map((f) => (f.id === item.id ? { ...f, progress } : f))\n            );\n          }\n        }, 300);\n      }\n    });\n  };\n\n  const handleDragOver = (e: React.DragEvent) => {\n    e.preventDefault();\n    setIsDragging(true);\n  };\n\n  const handleDragLeave = (e: React.DragEvent) => {\n    e.preventDefault();\n    setIsDragging(false);\n  };\n\n  const handleDrop = (e: React.DragEvent) => {\n    e.preventDefault();\n    setIsDragging(false);\n    if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {\n      handleFiles(e.dataTransfer.files);\n    }\n  };\n\n  const removeFile = (id: string) => {\n    const updated = files.filter((f) => f.id !== id);\n    setFiles(updated);\n    if (onChange) {\n      onChange(updated.map((f) => f.file));\n    }\n  };\n\n  return (\n    <div className={cn(\"space-y-4 w-full\", className)}>\n      {/* Sürükle Bırak Alanı */}\n      <div\n        onDragOver={handleDragOver}\n        onDragLeave={handleDragLeave}\n        onDrop={handleDrop}\n        onClick={() => fileInputRef.current?.click()}\n        className={cn(\n          \"group relative flex flex-col items-center justify-center rounded-xl border-2 border-dashed border-border bg-card p-6 text-center transition-all cursor-pointer hover:border-primary/50 hover:bg-accent/40\",\n          isDragging && \"border-primary bg-primary/5 ring-4 ring-primary/10\"\n        )}\n      >\n        <input\n          ref={fileInputRef}\n          type=\"file\"\n          multiple\n          accept={accept}\n          className=\"hidden\"\n          onChange={(e) => {\n            if (e.target.files) handleFiles(e.target.files);\n          }}\n        />\n\n        <div className=\"flex h-12 w-12 items-center justify-center rounded-full bg-muted transition-transform group-hover:scale-110\">\n          <UploadCloud className=\"h-6 w-6 text-primary\" />\n        </div>\n\n        <div className=\"mt-3 space-y-1\">\n          <p className=\"text-sm font-semibold text-foreground\">\n            Dosya yüklemek için tıklayın veya buraya sürükleyin\n          </p>\n          <p className=\"text-xs text-muted-foreground\">\n            Desteklenenler: PNG, JPG, PDF, DOCX (Maks {maxSizeMB}MB, en fazla {maxFiles} dosya)\n          </p>\n        </div>\n      </div>\n\n      {/* Yüklenen Dosya Listesi */}\n      {files.length > 0 && (\n        <div className=\"space-y-2\">\n          <p className=\"text-xs font-medium text-muted-foreground px-1\">\n            Yüklenen Dosyalar ({files.length}/{maxFiles})\n          </p>\n          <div className=\"space-y-2\">\n            {files.map((fileItem) => {\n              const isImage = fileItem.file.type.startsWith(\"image/\");\n              const previewUrl = isImage ? URL.createObjectURL(fileItem.file) : null;\n\n              return (\n                <div\n                  key={fileItem.id}\n                  className=\"flex items-center gap-3 rounded-lg border border-border bg-card p-3 shadow-2xs transition-all\"\n                >\n                  {/* Dosya İkonu veya Görsel Önizleme */}\n                  {previewUrl ? (\n                    <img\n                      src={previewUrl}\n                      alt={fileItem.file.name}\n                      className=\"h-10 w-10 rounded-md object-cover border border-border\"\n                    />\n                  ) : (\n                    <div className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-md bg-muted\">\n                      {getFileIcon(fileItem.file)}\n                    </div>\n                  )}\n\n                  {/* Dosya Detayları & İlerleme Barı */}\n                  <div className=\"flex-1 min-w-0 space-y-1\">\n                    <div className=\"flex items-center justify-between text-xs\">\n                      <span className=\"font-medium truncate text-foreground\">\n                        {fileItem.file.name}\n                      </span>\n                      <span className=\"text-muted-foreground shrink-0 ml-2\">\n                        {formatBytes(fileItem.file.size)}\n                      </span>\n                    </div>\n\n                    {fileItem.status === \"uploading\" && (\n                      <div className=\"space-y-1\">\n                        <Progress value={fileItem.progress} className=\"h-1.5\" />\n                        <div className=\"text-[10px] text-muted-foreground text-right\">\n                          %{fileItem.progress}\n                        </div>\n                      </div>\n                    )}\n\n                    {fileItem.status === \"completed\" && (\n                      <div className=\"flex items-center gap-1 text-[11px] text-emerald-500 font-medium\">\n                        <CheckCircle2 className=\"h-3.5 w-3.5\" />\n                        <span>Yüklendi</span>\n                      </div>\n                    )}\n\n                    {fileItem.status === \"error\" && (\n                      <div className=\"flex items-center gap-1 text-[11px] text-destructive font-medium\">\n                        <AlertCircle className=\"h-3.5 w-3.5\" />\n                        <span>{fileItem.error || \"Yükleme hatası\"}</span>\n                      </div>\n                    )}\n                  </div>\n\n                  {/* Silme Butonu */}\n                  <Button\n                    variant=\"ghost\"\n                    size=\"icon\"\n                    className=\"h-8 w-8 text-muted-foreground hover:text-foreground shrink-0\"\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      removeFile(fileItem.id);\n                    }}\n                  >\n                    <X className=\"h-4 w-4\" />\n                  </Button>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"]}