krl-alfred 2.23.13 → 2.23.15

package/dist/components/Uploader/Uploader.styled.d.ts

@@ -1,47 +1,59 @@
 /// <reference types="react" />
-export declare const UploaderStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const UploaderHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const UploaderTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>>> & string;
-export declare const UploaderDescription: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>>> & string;
-export declare const UploaderGrid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$columnCount"> & {
+export declare const UploaderStyled: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const UploaderHeader: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const UploaderTitle: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const UploaderDescription: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const UploaderGrid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, {
     $columnCount: number;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$columnCount"> & {
-    $columnCount: number;
-}, never>>> & string;
-export declare const UploaderSlot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$disabled" | "$isSelected" | "$isEmpty"> & {
+}>> & string;
+export declare const UploaderSlot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, {
     $isEmpty: boolean;
     $isSelected: boolean;
     $disabled?: boolean;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$disabled" | "$isSelected" | "$isEmpty"> & {
-    $isEmpty: boolean;
-    $isSelected: boolean;
-    $disabled?: boolean;
-}, never>>> & string;
-export declare const UploaderSlotMedia: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$padding"> & {
-    $padding?: string;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$padding"> & {
+}>> & string;
+export declare const UploaderSlotMedia: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, {
     $padding?: string;
-}, never>>> & string;
-export declare const UploaderSlotImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "$fit"> & {
+}>> & string;
+export declare const UploaderSlotImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, {
     $fit?: 'cover' | 'contain';
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "$fit"> & {
-    $fit?: 'cover' | 'contain';
-}, never>>> & string;
-export declare const UploaderUploadContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$hasImage"> & {
-    $hasImage?: boolean;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$hasImage"> & {
+}>> & string;
+export declare const UploaderUploadContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, {
     $hasImage?: boolean;
-}, never>>> & string;
-export declare const UploaderUploadBadgeWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const UploaderUploadLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$isHidden"> & {
-    $isHidden?: boolean;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$isHidden"> & {
-    $isHidden?: boolean;
-}, never>>> & string;
-export declare const UploaderUploadIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$isHidden"> & {
+}>> & string;
+export declare const UploaderUploadBadgeWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const UploaderUploadLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, {
     $isHidden?: boolean;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$isHidden"> & {
+}>> & string;
+export declare const UploaderUploadIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, {
     $isHidden?: boolean;
-}, never>>> & string;
-export declare const UploaderRemoveButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>> & string;
-export declare const UploaderHiddenInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>>> & string;
+}>> & string;
+export declare const UploaderRemoveButton: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const UploaderHiddenInput: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;

