krl-alfred 2.17.59 → 2.18.0

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

@@ -27,7 +27,7 @@ export declare const Default: {
         showLink: boolean;
         collapseAll: boolean;
         hasScrollOnFocus: boolean;
-        activeIndex: any;
+        activeIndex: number;
         linkText: string;
         linkOnClick: () => void;
         size: string;
@@ -44,7 +44,7 @@ export declare const Large: {
         showLink: boolean;
         collapseAll: boolean;
         hasScrollOnFocus: boolean;
-        activeIndex: any;
+        activeIndex: number;
         linkText: string;
         linkOnClick: () => void;
         size: string;
@@ -61,7 +61,7 @@ export declare const WithLink: {
         showLink: boolean;
         collapseAll: boolean;
         hasScrollOnFocus: boolean;
-        activeIndex: any;
+        activeIndex: number;
         linkText: string;
         linkOnClick: () => void;
         size: string;
@@ -78,7 +78,7 @@ export declare const LargeWithLink: {
         showLink: boolean;
         collapseAll: boolean;
         hasScrollOnFocus: boolean;
-        activeIndex: any;
+        activeIndex: number;
         linkText: string;
         linkOnClick: () => void;
         size: string;
@@ -95,7 +95,7 @@ export declare const CollapseAll: {
         showLink: boolean;
         collapseAll: boolean;
         hasScrollOnFocus: boolean;
-        activeIndex: any;
+        activeIndex: number;
         linkText: string;
         linkOnClick: () => void;
         size: string;
@@ -112,7 +112,7 @@ export declare const LargeCollapseAll: {
         showLink: boolean;
         collapseAll: boolean;
         hasScrollOnFocus: boolean;
-        activeIndex: any;
+        activeIndex: number;
         linkText: string;
         linkOnClick: () => void;
         size: string;
@@ -129,7 +129,7 @@ export declare const CollapseAllWithLink: {
         showLink: boolean;
         collapseAll: boolean;
         hasScrollOnFocus: boolean;
-        activeIndex: any;
+        activeIndex: number;
         linkText: string;
         linkOnClick: () => void;
         size: string;

package/dist/components/Accordion/stories/Accordion.stories.js

@@ -24,7 +24,7 @@ exports.Default = {
         showLink: false,
         collapseAll: false,
         hasScrollOnFocus: false,
-        activeIndex: null,
+        activeIndex: 0,
         linkText: "Daha Fazla Soru Göster",
         linkOnClick: function () { return console.log("test"); },
         size: 'medium'
@@ -37,7 +37,7 @@ exports.Large = {
         showLink: false,
         collapseAll: false,
         hasScrollOnFocus: false,
-        activeIndex: null,
+        activeIndex: 0,
         linkText: "Daha Fazla Soru Göster",
         linkOnClick: function () { return console.log("test"); },
         size: 'large'
@@ -50,7 +50,7 @@ exports.WithLink = {
         showLink: true,
         collapseAll: false,
         hasScrollOnFocus: false,
-        activeIndex: null,
+        activeIndex: 0,
         linkText: "Daha Fazla Soru Göster",
         linkOnClick: function () { return console.log("Daha fazla soru göster tıklandı"); },
         size: 'medium'
@@ -63,7 +63,7 @@ exports.LargeWithLink = {
         showLink: true,
         collapseAll: false,
         hasScrollOnFocus: false,
-        activeIndex: null,
+        activeIndex: 0,
         linkText: "Tüm Soruları Gör",
         linkOnClick: function () { return console.log("Tüm soruları gör tıklandı"); },
         size: 'large'
@@ -76,7 +76,7 @@ exports.CollapseAll = {
         showLink: false,
         collapseAll: true,
         hasScrollOnFocus: false,
-        activeIndex: null,
+        activeIndex: 0,
         linkText: "Daha Fazla Soru Göster",
         linkOnClick: function () { return console.log("test"); },
         size: 'medium'
@@ -89,7 +89,7 @@ exports.LargeCollapseAll = {
         showLink: false,
         collapseAll: true,
         hasScrollOnFocus: false,
-        activeIndex: null,
+        activeIndex: 0,
         linkText: "Daha Fazla Soru Göster",
         linkOnClick: function () { return console.log("test"); },
         size: 'large'
@@ -102,7 +102,7 @@ exports.CollapseAllWithLink = {
         showLink: true,
         collapseAll: true,
         hasScrollOnFocus: false,
-        activeIndex: null,
+        activeIndex: 0,
         linkText: "Daha Fazla Soru Göster",
         linkOnClick: function () { return console.log("test"); },
         size: 'medium'

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

@@ -15,6 +15,21 @@ declare const _default: {
             control: string;
             options: string[];
         };
+        title: {
+            control: string;
+        };
+        text: {
+            control: string;
+        };
+        hasResponsive: {
+            control: string;
+        };
+        left: {
+            control: string;
+        };
+        top: {
+            control: string;
+        };
     };
 };
 export default _default;
@@ -22,5 +37,104 @@ export declare const Default: {
     args: {
         title: string;
         variant: string;
+        layout: string;
+    };
+};
+export declare const Primary: {
+    args: {
+        variant: string;
+        layout: string;
+        title: string;
+    };
+};
+export declare const Secondary: {
+    args: {
+        variant: string;
+        layout: string;
+        title: string;
+    };
+};
+export declare const Danger: {
+    args: {
+        variant: string;
+        layout: string;
+        title: string;
+    };
+};
+export declare const Disabled: {
+    args: {
+        variant: string;
+        layout: string;
+        title: string;
+    };
+};
+export declare const Light: {
+    args: {
+        variant: string;
+        layout: string;
+        title: string;
+    };
+};
+export declare const Belt: {
+    args: {
+        layout: string;
+        title: string;
+        size: string;
+        variant: string;
+    };
+};
+export declare const Dark: {
+    args: {
+        layout: string;
+        size: string;
+        left: any;
+        top: any;
+    };
+};
+export declare const Text: {
+    args: {
+        layout: string;
+        title: string;
+        variant: string;
+    };
+};
+export declare const AllVariants: {
+    args: {
+        title: string;
+        variant: string;
+        layout: string;
+    };
+    render: (args: any) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const AllSizes: {
+    args: {
+        title: string;
+        variant: string;
+        layout: string;
+    };
+    render: (args: any) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const AllLayouts: {
+    args: {
+        title: string;
+        variant: string;
+        layout: string;
+    };
+    render: (args: any) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const WithResponsive: {
+    args: {
+        layout: string;
+        hasResponsive: boolean;
+        title: string;
+        variant: string;
+    };
+};
+export declare const DarkWithPosition: {
+    args: {
+        layout: string;
+        size: string;
+        left: string;
+        top: string;
     };
 };

package/dist/components/Badges/stories/Badges.stories.js

@@ -14,36 +14,90 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
+exports.DarkWithPosition = exports.WithResponsive = exports.AllLayouts = exports.AllSizes = exports.AllVariants = exports.Text = exports.Dark = exports.Belt = exports.Light = exports.Disabled = exports.Danger = exports.Secondary = exports.Primary = exports.Default = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var Badges_1 = __importDefault(require("../Badges"));
 var props_1 = require("../props");
+var Wrapper = function (_a) {
+    var children = _a.children, _b = _a.maxWidth, maxWidth = _b === void 0 ? "120px" : _b;
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: maxWidth } }, { children: children })));
+};
 exports.default = {
     title: 'Components/Badges',
-    component: function (props) {
-        var width = "";
-        switch (props.layout) {
-            case 'belt':
-                width = "90px";
-            case 'dark':
-                width = "80px";
-            case 'text':
-                width = "90px";
-            default:
-                width = "90px";
-        }
-        return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: width } }, { children: (0, jsx_runtime_1.jsx)(Badges_1.default, __assign({}, props)) })));
-    },
+    component: function (props) { return ((0, jsx_runtime_1.jsx)(Wrapper, __assign({ maxWidth: props.layout === 'dark' ? "100px" : "120px" }, { children: (0, jsx_runtime_1.jsx)(Badges_1.default, __assign({}, props)) }))); },
     tags: ['autodocs'],
     argTypes: {
         layout: { control: 'select', options: props_1.layouts },
         variant: { control: 'select', options: props_1.variants },
         size: { control: 'select', options: props_1.sizes },
+        title: { control: 'text' },
+        text: { control: 'text' },
+        hasResponsive: { control: 'boolean' },
+        left: { control: 'text' },
+        top: { control: 'text' },
     }
 };
 exports.Default = {
     args: {
         title: "İndirimli",
         variant: "primary",
+        layout: "belt",
+    },
+};
+// Variant stories
+exports.Primary = {
+    args: __assign(__assign({}, exports.Default.args), { variant: "primary", layout: "belt" }),
+};
+exports.Secondary = {
+    args: __assign(__assign({}, exports.Default.args), { variant: "secondary", layout: "belt" }),
+};
+exports.Danger = {
+    args: __assign(__assign({}, exports.Default.args), { variant: "danger", layout: "belt" }),
+};
+exports.Disabled = {
+    args: __assign(__assign({}, exports.Default.args), { variant: "disabled", layout: "belt" }),
+};
+exports.Light = {
+    args: __assign(__assign({}, exports.Default.args), { variant: "light", layout: "belt" }),
+};
+// Layout stories
+exports.Belt = {
+    args: __assign(__assign({}, exports.Default.args), { layout: "belt", title: "İndirimli", size: "medium" }),
+};
+exports.Dark = {
+    args: {
+        layout: "dark",
+        size: "medium",
+        left: undefined,
+        top: undefined,
+    },
+};
+exports.Text = {
+    args: __assign(__assign({}, exports.Default.args), { layout: "text", title: "Yeni", variant: "primary" }),
+};
+// All variants together
+exports.AllVariants = {
+    args: __assign({}, exports.Default.args),
+    render: function (args) { return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { display: 'flex', gap: '12px', flexWrap: 'wrap' } }, { children: props_1.variants.map(function (v) { return ((0, jsx_runtime_1.jsx)(Wrapper, { children: (0, jsx_runtime_1.jsx)(Badges_1.default, __assign({}, args, { variant: v, title: v, layout: "belt" })) }, v)); }) }))); },
+};
+// All sizes together
+exports.AllSizes = {
+    args: __assign({}, exports.Default.args),
+    render: function (args) { return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { display: 'flex', gap: '12px', flexWrap: 'wrap', alignItems: 'flex-start' } }, { children: props_1.sizes.map(function (s) { return ((0, jsx_runtime_1.jsx)(Wrapper, { children: (0, jsx_runtime_1.jsx)(Badges_1.default, __assign({}, args, { size: s, title: s, layout: "belt" })) }, s)); }) }))); },
+};
+// All layouts together
+exports.AllLayouts = {
+    args: __assign({}, exports.Default.args),
+    render: function (args) { return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: { display: 'flex', gap: '16px', flexWrap: 'wrap', alignItems: 'flex-start' } }, { children: [(0, jsx_runtime_1.jsx)(Wrapper, { children: (0, jsx_runtime_1.jsx)(Badges_1.default, __assign({}, args, { layout: "belt", title: "Belt" })) }), (0, jsx_runtime_1.jsx)(Wrapper, __assign({ maxWidth: "100px" }, { children: (0, jsx_runtime_1.jsx)(Badges_1.default, __assign({}, args, { layout: "dark", size: "medium" })) })), (0, jsx_runtime_1.jsx)(Wrapper, { children: (0, jsx_runtime_1.jsx)(Badges_1.default, __assign({}, args, { layout: "text", title: "Text" })) })] }))); },
+};
+exports.WithResponsive = {
+    args: __assign(__assign({}, exports.Default.args), { layout: "belt", hasResponsive: true, title: "Responsive" }),
+};
+exports.DarkWithPosition = {
+    args: {
+        layout: "dark",
+        size: "large",
+        left: "10px",
+        top: "10px",
     },
 };

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

@@ -11,6 +11,21 @@ declare const _default: {
             control: string;
             options: string[];
         };
+        authorTitle: {
+            control: string;
+        };
+        tags: {
+            control: string;
+        };
+        date: {
+            control: string;
+        };
+        contentTitle: {
+            control: string;
+        };
+        contentDesc: {
+            control: string;
+        };
     };
 };
 export default _default;
@@ -23,7 +38,139 @@ export declare const Default: {
         date: string;
         contentTitle: string;
         contentDesc: string;
+        direction: "vertical";
+        size: "lg";
+    };
+};
+export declare const Vertical: {
+    args: {
         direction: string;
+        authorImg: import("react/jsx-runtime").JSX.Element;
+        contentImg: import("react/jsx-runtime").JSX.Element;
+        authorTitle: string;
+        tags: string;
+        date: string;
+        contentTitle: string;
+        contentDesc: string;
+        size: "lg";
+    };
+};
+export declare const Horizontal: {
+    args: {
+        direction: string;
+        authorImg: import("react/jsx-runtime").JSX.Element;
+        contentImg: import("react/jsx-runtime").JSX.Element;
+        authorTitle: string;
+        tags: string;
+        date: string;
+        contentTitle: string;
+        contentDesc: string;
+        size: "lg";
+    };
+};
+export declare const Large: {
+    args: {
         size: string;
+        authorImg: import("react/jsx-runtime").JSX.Element;
+        contentImg: import("react/jsx-runtime").JSX.Element;
+        authorTitle: string;
+        tags: string;
+        date: string;
+        contentTitle: string;
+        contentDesc: string;
+        direction: "vertical";
+    };
+};
+export declare const Medium: {
+    args: {
+        size: string;
+        authorImg: import("react/jsx-runtime").JSX.Element;
+        contentImg: import("react/jsx-runtime").JSX.Element;
+        authorTitle: string;
+        tags: string;
+        date: string;
+        contentTitle: string;
+        contentDesc: string;
+        direction: "vertical";
+    };
+};
+export declare const AllDirections: {
+    args: {
+        authorImg: import("react/jsx-runtime").JSX.Element;
+        contentImg: import("react/jsx-runtime").JSX.Element;
+        authorTitle: string;
+        tags: string;
+        date: string;
+        contentTitle: string;
+        contentDesc: string;
+        direction: "vertical";
+        size: "lg";
+    };
+    render: (args: any) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const AllSizes: {
+    args: {
+        authorImg: import("react/jsx-runtime").JSX.Element;
+        contentImg: import("react/jsx-runtime").JSX.Element;
+        authorTitle: string;
+        tags: string;
+        date: string;
+        contentTitle: string;
+        contentDesc: string;
+        direction: "vertical";
+        size: "lg";
+    };
+    render: (args: any) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Minimal: {
+    args: {
+        tags: any;
+        date: any;
+        contentDesc: any;
+        authorImg: import("react/jsx-runtime").JSX.Element;
+        contentImg: import("react/jsx-runtime").JSX.Element;
+        authorTitle: string;
+        contentTitle: string;
+        direction: "vertical";
+        size: "lg";
+    };
+};
+export declare const WithoutAuthorImg: {
+    args: {
+        authorImg: any;
+        contentImg: import("react/jsx-runtime").JSX.Element;
+        authorTitle: string;
+        tags: string;
+        date: string;
+        contentTitle: string;
+        contentDesc: string;
+        direction: "vertical";
+        size: "lg";
+    };
+};
+export declare const WithoutContentImg: {
+    args: {
+        contentImg: any;
+        authorImg: import("react/jsx-runtime").JSX.Element;
+        authorTitle: string;
+        tags: string;
+        date: string;
+        contentTitle: string;
+        contentDesc: string;
+        direction: "vertical";
+        size: "lg";
+    };
+};
+export declare const LongContent: {
+    args: {
+        contentTitle: string;
+        contentDesc: string;
+        authorImg: import("react/jsx-runtime").JSX.Element;
+        contentImg: import("react/jsx-runtime").JSX.Element;
+        authorTitle: string;
+        tags: string;
+        date: string;
+        direction: "vertical";
+        size: "lg";
     };
 };

package/dist/components/BlogCard/stories/BlogCard.stories.js

@@ -14,10 +14,23 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
+exports.LongContent = exports.WithoutContentImg = exports.WithoutAuthorImg = exports.Minimal = exports.AllSizes = exports.AllDirections = exports.Medium = exports.Large = exports.Horizontal = exports.Vertical = exports.Default = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var BlogCard_1 = __importDefault(require("../BlogCard"));
 var props_1 = require("../props");
+var defaultAuthorImg = (0, jsx_runtime_1.jsx)("img", { src: "https://www.kiralarsin.com/Banners/turkiyeninilk-karbon-notr-teslimat-yapan-e-ticaret-sitesi.svg", height: "260px", alt: "test" });
+var defaultContentImg = (0, jsx_runtime_1.jsx)("img", { src: "https://www.kiralarsin.com/Banners/kiralama-uzatmain.svg", alt: "test" });
+var defaultArgs = {
+    authorImg: defaultAuthorImg,
+    contentImg: defaultContentImg,
+    authorTitle: 'Eda KESKİN',
+    tags: 'Teknoloji kiralama | Laptop kiralama',
+    date: '25.02.2025',
+    contentTitle: 'Yüksek performanslı yazıcıları kiralamak: evden çalışanlar için akılcı bir tercih',
+    contentDesc: 'Ev temizliğinde hijyenin önem kazandığı günümüzde, kimyasal kullanmadan temizlik yapabilen buharlı temizlik cihazları öne çıkıyor. Özellikle kısa süreli ihtiyaçlar için laptop satın almak artık her zaman en iyi çözüm değil.',
+    direction: 'vertical',
+    size: 'lg',
+};
 exports.default = {
     title: 'Components/Blog Card',
     component: function (props) { return (0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: '494px' } }, { children: (0, jsx_runtime_1.jsx)(BlogCard_1.default, __assign({}, props)) })); },