package/dist/components/Uploader/stories/Uploader.stories.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import { UploaderImage } from '../props';
+import React from "react";
+import { UploaderImage } from "../props";
 declare const _default: {
     title: string;
-    component: ({ className, title, description, images, maxCount, columnCount, uploadLabel, coverBadgeText, variant, selectedIndexes, selectedIndex, showCoverBadge, accept, disabled, imagePadding, imageFit, onUpload, onRemove, onSelect, }: import("../props").UploaderProps) => React.JSX.Element;
+    component: (props: any) => React.JSX.Element;
     tags: string[];
     argTypes: {
         variant: {
@@ -28,9 +28,21 @@ declare const _default: {
             control: string;
             options: string[];
         };
+        uploadLabel: {
+            control: string;
+        };
+        coverBadgeText: {
+            control: string;
+        };
         selectedIndexes: {
             control: string;
         };
+        title: {
+            control: string;
+        };
+        description: {
+            control: string;
+        };
     };
 };
 export default _default;
@@ -40,24 +52,185 @@ export declare const Empty: {
         description: string;
         images: any[];
         maxCount: number;
+        columnCount: number;
+        uploadLabel: string;
+        coverBadgeText: string;
+        variant: "default";
         showCoverBadge: boolean;
+        disabled: boolean;
+        imagePadding: string;
+        imageFit: "cover";
+        selectedIndexes: any[];
     };
 };
 export declare const EmptyWithoutCoverBadge: {
     args: {
+        showCoverBadge: boolean;
         title: string;
         description: string;
         images: any[];
         maxCount: number;
-        showCoverBadge: boolean;
+        columnCount: number;
+        uploadLabel: string;
+        coverBadgeText: string;
+        variant: "default";
+        disabled: boolean;
+        imagePadding: string;
+        imageFit: "cover";
+        selectedIndexes: any[];
     };
 };
 export declare const WithImage: {
     args: {
+        images: UploaderImage[];
         title: string;
         description: string;
+        maxCount: number;
+        columnCount: number;
+        uploadLabel: string;
+        coverBadgeText: string;
+        variant: "default";
+        showCoverBadge: boolean;
+        disabled: boolean;
+        imagePadding: string;
+        imageFit: "cover";
+        selectedIndexes: any[];
+    };
+};
+export declare const FullSlots: {
+    args: {
         images: UploaderImage[];
+        title: string;
+        description: string;
         maxCount: number;
+        columnCount: number;
+        uploadLabel: string;
+        coverBadgeText: string;
+        variant: "default";
+        showCoverBadge: boolean;
+        disabled: boolean;
+        imagePadding: string;
+        imageFit: "cover";
+        selectedIndexes: any[];
+    };
+};
+export declare const TwoColumns: {
+    args: {
+        images: UploaderImage[];
+        maxCount: number;
+        columnCount: number;
+        title: string;
+        description: string;
+        uploadLabel: string;
+        coverBadgeText: string;
+        variant: "default";
+        showCoverBadge: boolean;
+        disabled: boolean;
+        imagePadding: string;
+        imageFit: "cover";
+        selectedIndexes: any[];
+    };
+};
+export declare const SixSlots: {
+    args: {
+        maxCount: number;
+        columnCount: number;
+        images: UploaderImage[];
+        title: string;
+        description: string;
+        uploadLabel: string;
+        coverBadgeText: string;
+        variant: "default";
+        showCoverBadge: boolean;
+        disabled: boolean;
+        imagePadding: string;
+        imageFit: "cover";
+        selectedIndexes: any[];
+    };
+};
+export declare const ContainFit: {
+    args: {
+        images: UploaderImage[];
+        imageFit: string;
+        imagePadding: string;
+        title: string;
+        description: string;
+        maxCount: number;
+        columnCount: number;
+        uploadLabel: string;
+        coverBadgeText: string;
+        variant: "default";
+        showCoverBadge: boolean;
+        disabled: boolean;
+        selectedIndexes: any[];
+    };
+};
+export declare const CustomPadding: {
+    args: {
+        images: UploaderImage[];
+        imagePadding: string;
+        title: string;
+        description: string;
+        maxCount: number;
+        columnCount: number;
+        uploadLabel: string;
+        coverBadgeText: string;
+        variant: "default";
+        showCoverBadge: boolean;
+        disabled: boolean;
+        imageFit: "cover";
+        selectedIndexes: any[];
+    };
+};
+export declare const WithoutHeader: {
+    args: {
+        title: any;
+        description: any;
+        images: UploaderImage[];
+        maxCount: number;
+        columnCount: number;
+        uploadLabel: string;
+        coverBadgeText: string;
+        variant: "default";
+        showCoverBadge: boolean;
+        disabled: boolean;
+        imagePadding: string;
+        imageFit: "cover";
+        selectedIndexes: any[];
+    };
+};
+export declare const CustomLabels: {
+    args: {
+        uploadLabel: string;
+        coverBadgeText: string;
+        images: UploaderImage[];
+        title: string;
+        description: string;
+        maxCount: number;
+        columnCount: number;
+        variant: "default";
+        showCoverBadge: boolean;
+        disabled: boolean;
+        imagePadding: string;
+        imageFit: "cover";
+        selectedIndexes: any[];
+    };
+};
+export declare const Disabled: {
+    args: {
+        images: UploaderImage[];
+        disabled: boolean;
+        title: string;
+        description: string;
+        maxCount: number;
+        columnCount: number;
+        uploadLabel: string;
+        coverBadgeText: string;
+        variant: "default";
+        showCoverBadge: boolean;
+        imagePadding: string;
+        imageFit: "cover";
+        selectedIndexes: any[];
     };
 };
 export declare const CoverSelect: {
@@ -66,7 +239,49 @@ export declare const CoverSelect: {
         variant: string;
         images: UploaderImage[];
         selectedIndexes: number[];
+        description: string;
         maxCount: number;
+        columnCount: number;
+        uploadLabel: string;
+        coverBadgeText: string;
+        showCoverBadge: boolean;
+        disabled: boolean;
+        imagePadding: string;
+        imageFit: "cover";
+    };
+};
+export declare const CoverSelectMultiple: {
+    args: {
+        title: string;
+        variant: string;
+        images: UploaderImage[];
+        selectedIndexes: number[];
+        description: string;
+        maxCount: number;
+        columnCount: number;
+        uploadLabel: string;
+        coverBadgeText: string;
+        showCoverBadge: boolean;
+        disabled: boolean;
+        imagePadding: string;
+        imageFit: "cover";
+    };
+};
+export declare const Complete: {
+    args: {
+        title: string;
+        description: string;
+        images: UploaderImage[];
+        maxCount: number;
+        columnCount: number;
+        uploadLabel: string;
+        coverBadgeText: string;
+        imageFit: string;
+        imagePadding: string;
+        variant: "default";
+        showCoverBadge: boolean;
+        disabled: boolean;
+        selectedIndexes: any[];
     };
 };
 export declare const Interactive: {

package/dist/components/Uploader/stories/Uploader.stories.js

@@ -23,68 +23,100 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CoverSelectInteractive = exports.Interactive = exports.CoverSelect = exports.WithImage = exports.EmptyWithoutCoverBadge = exports.Empty = void 0;
+exports.CoverSelectInteractive = exports.Interactive = exports.Complete = exports.CoverSelectMultiple = exports.CoverSelect = exports.Disabled = exports.CustomLabels = exports.WithoutHeader = exports.CustomPadding = exports.ContainFit = exports.SixSlots = exports.TwoColumns = exports.FullSlots = exports.WithImage = exports.EmptyWithoutCoverBadge = exports.Empty = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var Uploader_1 = __importDefault(require("../Uploader"));
 var sampleImage = {
-    id: 'sample-1',
-    src: 'https://kiralarsin.s3.eu-central-1.amazonaws.com/products/4MOMSMAMAROOANAKUC_1.jpg',
-    alt: 'Ürün görseli',
+    id: "sample-1",
+    src: "https://kiralarsin.s3.eu-central-1.amazonaws.com/products/4MOMSMAMAROOANAKUC_1.jpg",
+    alt: "Ürün görseli",
+};
+var sampleImages = [
+    sampleImage,
+    __assign(__assign({}, sampleImage), { id: "sample-2" }),
+    __assign(__assign({}, sampleImage), { id: "sample-3" }),
+    __assign(__assign({}, sampleImage), { id: "sample-4" }),
+];
+var productDescription = "Ürününüzün tüm varyantları için varsayılan olarak kullanılacak görselleri buradan yükleyebilirsiniz. Varyant bazlı farklı görseller eklemek isterseniz, varyant oluşturduktan sonra o varyanta özel görsel yükleyebilirsiniz.";
+var baseArgs = {
+    title: "Ürün görselleri",
+    description: productDescription,
+    images: [],
+    maxCount: 4,
+    columnCount: 4,
+    uploadLabel: "Yükle",
+    coverBadgeText: "Kapak",
+    variant: "default",
+    showCoverBadge: true,
+    disabled: false,
+    imagePadding: "1rem",
+    imageFit: "cover",
+    selectedIndexes: [],
 };
-var productDescription = 'Ürününüzün tüm varyantları için varsayılan olarak kullanılacak görselleri buradan yükleyebilirsiniz. Varyant bazlı farklı görseller eklemek isterseniz, varyant oluşturduktan sonra o varyanta özel görsel yükleyebilirsiniz.';
 exports.default = {
-    title: 'Components/Uploader',
-    component: Uploader_1.default,
-    tags: ['autodocs'],
+    title: "Components/Uploader",
+    component: function (props) { return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: 720 } }, { children: (0, jsx_runtime_1.jsx)(Uploader_1.default, __assign({}, props)) }))); },
+    tags: ["autodocs"],
     argTypes: {
         variant: {
-            control: 'select',
-            options: ['default', 'coverSelect'],
+            control: "select",
+            options: ["default", "coverSelect"],
         },
-        maxCount: { control: 'number' },
-        columnCount: { control: 'number' },
-        showCoverBadge: { control: 'boolean' },
-        disabled: { control: 'boolean' },
-        imagePadding: { control: 'text' },
-        imageFit: { control: 'select', options: ['cover', 'contain'] },
-        selectedIndexes: { control: 'object' },
+        maxCount: { control: "number" },
+        columnCount: { control: "number" },
+        showCoverBadge: { control: "boolean" },
+        disabled: { control: "boolean" },
+        imagePadding: { control: "text" },
+        imageFit: { control: "select", options: ["cover", "contain"] },
+        uploadLabel: { control: "text" },
+        coverBadgeText: { control: "text" },
+        selectedIndexes: { control: "object" },
+        title: { control: "text" },
+        description: { control: "text" },
     },
 };
 exports.Empty = {
-    args: {
-        title: 'Ürün görselleri',
-        description: productDescription,
-        images: [],
-        maxCount: 4,
-        showCoverBadge: true,
-    },
+    args: __assign({}, baseArgs),
 };
 exports.EmptyWithoutCoverBadge = {
-    args: {
-        title: 'Ürün görselleri',
-        description: productDescription,
-        images: [],
-        maxCount: 4,
-        showCoverBadge: false,
-    },
+    args: __assign(__assign({}, baseArgs), { showCoverBadge: false }),
 };
 exports.WithImage = {
-    args: {
-        title: 'Ürün görselleri',
-        description: productDescription,
-        images: [sampleImage],
-        maxCount: 4,
-    },
+    args: __assign(__assign({}, baseArgs), { images: [sampleImage] }),
+};
+exports.FullSlots = {
+    args: __assign(__assign({}, baseArgs), { images: sampleImages }),
+};
+exports.TwoColumns = {
+    args: __assign(__assign({}, baseArgs), { images: [sampleImage], maxCount: 4, columnCount: 2 }),
+};
+exports.SixSlots = {
+    args: __assign(__assign({}, baseArgs), { maxCount: 6, columnCount: 3, images: [sampleImage, __assign(__assign({}, sampleImage), { id: "sample-2" })] }),
+};
+exports.ContainFit = {
+    args: __assign(__assign({}, baseArgs), { images: [sampleImage], imageFit: "contain", imagePadding: "1.5rem" }),
+};
+exports.CustomPadding = {
+    args: __assign(__assign({}, baseArgs), { images: [sampleImage], imagePadding: "0.5rem" }),
+};
+exports.WithoutHeader = {
+    args: __assign(__assign({}, baseArgs), { title: undefined, description: undefined, images: [sampleImage] }),
+};
+exports.CustomLabels = {
+    args: __assign(__assign({}, baseArgs), { uploadLabel: "Fotoğraf ekle", coverBadgeText: "Ana görsel", images: [sampleImage] }),
+};
+exports.Disabled = {
+    args: __assign(__assign({}, baseArgs), { images: [sampleImage, __assign(__assign({}, sampleImage), { id: "sample-2" })], disabled: true }),
 };
 exports.CoverSelect = {
-    args: {
-        title: 'Ana görselden seç',
-        variant: 'coverSelect',
-        images: [sampleImage],
-        selectedIndexes: [0],
-        maxCount: 4,
-    },
+    args: __assign(__assign({}, baseArgs), { title: "Ana görselden seç", variant: "coverSelect", images: [sampleImage], selectedIndexes: [0] }),
+};
+exports.CoverSelectMultiple = {
+    args: __assign(__assign({}, baseArgs), { title: "Birden fazla kapak seçimi", variant: "coverSelect", images: sampleImages.slice(0, 3), selectedIndexes: [0, 2] }),
+};
+exports.Complete = {
+    args: __assign(__assign({}, baseArgs), { title: "Komple uploader", description: productDescription, images: sampleImages.slice(0, 2), maxCount: 6, columnCount: 3, uploadLabel: "Yükle", coverBadgeText: "Kapak", imageFit: "cover", imagePadding: "1rem" }),
 };
 var UploaderInteractiveStory = function () {
     var _a = (0, react_1.useState)([]), images = _a[0], setImages = _a[1];
@@ -92,7 +124,11 @@ var UploaderInteractiveStory = function () {
             var src = URL.createObjectURL(file);
             setImages(function (prev) {
                 var next = __spreadArray([], prev, true);
-                next[index] = { id: "upload-".concat(index, "-").concat(Date.now()), src: src, alt: file.name };
+                next[index] = {
+                    id: "upload-".concat(index, "-").concat(Date.now()),
+                    src: src,
+                    alt: file.name,
+                };
                 return next;
             });
         }, onRemove: function (index) {
@@ -108,7 +144,11 @@ exports.Interactive = {
 };
 var UploaderCoverSelectStory = function () {
     var _a = (0, react_1.useState)([0]), selectedIndexes = _a[0], setSelectedIndexes = _a[1];
-    var images = [sampleImage, __assign(__assign({}, sampleImage), { id: 'sample-2' }), __assign(__assign({}, sampleImage), { id: 'sample-3' })];
+    var images = [
+        sampleImage,
+        __assign(__assign({}, sampleImage), { id: "sample-2" }),
+        __assign(__assign({}, sampleImage), { id: "sample-3" }),
+    ];
     return ((0, jsx_runtime_1.jsx)(Uploader_1.default, { title: "Ana g\u00F6rselden se\u00E7", variant: "coverSelect", images: images, selectedIndexes: selectedIndexes, maxCount: 4, onSelect: function (index) {
             setSelectedIndexes(function (prev) {
                 return prev.includes(index)

package/dist/components/VideoCard/VideoCard.styled.d.ts

@@ -1,7 +1,19 @@
 /// <reference types="react" />
-export declare const VideoCardStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const VideoWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const VideoControls: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const ControlButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const PlayOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>>> & string;
+export declare const VideoCardStyled: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const VideoWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const VideoControls: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const ControlButton: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const PlayOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;

package/dist/components/VideoCard/stories/VideoCard.stories.d.ts

@@ -1,9 +1,19 @@
-import React from 'react';
+import React from "react";
 declare const _default: {
     title: string;
     component: (props: any) => React.JSX.Element;
     tags: string[];
-    argTypes: {};
+    argTypes: {
+        poster: {
+            control: string;
+        };
+        title: {
+            control: string;
+        };
+        videoUrl: {
+            control: string;
+        };
+    };
 };
 export default _default;
 export declare const Default: {
@@ -13,3 +23,41 @@ export declare const Default: {
         videoUrl: string;
     };
 };
+export declare const WithoutTitle: {
+    args: {
+        title: any;
+        poster: string;
+        videoUrl: string;
+    };
+};
+export declare const WithoutPoster: {
+    args: {
+        poster: any;
+        title: string;
+        videoUrl: string;
+    };
+};
+export declare const LongTitle: {
+    args: {
+        title: string;
+        poster: string;
+        videoUrl: string;
+    };
+};
+export declare const ShortTitle: {
+    args: {
+        title: string;
+        poster: string;
+        videoUrl: string;
+    };
+};
+export declare const VideoGrid: {
+    render: () => React.JSX.Element;
+};
+export declare const Complete: {
+    args: {
+        title: string;
+        poster: string;
+        videoUrl: string;
+    };
+};