@@ -25,18 +38,49 @@ exports.default = {
     argTypes: {
         direction: { control: 'select', options: props_1.direction },
         size: { control: 'select', options: props_1.size },
+        authorTitle: { control: 'text' },
+        tags: { control: 'text' },
+        date: { control: 'text' },
+        contentTitle: { control: 'text' },
+        contentDesc: { control: 'text' },
     }
 };
 exports.Default = {
-    args: {
-        authorImg: (0, jsx_runtime_1.jsx)("img", { src: "https://www.kiralarsin.com/Banners/turkiyeninilk-karbon-notr-teslimat-yapan-e-ticaret-sitesi.svg", height: "260px", alt: "test" }),
-        contentImg: (0, jsx_runtime_1.jsx)("img", { src: "https://www.kiralarsin.com/Banners/kiralama-uzatmain.svg", alt: "test" }),
-        authorTitle: 'Eda KESKİN',
-        tags: 'Teknoloji kiralama | Laptop kiralama',
-        date: '25.02.2025',
-        contentTitle: 'Yüksek performanslı yazıcıları kiralamak: evden çalışanlar için akılcı bir tercih',
-        contentDesc: 'Ev temizliğinde hijyenin önem kazandığı günümüzde, kimyasal kullanmadan temizlik yapabilen buharlı temizlik cihazları öne çıkıyor. Özellikle kısa süreli ihtiyaçlar için laptop satın almak artık her zaman en iyi çözüm değil.ihazları öne çıkıyor. Özellikle kısa süreli ihtiyaçlar için ',
-        direction: 'vertical',
-        size: 'lg',
-    },
+    args: defaultArgs,
+};
+// Direction stories
+exports.Vertical = {
+    args: __assign(__assign({}, defaultArgs), { direction: 'vertical' }),
+};
+exports.Horizontal = {
+    args: __assign(__assign({}, defaultArgs), { direction: 'horizontal' }),
+};
+// Size stories
+exports.Large = {
+    args: __assign(__assign({}, defaultArgs), { size: 'lg' }),
+};
+exports.Medium = {
+    args: __assign(__assign({}, defaultArgs), { size: 'md' }),
+};
+// All directions together
+exports.AllDirections = {
+    args: defaultArgs,
+    render: function (args) { return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: { display: 'flex', gap: '24px', flexDirection: 'column' } }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: '494px' } }, { children: (0, jsx_runtime_1.jsx)(BlogCard_1.default, __assign({}, args, { direction: "vertical" })) })), (0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: '494px' } }, { children: (0, jsx_runtime_1.jsx)(BlogCard_1.default, __assign({}, args, { direction: "horizontal" })) }))] }))); },
+};
+// All sizes together
+exports.AllSizes = {
+    args: defaultArgs,
+    render: function (args) { return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: { display: 'flex', gap: '24px', flexDirection: 'column' } }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: '494px' } }, { children: (0, jsx_runtime_1.jsx)(BlogCard_1.default, __assign({}, args, { size: "lg" })) })), (0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: '494px' } }, { children: (0, jsx_runtime_1.jsx)(BlogCard_1.default, __assign({}, args, { size: "md" })) }))] }))); },
+};
+exports.Minimal = {
+    args: __assign(__assign({}, defaultArgs), { tags: null, date: null, contentDesc: null }),
+};
+exports.WithoutAuthorImg = {
+    args: __assign(__assign({}, defaultArgs), { authorImg: null }),
+};
+exports.WithoutContentImg = {
+    args: __assign(__assign({}, defaultArgs), { contentImg: null }),
+};
+exports.LongContent = {
+    args: __assign(__assign({}, defaultArgs), { contentTitle: 'Çok uzun bir blog başlığı: Bu başlık taşma durumlarını test etmek için kasıtlı olarak uzun tutulmuştur ve farklı ekran boyutlarında nasıl görüneceğini kontrol etmemize yardımcı olur', contentDesc: 'Bu açıklama metni de oldukça uzun. Ev temizliğinde hijyenin önem kazandığı günümüzde, kimyasal kullanmadan temizlik yapabilen buharlı temizlik cihazları öne çıkıyor. Özellikle kısa süreli ihtiyaçlar için laptop satın almak artık her zaman en iyi çözüm değil. Kiralama seçenekleri hem bütçe dostu hem de esnek kullanım imkanı sunuyor.' }),
 };

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

@@ -121,3 +121,78 @@ export declare const AllVariants: {
     };
     render: (args: any) => import("react/jsx-runtime").JSX.Element;
 };
+export declare const AllSizes: {
+    args: {
+        variant: string;
+        size: string;
+        children: string;
+        disabled: boolean;
+        isLoading: boolean;
+        width: string;
+        type: string;
+        tooltip: string;
+    };
+    render: (args: any) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Loading: {
+    args: {
+        isLoading: boolean;
+        children: string;
+        variant: string;
+        size: string;
+        disabled: boolean;
+        width: string;
+        type: string;
+        tooltip: string;
+    };
+};
+export declare const Disabled: {
+    args: {
+        disabled: boolean;
+        children: string;
+        variant: string;
+        size: string;
+        isLoading: boolean;
+        width: string;
+        type: string;
+        tooltip: string;
+    };
+};
+export declare const IconOnly: {
+    args: {
+        children: any;
+        icon: string;
+        iconSize: string;
+        variant: string;
+        size: string;
+        disabled: boolean;
+        isLoading: boolean;
+        width: string;
+        type: string;
+        tooltip: string;
+    };
+};
+export declare const FullWidth: {
+    args: {
+        width: string;
+        children: string;
+        variant: string;
+        size: string;
+        disabled: boolean;
+        isLoading: boolean;
+        type: string;
+        tooltip: string;
+    };
+};
+export declare const WithTooltip: {
+    args: {
+        tooltip: string;
+        children: string;
+        variant: string;
+        size: string;
+        disabled: boolean;
+        isLoading: boolean;
+        width: string;
+        type: string;
+    };
+};