linkedunion-design-kit 1.11.6 → 1.11.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linkedunion-design-kit",
-  "version": "1.11.6",
+  "version": "1.11.8",
   "private": false,
   "files": [
     "dist",
@@ -50,6 +50,7 @@
     "@radix-ui/react-popover": "^1.1.14",
     "@radix-ui/react-radio-group": "^1.3.7",
     "@radix-ui/react-select": "^2.2.5",
+    "@radix-ui/react-separator": "^1.1.8",
     "@radix-ui/react-slider": "^1.3.5",
     "@radix-ui/react-slot": "^1.2.3",
     "@radix-ui/react-switch": "^1.1.4",
@@ -69,7 +70,7 @@
     "init": "^0.1.2",
     "linkedunion-design-kit": "^1.6.0",
     "lucide-react": "^0.488.0",
-    "next": "^15.2.0",
+    "next": "^15.5.10",
     "radio-group": "^0.0.2",
     "react": "^19.0.0",
     "react-day-picker": "^9.11.1",
@@ -118,7 +119,7 @@
     "postcss": "^8.4.49",
     "postcss-cli": "^11.0.0",
     "prettier": "^3.5.2",
-    "storybook": "^8.4.3",
+    "storybook": "^8.6.15",
     "tailwindcss": "^4.1.3",
     "ts-node": "^10.9.2",
     "typescript": "^5"

package/dist/app/page.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function Home() {
-    return (_jsx("div", { className: "text-center flex flex-col items-center justify-center min-h-screen p-24 gap-5", children: _jsx("h1", { children: " Welcome to Linkedunion Design kit" }) }));
-}

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

@@ -1,32 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from "../../components/Accordion/accordion";
-import ColorPicker from "../ColorPicker/ColorPicker";
-export default {
-    title: "Components/Accordion",
-    component: Accordion,
-    tags: ["autodocs"],
-};
-var Template = function (args) { return (_jsx(Accordion, __assign({ type: "single", collapsible: true, defaultValue: "menus" }, args))); };
-export var _Accordion = Template.bind({});
-_Accordion.args = {
-    children: (_jsxs(_Fragment, { children: [_jsxs(AccordionItem, { value: "menus", children: [_jsx(AccordionTrigger, { children: "Menus" }), _jsx(AccordionContent, { children: _jsx(ColorPicker, { value: "#000000", onChange: function () { return console.log("color"); } }) })] }), _jsxs(AccordionItem, { value: "second", children: [_jsx(AccordionTrigger, { children: "Menus" }), _jsx(AccordionContent, { children: _jsx(ColorPicker, { value: "#000000", onChange: function () { return console.log("color"); } }) })] })] })),
-};
-_Accordion.argTypes = {
-    children: {
-        description: "Pass `AccordionItem` components as children. Each item includes an `AccordionTrigger` (the clickable label) and `AccordionContent` (collapsible body). You can customize both with any valid React nodes \n\nFor more details and usage examples, refer to the [ShadCN Accordion documentation](https://ui.shadcn.com/docs/components/accordion).",
-        table: {
-            type: { summary: "React.ReactNode" },
-        },
-    },
-};

package/dist/src/components/Alerts/Alert/alert.stories.js

@@ -1,166 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Alert, AlertAction, AlertCancel, AlertHeader, AlertTitle, AlertDescription, AlertFooter, colorOptions, sizeOptions, shadowOptions, variantOptions, getIconForColor, getContentForColor, } from "../AlertDialog/index";
-import LUIcon from "../../Icons/LUIcon";
-import { Button } from "../../Button/Button/Button";
-import { Heading } from "../../Typography/Heading/heading";
-import { Body } from "../../Typography/Body/body";
-export default {
-    title: "Components/Alert/Alert",
-    component: Alert,
-    tags: ["autodocs"],
-    parameters: {
-        docs: {
-            description: {
-                component: "A non-modal alert component that uses the same styling as AlertDialog but renders directly in the page flow without requiring a dialog context.",
-            },
-        },
-    },
-};
-// Template for stories with args
-var Template = function (args) { return (_jsxs(Alert, { size: args.size, shadow: args.shadow, color: args.color, variant: args.variant, children: [_jsxs(AlertHeader, { children: [args.Icon && _jsx(LUIcon, { icon: args.Icon, variant: "padded" }), _jsx(AlertTitle, { children: args.title }), _jsx(AlertDescription, { children: args.description })] }), _jsxs(AlertFooter, { children: [args.showCancel && (_jsx(AlertCancel, { onClick: function () { return alert("Cancel clicked"); }, className: "text-blue-600 hover:text-blue-700 hover:underline", children: args.cancelText })), args.showAction && (_jsx(AlertAction, { onClick: function () { return alert("Action clicked"); }, className: "text-blue-600 hover:text-blue-700 hover:underline", children: args.actionText }))] })] })); };
-// Default story with all controls
-export var Default = Template.bind({});
-Default.args = {
-    size: "md",
-    shadow: "none",
-    color: "blue",
-    variant: "outline",
-    Icon: "info",
-    title: "Update Available",
-    description: "A new version of the application is available. Would you like to update now? The update includes bug fixes and performance improvements.",
-    cancelText: "Later",
-    actionText: "Update Now",
-    showCancel: true,
-    showAction: true,
-};
-Default.argTypes = {
-    size: {
-        control: { type: "select" },
-        options: sizeOptions,
-        description: "Size variant for Alert",
-        table: {
-            defaultValue: { summary: "md" },
-            type: { summary: "enum" },
-            category: "Alert",
-        },
-    },
-    shadow: {
-        control: { type: "select" },
-        options: shadowOptions,
-        description: "Shadow variant for Alert",
-        table: {
-            defaultValue: { summary: "none" },
-            type: { summary: "enum" },
-            category: "Alert",
-        },
-    },
-    color: {
-        control: { type: "select" },
-        options: colorOptions,
-        description: "Color theme for Alert",
-        table: {
-            defaultValue: { summary: "blue" },
-            type: { summary: "enum" },
-            category: "Alert",
-        },
-    },
-    variant: {
-        control: { type: "select" },
-        options: variantOptions,
-        description: "Variant for Alert (outline | fill)",
-        table: {
-            defaultValue: { summary: "outline" },
-            type: { summary: "enum" },
-            category: "Alert",
-        },
-    },
-    Icon: {
-        control: { type: "text" },
-        description: "Icon to display in AlertHeader (LUIcon name)",
-        table: {
-            type: { summary: "string" },
-            category: "AlertHeader",
-        },
-    },
-    title: {
-        control: { type: "text" },
-        description: "Title text for AlertTitle",
-        table: {
-            type: { summary: "string" },
-            category: "AlertTitle",
-        },
-    },
-    description: {
-        control: { type: "text" },
-        description: "Description text for AlertDescription",
-        table: {
-            type: { summary: "string" },
-            category: "AlertDescription",
-        },
-    },
-    cancelText: {
-        control: { type: "text" },
-        description: "Text for AlertCancel button",
-        table: {
-            type: { summary: "string" },
-            category: "AlertCancel",
-        },
-    },
-    actionText: {
-        control: { type: "text" },
-        description: "Text for AlertAction button",
-        table: {
-            type: { summary: "string" },
-            category: "AlertAction",
-        },
-    },
-    showCancel: {
-        control: { type: "boolean" },
-        description: "Whether to show the cancel button",
-        table: {
-            type: { summary: "boolean" },
-            category: "Alert",
-        },
-    },
-    showAction: {
-        control: { type: "boolean" },
-        description: "Whether to show the action button",
-        table: {
-            type: { summary: "boolean" },
-            category: "Alert",
-        },
-    },
-};
-// Simple Example showing the exact code structure
-export var Example = function () { return (_jsxs(Alert, { color: "blue", size: "md", shadow: "none", children: [_jsxs(AlertHeader, { children: [_jsx(LUIcon, { icon: "info", variant: "padded" }), _jsx(AlertTitle, { children: "Update Available" }), _jsx(AlertDescription, { children: "A new version of the application is available. Would you like to update now? The update includes bug fixes and performance improvements." })] }), _jsxs(AlertFooter, { children: [_jsx(AlertCancel, { className: "text-blue-600 hover:text-blue-700 hover:underline", onClick: function () { return console.log("Later clicked"); }, children: "Later" }), _jsx(AlertAction, { className: "text-blue-600 hover:text-blue-700 hover:underline", onClick: function () { return console.log("Update Now clicked"); }, children: "Update Now" })] })] })); };
-Example.parameters = {
-    docs: {
-        description: {
-            story: "This example shows the exact code structure you should use to implement the Alert component.",
-        },
-    },
-};
-// All Colors Example
-export var AllColors = function () { return (_jsx("div", { className: "flex flex-col gap-4", children: colorOptions.map(function (color) {
-        var content = getContentForColor(color);
-        return (_jsxs(Alert, { color: color, children: [_jsxs(AlertHeader, { children: [_jsx(LUIcon, { icon: getIconForColor(color), variant: "padded" }), _jsx(AlertTitle, { children: content.title }), _jsx(AlertDescription, { children: content.description })] }), _jsxs(AlertFooter, { children: [_jsx(AlertCancel, { className: "text-".concat(color, "-600 hover:text-").concat(color, "-700 hover:underline"), children: "Cancel" }), _jsx(AlertAction, { className: "text-".concat(color, "-600 hover:text-").concat(color, "-700 hover:underline"), children: content.button })] })] }, color));
-    }) })); };
-// All Sizes Example
-export var AllSizes = function () { return (_jsx("div", { className: "flex flex-col gap-4", children: sizeOptions.map(function (size) { return (_jsxs(Alert, { size: size, color: "blue", children: [_jsxs(AlertHeader, { children: [_jsx(LUIcon, { icon: "info", color: "blue", variant: "padded" }), _jsxs(AlertTitle, { children: ["Size: ", size.toUpperCase()] }), _jsxs(AlertDescription, { children: ["This is an example of the Alert component with size ", size, "."] })] }), _jsxs(AlertFooter, { children: [_jsx(AlertCancel, { className: "text-blue-600 hover:text-blue-700 hover:underline", children: "Cancel" }), _jsx(AlertAction, { className: "text-blue-600 hover:text-blue-700 hover:underline", children: "Action" })] })] }, size)); }) })); };
-// Variants Example
-export var Variants = function () { return (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs(Alert, { variant: "outline", color: "blue", children: [_jsxs(AlertHeader, { children: [_jsx(LUIcon, { icon: "info", variant: "padded" }), _jsx(AlertTitle, { children: "Outline Variant" }), _jsx(AlertDescription, { children: "This is an example of the Alert component with the outline variant." })] }), _jsxs(AlertFooter, { children: [_jsx(AlertCancel, { className: "text-blue-600 hover:text-blue-700 hover:underline", children: "Cancel" }), _jsx(AlertAction, { className: "text-blue-600 hover:text-blue-700 hover:underline", children: "Action" })] })] }), _jsxs(Alert, { variant: "fill", color: "blue", children: [_jsxs(AlertHeader, { children: [_jsx(LUIcon, { icon: "info", variant: "padded" }), _jsx(AlertTitle, { children: "Fill Variant" }), _jsx(AlertDescription, { children: "This is an example of the Alert component with the fill variant." })] }), _jsxs(AlertFooter, { children: [_jsx(AlertCancel, { className: "text-blue-600 hover:text-blue-700 hover:underline", children: "Cancel" }), _jsx(AlertAction, { className: "text-blue-600 hover:text-blue-700 hover:underline", children: "Action" })] })] })] })); };
-// Comparison with regular AlertDialog
-export var ComparisonWithAlertDialog = function () { return (_jsxs("div", { className: "flex flex-col gap-8", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold mb-2", children: "Alert (Non-Modal)" }), _jsx("p", { className: "text-sm text-gray-600 mb-4", children: "This version renders directly in the page flow and does not create a modal overlay." }), _jsxs(Alert, { color: "green", children: [_jsxs(AlertHeader, { children: [_jsx(LUIcon, { icon: "check", variant: "padded" }), _jsx(AlertTitle, { children: "Success!" }), _jsx(AlertDescription, { children: "Your changes have been saved successfully." })] }), _jsx(AlertFooter, { children: _jsx(AlertAction, { className: "text-green-600 hover:text-green-700 hover:underline", children: "Close" }) })] })] }), _jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold mb-2", children: "AlertDialog Button (Modal - Click to Open)" }), _jsx("p", { className: "text-sm text-gray-600 mb-4", children: "This is the regular AlertDialog component that creates a modal overlay." }), _jsx(Button, { color: "light-green", onClick: function () { }, children: "Open Modal AlertDialog (See in Stories)" })] })] })); };
-// No Buttons Example
-export var NoButtons = function () { return (_jsx(Alert, { color: "yellow", children: _jsxs(AlertHeader, { children: [_jsx(LUIcon, { icon: "info", variant: "padded" }), _jsx(AlertTitle, { children: "Maintenance Notice" }), _jsx(AlertDescription, { children: "System maintenance is scheduled for tonight at 10:00 PM. The system will be unavailable for approximately 30 minutes." })] }) })); };
-// With Shadow Example
-export var WithShadow = function () { return (_jsxs(Alert, { color: "blue", shadow: "lg", children: [_jsxs(AlertHeader, { children: [_jsx(LUIcon, { icon: "info", variant: "padded" }), _jsx(AlertTitle, { children: "Information" }), _jsx(AlertDescription, { children: "This alert has a large shadow applied to it." })] }), _jsx(AlertFooter, { children: _jsx(AlertAction, { className: "text-blue-600 hover:text-blue-700 hover:underline", children: "Got it" }) })] })); };
-// CustomizeAlert Example - showing how to customize with Typography components
-export var CustomizeAlert = function () { return (_jsxs(Alert, { color: "red", size: "md", variant: "fill", children: [_jsxs(AlertHeader, { children: [_jsx(LUIcon, { icon: "info", size: "9xl", color: "light-red", variant: "padded" }), _jsx(AlertTitle, { children: _jsx(Heading, { variant: "h1-700", children: "Customize Alert Title" }) }), _jsx(AlertDescription, { children: _jsx(Body, { variant: "body-xs", children: "This Alert uses a customized icon size, custom typography variants, and different button colors to demonstrate full customization capabilities." }) })] }), _jsxs(AlertFooter, { children: [_jsx(AlertCancel, { variant: "fill", color: "indigo", children: "Close" }), _jsx(AlertAction, { variant: "outline", color: "light-green", children: "OK" })] })] })); };
-CustomizeAlert.parameters = {
-    docs: {
-        description: {
-            story: "This example demonstrates how to customize the Alert component with different typography variants, icon sizes, colors, and button styles. The alert uses a fill variant with red color, custom typography components, a 9xl icon size, and mixed button variants with different colors.",
-        },
-    },
-};

package/dist/src/components/Alerts/AlertDialog/alert-dialog.stories.js

@@ -1,213 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { Button } from "../../Button/Button/Button";
-import { Heading } from "../../Typography/Heading/heading";
-import { Body } from "../../Typography/Body/body";
-import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, colorOptions, sizeOptions, shadowOptions, variantOptions, getButtonColor, getIconForColor, getContentForColor, sizeExamples, shadowExamples, realWorldExamples, } from "./index";
-import LUIcon from "../../Icons/LUIcon";
-export default {
-    title: "Components/Alert/AlertDialog",
-    component: AlertDialog,
-    tags: ["autodocs"],
-    parameters: {
-        docs: {
-            description: {
-                component: "A modal dialog that interrupts the user with important content and expects a response. Built with Radix UI primitives.",
-            },
-        },
-    },
-};
-// Component with eye icon to show code
-var ColorVariantWithEyeIcon = function (_a) {
-    var color = _a.color, content = _a.content;
-    var _b = useState(false), showCode = _b[0], setShowCode = _b[1];
-    var triggerText = color.charAt(0).toUpperCase() + color.slice(1).replace("-", " ");
-    var alertDialogCode = "<AlertDialog>\n  <AlertDialogTrigger asChild>\n    <Button variant=\"outline\" color=\"".concat(getButtonColor(color), "\">\n      ").concat(triggerText, "\n    </Button>\n  </AlertDialogTrigger>\n  <AlertDialogContent color=\"").concat(color, "\">\n    <AlertDialogHeader>\n      <LUIcon icon=\"").concat(getIconForColor(color), "\" variant=\"padded\" />\n      <AlertDialogTitle>").concat(content.title, "</AlertDialogTitle>\n      <AlertDialogDescription>\n        ").concat(content.description, "\n      </AlertDialogDescription>\n    </AlertDialogHeader>\n    <AlertDialogFooter>\n      <AlertDialogCancel>Cancel</AlertDialogCancel>\n      <AlertDialogAction>").concat(content.button, "</AlertDialogAction>\n    </AlertDialogFooter>\n  </AlertDialogContent>\n</AlertDialog>");
-    return (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex-1", children: _jsx(AlertDialogExample, { triggerText: triggerText, triggerColor: getButtonColor(color), color: color, icon: getIconForColor(color), title: content.title, description: content.description, cancelText: "Cancel", actionText: content.button, className: "w-full" }) }), _jsx(Button, { onClick: function () { return setShowCode(!showCode); }, variant: "ghost", size: "sm", title: showCode ? "Hide Code" : "Show Code", className: "text-gray-600 hover:text-gray-800 hover:bg-gray-100", children: _jsx(LUIcon, { icon: showCode ? "eye-slash" : "eye" }) })] }), showCode && (_jsxs("div", { className: "p-3 bg-gray-50 border rounded-lg", children: [_jsxs("div", { className: "flex items-center justify-between mb-2", children: [_jsxs(Body, { variant: "body-sm", className: "font-semibold text-gray-700", children: [triggerText, " - AlertDialog Code"] }), _jsx(Button, { onClick: function () { return navigator.clipboard.writeText(alertDialogCode); }, variant: "ghost", size: "sm", title: "Copy code to clipboard", className: "text-xs text-blue-700 hover:bg-blue-200 bg-blue-100", children: "Copy Code" })] }), _jsx("pre", { className: "text-xs bg-white p-3 rounded border overflow-x-auto", children: _jsx("code", { className: "text-gray-800", children: alertDialogCode }) })] }))] }));
-};
-// Component with eye icon to show size code
-var SizeVariantWithEyeIcon = function (_a) {
-    var sizeExample = _a.sizeExample;
-    var _b = useState(false), showCode = _b[0], setShowCode = _b[1];
-    var alertDialogCode = "<AlertDialog>\n  <AlertDialogTrigger asChild>\n    <Button variant=\"outline\" color=\"blue\">\n      ".concat(sizeExample.triggerText, "\n    </Button>\n  </AlertDialogTrigger>\n  <AlertDialogContent size=\"").concat(sizeExample.size, "\" color=\"blue\">\n    <AlertDialogHeader>\n      <LUIcon icon=\"").concat(sizeExample.icon, "\" variant=\"padded\" />\n      <AlertDialogTitle>").concat(sizeExample.title, "</AlertDialogTitle>\n      <AlertDialogDescription>\n        ").concat(sizeExample.description, "\n      </AlertDialogDescription>\n    </AlertDialogHeader>\n    <AlertDialogFooter>\n      <AlertDialogCancel>").concat(sizeExample.cancelText, "</AlertDialogCancel>\n      <AlertDialogAction>").concat(sizeExample.actionText, "</AlertDialogAction>\n    </AlertDialogFooter>\n  </AlertDialogContent>\n</AlertDialog>");
-    return (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex-1", children: _jsx(AlertDialogExample, { triggerText: sizeExample.triggerText, triggerColor: "blue", size: sizeExample.size, color: "blue", icon: sizeExample.icon, title: sizeExample.title, description: sizeExample.description, cancelText: sizeExample.cancelText, actionText: sizeExample.actionText }) }), _jsx(Button, { onClick: function () { return setShowCode(!showCode); }, variant: "ghost", size: "sm", title: showCode ? "Hide Code" : "Show Code", className: "text-gray-600 hover:text-gray-800 hover:bg-gray-100", children: _jsx(LUIcon, { icon: showCode ? "eye-slash" : "eye" }) })] }), showCode && (_jsxs("div", { className: "p-3 bg-gray-50 border rounded-lg", children: [_jsxs("div", { className: "flex items-center justify-between mb-2", children: [_jsxs(Body, { variant: "body-sm", className: "font-semibold text-gray-700", children: [sizeExample.size.toUpperCase(), " Size - AlertDialog Code"] }), _jsx(Button, { onClick: function () { return navigator.clipboard.writeText(alertDialogCode); }, variant: "ghost", size: "sm", title: "Copy code to clipboard", className: "text-xs text-blue-700 hover:bg-blue-200 bg-blue-100", children: "Copy Code" })] }), _jsx("pre", { className: "text-xs bg-white p-3 rounded border overflow-x-auto", children: _jsx("code", { className: "text-gray-800", children: alertDialogCode }) })] }))] }));
-};
-// Component with eye icon to show shadow code
-var ShadowVariantWithEyeIcon = function (_a) {
-    var shadowExample = _a.shadowExample;
-    var _b = useState(false), showCode = _b[0], setShowCode = _b[1];
-    var alertDialogCode = "<AlertDialog>\n  <AlertDialogTrigger asChild>\n    <Button variant=\"outline\" color=\"blue\">\n      ".concat(shadowExample.triggerText, "\n    </Button>\n  </AlertDialogTrigger>\n  <AlertDialogContent shadow=\"").concat(shadowExample.shadow, "\" color=\"blue\">\n    <AlertDialogHeader>\n      <LUIcon icon=\"").concat(shadowExample.icon, "\" variant=\"padded\" />\n      <AlertDialogTitle>").concat(shadowExample.title, "</AlertDialogTitle>\n      <AlertDialogDescription>\n        ").concat(shadowExample.description, "\n      </AlertDialogDescription>\n    </AlertDialogHeader>\n    <AlertDialogFooter>\n      <AlertDialogCancel>").concat(shadowExample.cancelText, "</AlertDialogCancel>\n      <AlertDialogAction>").concat(shadowExample.actionText, "</AlertDialogAction>\n    </AlertDialogFooter>\n  </AlertDialogContent>\n</AlertDialog>");
-    return (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex-1", children: _jsx(AlertDialogExample, { triggerText: shadowExample.triggerText, triggerColor: "blue", shadow: shadowExample.shadow, color: "blue", icon: shadowExample.icon, title: shadowExample.title, description: shadowExample.description, cancelText: shadowExample.cancelText, actionText: shadowExample.actionText }) }), _jsx(Button, { onClick: function () { return setShowCode(!showCode); }, variant: "ghost", size: "sm", title: showCode ? "Hide Code" : "Show Code", className: "text-gray-600 hover:text-gray-800 hover:bg-gray-100", children: _jsx(LUIcon, { icon: showCode ? "eye-slash" : "eye" }) })] }), showCode && (_jsxs("div", { className: "p-3 bg-gray-50 border rounded-lg", children: [_jsxs("div", { className: "flex items-center justify-between mb-2", children: [_jsxs(Body, { variant: "body-sm", className: "font-semibold text-gray-700", children: [shadowExample.shadow === "none" ? "No Shadow" : "Large Shadow", " - AlertDialog Code"] }), _jsx(Button, { onClick: function () { return navigator.clipboard.writeText(alertDialogCode); }, variant: "ghost", size: "sm", title: "Copy code to clipboard", className: "text-xs text-blue-700 hover:bg-blue-200 bg-blue-100", children: "Copy Code" })] }), _jsx("pre", { className: "text-xs bg-white p-3 rounded border overflow-x-auto", children: _jsx("code", { className: "text-gray-800", children: alertDialogCode }) })] }))] }));
-};
-// Reusable AlertDialog component
-var AlertDialogExample = function (_a) {
-    var triggerText = _a.triggerText, triggerColor = _a.triggerColor, _b = _a.size, size = _b === void 0 ? "md" : _b, _c = _a.shadow, shadow = _c === void 0 ? "none" : _c, color = _a.color, variant = _a.variant, icon = _a.icon, title = _a.title, description = _a.description, cancelText = _a.cancelText, actionText = _a.actionText, _d = _a.showCancel, showCancel = _d === void 0 ? true : _d, _e = _a.showAction, showAction = _e === void 0 ? true : _e, _f = _a.className, className = _f === void 0 ? "" : _f;
-    return (_jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { size: size, variant: "outline", color: triggerColor ? triggerColor : getButtonColor(color), className: className, children: triggerText }) }), _jsxs(AlertDialogContent, { size: size, shadow: shadow, color: color, variant: variant, children: [_jsxs(AlertDialogHeader, { children: [icon && _jsx(LUIcon, { icon: icon, variant: "padded" }), _jsx(AlertDialogTitle, { children: title }), _jsx(AlertDialogDescription, { children: description })] }), (showCancel || showAction) && (_jsxs(AlertDialogFooter, { children: [showCancel && (_jsx(AlertDialogCancel, { children: cancelText || "Cancel" })), showAction && (_jsx(AlertDialogAction, { children: actionText || "OK" }))] }))] })] }));
-};
-// Template for stories with args - Using actual AlertDialog components
-var Template = function (args) { return (_jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", color: "blue", children: "Show Alert Dialog" }) }), _jsxs(AlertDialogContent, { size: args.size, shadow: args.shadow, color: args.color, variant: args.variant, children: [_jsxs(AlertDialogHeader, { children: [args.Icon && _jsx(LUIcon, { icon: args.Icon, variant: "padded" }), _jsx(AlertDialogTitle, { children: args.title }), _jsx(AlertDialogDescription, { children: args.description })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: args.cancelText }), _jsx(AlertDialogAction, { children: args.actionText })] })] })] })); };
-// Default story with all controls
-export var Default = Template.bind({});
-Default.args = {
-    size: "md",
-    shadow: "none",
-    color: "blue",
-    variant: "outline",
-    Icon: "info",
-    title: "Update Available",
-    description: "A new version of the application is available. Would you like to update now? The update includes bug fixes and performance improvements.",
-    cancelText: "Later",
-    actionText: "Update Now",
-};
-Default.argTypes = {
-    size: {
-        control: { type: "select" },
-        options: sizeOptions,
-        description: "Size variant for AlertDialogContent",
-        table: {
-            defaultValue: { summary: "md" },
-            type: { summary: "enum" },
-            category: "AlertDialogContent",
-        },
-    },
-    shadow: {
-        control: { type: "select" },
-        options: shadowOptions,
-        description: "Shadow variant for AlertDialogContent",
-        table: {
-            defaultValue: { summary: "none" },
-            type: { summary: "enum" },
-            category: "AlertDialogContent",
-        },
-    },
-    color: {
-        control: { type: "select" },
-        options: colorOptions,
-        description: "Color theme for AlertDialogContent",
-        table: {
-            defaultValue: { summary: "blue" },
-            type: { summary: "enum" },
-            category: "AlertDialogContent",
-        },
-    },
-    variant: {
-        control: { type: "select" },
-        options: variantOptions,
-        description: "Variant for AlertDialogContent (outline | fill)",
-        table: {
-            defaultValue: { summary: "outline" },
-            type: { summary: "enum" },
-            category: "AlertDialogContent",
-        },
-    },
-    Icon: {
-        control: { type: "text" },
-        description: "Icon to display in AlertDialogHeader (LUIcon name)",
-        table: {
-            type: { summary: "string" },
-            category: "AlertDialogHeader",
-        },
-    },
-    title: {
-        control: { type: "text" },
-        description: "Title text for AlertDialogTitle",
-        table: {
-            type: { summary: "string" },
-            category: "AlertDialogTitle",
-        },
-    },
-    description: {
-        control: { type: "text" },
-        description: "Description text for AlertDialogDescription",
-        table: {
-            type: { summary: "string" },
-            category: "AlertDialogDescription",
-        },
-    },
-    cancelText: {
-        control: { type: "text" },
-        description: "Text for AlertDialogCancel button",
-        table: {
-            type: { summary: "string" },
-            category: "AlertDialogCancel",
-        },
-    },
-    actionText: {
-        control: { type: "text" },
-        description: "Text for AlertDialogAction button",
-        table: {
-            type: { summary: "string" },
-            category: "AlertDialogAction",
-        },
-    },
-};
-// Simple Example showing the exact code structure
-export var Example = function () { return (_jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", color: "blue", children: "Show Alert Dialog" }) }), _jsxs(AlertDialogContent, { color: "blue", size: "md", shadow: "none", children: [_jsxs(AlertDialogHeader, { children: [_jsx(LUIcon, { icon: "info", variant: "padded" }), _jsx(AlertDialogTitle, { children: "Update Available" }), _jsx(AlertDialogDescription, { children: "A new version of the application is available. Would you like to update now? The update includes bug fixes and performance improvements." })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Later" }), _jsx(AlertDialogAction, { children: "Update Now" })] })] })] })); };
-Example.parameters = {
-    docs: {
-        description: {
-            story: "This example shows the exact code structure you should use to implement the AlertDialog component.",
-        },
-    },
-};
-// Basic Example - Shows the actual component code
-export var BasicExample = function () { return (_jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", color: "blue", children: "Show Basic Alert" }) }), _jsxs(AlertDialogContent, { color: "blue", size: "md", shadow: "none", children: [_jsxs(AlertDialogHeader, { children: [_jsx(LUIcon, { icon: "info", variant: "padded" }), _jsx(AlertDialogTitle, { children: "Update Available" }), _jsx(AlertDialogDescription, { children: "A new version of the application is available. Would you like to update now? The update includes bug fixes and performance improvements." })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Later" }), _jsx(AlertDialogAction, { children: "Update Now" })] })] })] })); };
-BasicExample.parameters = {
-    docs: {
-        description: {
-            story: "Basic AlertDialog example showing the actual component structure.",
-        },
-    },
-};
-export var AllSizes = function () { return (_jsxs("div", { className: "flex flex-col gap-8", children: [_jsx(Heading, { variant: "h3", className: "text-lg font-semibold", children: "All Size Variants" }), _jsx(Body, { variant: "body-sm", className: "text-gray-600", children: "Click the eye icon (\uD83D\uDC41\uFE0F) to view the code for each size variant" }), _jsx("div", { className: "space-y-6", children: sizeExamples.map(function (example, index) { return (_jsx(SizeVariantWithEyeIcon, { sizeExample: example }, index)); }) })] })); };
-AllSizes.parameters = {
-    docs: {
-        source: {
-            code: null, // This hides the source code
-        },
-    },
-};
-// Story showing both padded and default icon variants side-by-side
-export var IconPaddedAndDefault = function () { return (_jsxs("div", { className: "flex flex-col gap-6 md:flex-row md:items-start md:gap-4", children: [_jsx("div", { className: "flex-1", children: _jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", color: "blue", children: "Padded Icon" }) }), _jsxs(AlertDialogContent, { color: "blue", size: "md", children: [_jsxs(AlertDialogHeader, { children: [_jsx(LUIcon, { icon: "info", color: "light-blue", variant: "padded" }), _jsx(AlertDialogTitle, { children: "Padded Icon" }), _jsx(AlertDialogDescription, { children: "This AlertDialog uses a padded icon (icon with background). The icon size remains fixed." })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Close" }), _jsx(AlertDialogAction, { children: "OK" })] })] })] }) }), _jsx("div", { className: "flex-1", children: _jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", color: "blue", children: "Default Icon" }) }), _jsxs(AlertDialogContent, { color: "blue", size: "md", children: [_jsxs(AlertDialogHeader, { children: [_jsx(LUIcon, { icon: "info", variant: "default" }), _jsx(AlertDialogTitle, { children: "Default Icon" }), _jsx(AlertDialogDescription, { children: "This AlertDialog uses the default (non-padded) icon." })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Close" }), _jsx(AlertDialogAction, { children: "OK" })] })] })] }) })] })); };
-export var AllShadows = function () { return (_jsxs("div", { className: "flex flex-col gap-8", children: [_jsx(Heading, { variant: "h3", className: "text-lg font-semibold", children: "All Shadow Variants" }), _jsx(Body, { variant: "body-sm", className: "text-gray-600", children: "Click the eye icon (\uD83D\uDC41\uFE0F) to view the code for each shadow variant" }), _jsx("div", { className: "space-y-6", children: shadowExamples.map(function (example, index) { return (_jsx(ShadowVariantWithEyeIcon, { shadowExample: example }, index)); }) })] })); };
-AllShadows.parameters = {
-    docs: {
-        source: {
-            code: null, // This hides the source code
-        },
-    },
-};
-export var AllColors = function () { return (_jsxs("div", { className: "flex flex-col gap-8", children: [_jsx(Heading, { variant: "h3", className: "text-lg font-semibold", children: "All Color Variants" }), _jsx(Body, { variant: "body-sm", className: "text-gray-600", children: "Click the eye icon (\uD83D\uDC41\uFE0F) to view the code for each color variant" }), _jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: colorOptions.map(function (color) {
-                var content = getContentForColor(color);
-                return (_jsx(ColorVariantWithEyeIcon, { color: color, content: content }, color));
-            }) })] })); };
-AllColors.parameters = {
-    docs: {
-        source: {
-            code: null, // This hides the source code
-        },
-    },
-};
-// Essential Layout Variants
-export var WithoutIcon = function () { return (_jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", color: "blue", children: "Show Alert Dialog" }) }), _jsxs(AlertDialogContent, { color: "blue", children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Save Draft" }), _jsx(AlertDialogDescription, { children: "You have unsaved changes in your document. Would you like to save them as a draft before leaving?" })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Discard Changes" }), _jsx(AlertDialogAction, { children: "Save Draft" })] })] })] })); };
-export var SingleActionButton = function () { return (_jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", color: "green", children: "Show Success Message" }) }), _jsxs(AlertDialogContent, { color: "green", children: [_jsxs(AlertDialogHeader, { children: [_jsx(LUIcon, { icon: "check", variant: "padded" }), _jsx(AlertDialogTitle, { children: "Success!" }), _jsx(AlertDialogDescription, { children: "Your message has been sent successfully." })] }), _jsx(AlertDialogFooter, { children: _jsx(AlertDialogAction, { children: "Close" }) })] })] })); };
-export var RealWorldUseCases = function () { return (_jsxs("div", { className: "flex flex-col gap-8", children: [_jsx(Heading, { variant: "h3", className: "text-lg font-semibold", children: "Real-world Use Cases" }), _jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: realWorldExamples.map(function (example, index) { return (_jsx(AlertDialogExample, { triggerText: example.triggerText, triggerColor: example.triggerColor, size: example.size, shadow: example.shadow, color: example.color, icon: example.icon, title: example.title, description: example.description, cancelText: example.cancelText, actionText: example.actionText, className: "w-full" }, index)); }) })] })); };
-RealWorldUseCases.parameters = {
-    docs: {
-        source: {
-            code: null, // This hides the source code
-        },
-    },
-};
-// Button Configuration Variants - Comprehensive Examples
-var ButtonVariantsTemplate = function () { return (_jsxs("div", { className: "flex flex-col gap-8", children: [_jsx(Heading, { variant: "h3", className: "text-lg font-semibold", children: "Button Configuration Variants" }), _jsxs("div", { className: "space-y-4", children: [_jsx(Heading, { variant: "h4", className: "font-medium text-gray-700", children: "Single Button (Action Only)" }), _jsxs("div", { className: "flex flex-wrap gap-4", children: [_jsx(AlertDialogExample, { triggerText: "Success Message", triggerColor: "light-green", size: "md", color: "green", icon: "check", title: "Message Sent", description: "Your message has been delivered successfully to all recipients.", showCancel: false, actionText: "Close" }), _jsx(AlertDialogExample, { triggerText: "Error Alert", triggerColor: "light-red", size: "md", shadow: "lg", color: "red", icon: "circle-exclamation", title: "Connection Failed", description: "Unable to connect to the server. Please check your internet connection and try again.", showCancel: false, actionText: "Retry" }), _jsx(AlertDialogExample, { triggerText: "Installation Complete", triggerColor: "blue", size: "md", color: "green", icon: "check", title: "Installation Complete", description: "The application has been successfully installed on your device. You can now start using all the features.", showCancel: false, actionText: "Start Using App" })] })] }), _jsxs("div", { className: "space-y-4", children: [_jsx(Heading, { variant: "h4", className: "font-medium text-gray-700", children: "Both Buttons (Cancel + Action)" }), _jsxs("div", { className: "flex flex-wrap gap-4", children: [_jsx(AlertDialogExample, { triggerText: "Confirm Action", triggerColor: "blue", size: "md", color: "blue", icon: "info", title: "Confirm Your Action", description: "Do you want to proceed with this action? This will update your settings and preferences.", cancelText: "No, Cancel", actionText: "Yes, Proceed" }), _jsx(AlertDialogExample, { triggerText: "Delete Confirmation", triggerColor: "light-red", size: "md", color: "red", icon: "circle-exclamation", title: "Confirm Deletion", description: "Are you sure you want to delete this item? This action cannot be undone.", cancelText: "Cancel", actionText: "Delete" }), _jsx(AlertDialogExample, { triggerText: "Save Changes", triggerColor: "blue", size: "md", color: "blue", title: "Save Draft", description: "You have unsaved changes in your document. Would you like to save them as a draft before leaving?", cancelText: "Discard Changes", actionText: "Save Draft" })] })] }), _jsxs("div", { className: "space-y-4", children: [_jsx(Heading, { variant: "h4", className: "font-medium text-gray-700", children: "No Buttons (Information Only)" }), _jsxs("div", { className: "flex flex-wrap gap-4", children: [_jsx(AlertDialogExample, { triggerText: "Loading State", triggerColor: "blue", size: "sm", color: "blue", icon: "clock", title: "Syncing...", description: "Synchronizing your data with the cloud. Please wait.", showCancel: false, showAction: false }), _jsx(AlertDialogExample, { triggerText: "System Info", triggerColor: "yellow", size: "md", color: "yellow", icon: "info", title: "System Information", description: "Server maintenance is currently in progress. Some features may be temporarily unavailable. We apologize for any inconvenience.", showCancel: false, showAction: false }), _jsx(AlertDialogExample, { triggerText: "Processing", triggerColor: "yellow", size: "md", color: "yellow", icon: "clock", title: "Processing Your Request", description: "Please wait while we process your request. This may take a few moments. Do not close this window.", showCancel: false, showAction: false })] })] })] })); };
-export var ButtonVariants = ButtonVariantsTemplate.bind({});
-ButtonVariants.parameters = {
-    docs: {
-        source: {
-            code: null, // This hides the source code
-        },
-    },
-};
-// Story showing both padded and default icon variants side-by-side
-export var CustomizeAlert = function () { return (_jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", color: "blue", children: "Customize Alert" }) }), _jsxs(AlertDialogContent, { color: "red", size: "md", children: [_jsxs(AlertDialogHeader, { children: [_jsx(LUIcon, { icon: "info", size: "9xl", color: "light-red", variant: "padded" }), _jsx(AlertDialogTitle, { children: _jsx(Heading, { variant: "h1-700", children: " Customize Alert Title" }) }), _jsx(AlertDialogDescription, { children: _jsx(Body, { variant: "body-xs", children: "This AlertDialog uses a Customize Alert Icon." }) })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { variant: "fill", color: "indigo", children: "Close" }), _jsx(AlertDialogAction, { variant: "outline", color: "light-green", children: "OK" })] })] })] })); };

package/dist/src/components/AppIcons/AndroidIcon.js

@@ -1,28 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var AndroidIcon = function (_a) {
-    var _b = _a.width, width = _b === void 0 ? "177" : _b, _c = _a.height, height = _c === void 0 ? "60" : _c, _d = _a.fill, fill = _d === void 0 ? "#000000" : _d, _e = _a.textFill, textFill = _e === void 0 ? "#ffffff" : _e, _f = _a.iconFill, iconFill = _f === void 0 ? textFill : _f, className = _a.className, _g = _a.stroke, stroke = _g === void 0 ? textFill : _g, props = __rest(_a, ["width", "height", "fill", "textFill", "iconFill", "className", "stroke"]);
-    return (_jsxs("svg", __assign({ width: width, height: height, viewBox: "0 0 177 59", fill: fill, xmlns: "http://www.w3.org/2000/svg", className: className }, props, { children: [_jsx("path", { d: "M2 0.5H175C175.828 0.5 176.5 1.17157 176.5 2V57C176.5 57.8284 175.828 58.5 175 58.5H2C1.17157 58.5 0.5 57.8284 0.5 57V2C0.5 1.17157 1.17157 0.5 2 0.5Z", stroke: stroke }), _jsx("g", { children: _jsx("path", { d: "M31.3639 33.9716C31.1002 33.9716 30.8424 33.8934 30.6231 33.7469C30.4039 33.6004 30.233 33.3922 30.132 33.1485C30.0311 32.9049 30.0047 32.6368 30.0562 32.3782C30.1076 32.1195 30.2346 31.882 30.4211 31.6955C30.6075 31.509 30.8451 31.382 31.1038 31.3306C31.3624 31.2791 31.6305 31.3055 31.8741 31.4065C32.1178 31.5074 32.326 31.6783 32.4725 31.8975C32.619 32.1168 32.6972 32.3746 32.6972 32.6383C32.6972 32.9919 32.5567 33.3311 32.3067 33.5811C32.0567 33.8312 31.7175 33.9716 31.3639 33.9716ZM16.6361 33.9716C16.3724 33.9716 16.1146 33.8934 15.8954 33.7469C15.6761 33.6004 15.5052 33.3922 15.4043 33.1485C15.3034 32.9049 15.277 32.6368 15.3284 32.3782C15.3798 32.1195 15.5068 31.882 15.6933 31.6955C15.8798 31.509 16.1173 31.382 16.376 31.3306C16.6346 31.2791 16.9027 31.3055 17.1464 31.4065C17.39 31.5074 17.5982 31.6783 17.7447 31.8975C17.8912 32.1168 17.9694 32.3746 17.9694 32.6383C17.9694 32.9919 17.829 33.3311 17.5789 33.5811C17.3289 33.8312 16.9897 33.9716 16.6361 33.9716ZM31.8417 25.945L34.505 21.3339C34.5474 21.2707 34.5763 21.1995 34.5901 21.1247C34.6038 21.0499 34.6021 20.9731 34.5849 20.899C34.5678 20.8249 34.5356 20.7552 34.4904 20.694C34.4452 20.6329 34.3879 20.5816 34.3221 20.5435C34.2563 20.5054 34.1833 20.4812 34.1078 20.4725C34.0322 20.4637 33.9557 20.4705 33.8829 20.4925C33.8101 20.5145 33.7426 20.5513 33.6846 20.6004C33.6265 20.6496 33.5792 20.7101 33.5456 20.7783L30.8489 25.4489C28.6948 24.4828 26.3608 23.9833 24 23.9833C21.6392 23.9833 19.3052 24.4828 17.1511 25.4489L14.4544 20.7783C14.4208 20.7101 14.3735 20.6496 14.3154 20.6004C14.2574 20.5513 14.1899 20.5145 14.1171 20.4925C14.0443 20.4705 13.9678 20.4637 13.8922 20.4725C13.8167 20.4812 13.7438 20.5054 13.6779 20.5435C13.6121 20.5816 13.5548 20.6329 13.5096 20.694C13.4644 20.7552 13.4322 20.8249 13.4151 20.899C13.3979 20.9731 13.3962 21.0499 13.4099 21.1247C13.4237 21.1995 13.4526 21.2707 13.495 21.3339L16.1583 25.945C11.585 28.4322 8.45778 33.0616 8 38.5311H40C39.5422 33.0616 36.4144 28.4322 31.8417 25.945Z", fill: iconFill }) }), _jsx("path", { d: "M56.47 12.07C56.1993 11.5007 55.8073 11.062 55.294 10.754C54.7807 10.4367 54.1833 10.278 53.502 10.278C52.8207 10.278 52.2047 10.4367 51.654 10.754C51.1127 11.062 50.6833 11.51 50.366 12.098C50.058 12.6767 49.904 13.3487 49.904 14.114C49.904 14.8793 50.058 15.5513 50.366 16.13C50.6833 16.7087 51.1127 17.1567 51.654 17.474C52.2047 17.782 52.8207 17.936 53.502 17.936C54.454 17.936 55.238 17.6513 55.854 17.082C56.47 16.5127 56.8293 15.7427 56.932 14.772H53.04V13.736H58.29V14.716C58.2153 15.5187 57.9633 16.256 57.534 16.928C57.1047 17.5907 56.54 18.118 55.84 18.51C55.14 18.8927 54.3607 19.084 53.502 19.084C52.5967 19.084 51.7707 18.874 51.024 18.454C50.2773 18.0247 49.6847 17.432 49.246 16.676C48.8167 15.92 48.602 15.066 48.602 14.114C48.602 13.162 48.8167 12.308 49.246 11.552C49.6847 10.7867 50.2773 10.194 51.024 9.774C51.7707 9.34467 52.5967 9.13 53.502 9.13C54.538 9.13 55.4527 9.38667 56.246 9.9C57.0487 10.4133 57.632 11.1367 57.996 12.07H56.47ZM66.9745 14.87C66.9745 15.1127 66.9605 15.3693 66.9325 15.64H60.8005C60.8472 16.396 61.1038 16.9887 61.5705 17.418C62.0465 17.838 62.6205 18.048 63.2925 18.048C63.8432 18.048 64.3005 17.922 64.6645 17.67C65.0378 17.4087 65.2992 17.0633 65.4485 16.634H66.8205C66.6152 17.3713 66.2045 17.9733 65.5885 18.44C64.9725 18.8973 64.2072 19.126 63.2925 19.126C62.5645 19.126 61.9112 18.9627 61.3325 18.636C60.7632 18.3093 60.3152 17.8473 59.9885 17.25C59.6618 16.6433 59.4985 15.9433 59.4985 15.15C59.4985 14.3567 59.6572 13.6613 59.9745 13.064C60.2918 12.4667 60.7352 12.0093 61.3045 11.692C61.8832 11.3653 62.5458 11.202 63.2925 11.202C64.0205 11.202 64.6645 11.3607 65.2245 11.678C65.7845 11.9953 66.2138 12.434 66.5125 12.994C66.8205 13.5447 66.9745 14.17 66.9745 14.87ZM65.6585 14.604C65.6585 14.1187 65.5512 13.7033 65.3365 13.358C65.1218 13.0033 64.8278 12.7373 64.4545 12.56C64.0905 12.3733 63.6845 12.28 63.2365 12.28C62.5925 12.28 62.0418 12.4853 61.5845 12.896C61.1365 13.3067 60.8798 13.876 60.8145 14.604H65.6585ZM70.2101 12.378V16.9C70.2101 17.2733 70.2895 17.5393 70.4481 17.698C70.6068 17.8473 70.8821 17.922 71.2741 17.922H72.2121V19H71.0641C70.3548 19 69.8228 18.8367 69.4681 18.51C69.1135 18.1833 68.9361 17.6467 68.9361 16.9V12.378H67.9421V11.328H68.9361V9.396H70.2101V11.328H72.2121V12.378H70.2101ZM78.1462 10.082C77.9035 10.082 77.6982 9.998 77.5302 9.83C77.3622 9.662 77.2782 9.45667 77.2782 9.214C77.2782 8.97133 77.3622 8.766 77.5302 8.598C77.6982 8.43 77.9035 8.346 78.1462 8.346C78.3795 8.346 78.5755 8.43 78.7342 8.598C78.9022 8.766 78.9862 8.97133 78.9862 9.214C78.9862 9.45667 78.9022 9.662 78.7342 9.83C78.5755 9.998 78.3795 10.082 78.1462 10.082ZM78.7622 11.328V19H77.4882V11.328H78.7622ZM82.4875 12.378V16.9C82.4875 17.2733 82.5668 17.5393 82.7255 17.698C82.8841 17.8473 83.1595 17.922 83.5515 17.922H84.4895V19H83.3415C82.6321 19 82.1001 18.8367 81.7455 18.51C81.3908 18.1833 81.2135 17.6467 81.2135 16.9V12.378H80.2195V11.328H81.2135V9.396H82.4875V11.328H84.4895V12.378H82.4875ZM93.1115 19.126C92.3928 19.126 91.7395 18.9627 91.1515 18.636C90.5728 18.3093 90.1155 17.8473 89.7795 17.25C89.4528 16.6433 89.2895 15.9433 89.2895 15.15C89.2895 14.366 89.4575 13.6753 89.7935 13.078C90.1388 12.4713 90.6055 12.0093 91.1935 11.692C91.7815 11.3653 92.4395 11.202 93.1675 11.202C93.8955 11.202 94.5535 11.3653 95.1415 11.692C95.7295 12.0093 96.1915 12.4667 96.5275 13.064C96.8728 13.6613 97.0455 14.3567 97.0455 15.15C97.0455 15.9433 96.8682 16.6433 96.5135 17.25C96.1682 17.8473 95.6968 18.3093 95.0995 18.636C94.5022 18.9627 93.8395 19.126 93.1115 19.126ZM93.1115 18.006C93.5688 18.006 93.9982 17.8987 94.3995 17.684C94.8008 17.4693 95.1228 17.1473 95.3655 16.718C95.6175 16.2887 95.7435 15.766 95.7435 15.15C95.7435 14.534 95.6222 14.0113 95.3795 13.582C95.1368 13.1527 94.8195 12.8353 94.4275 12.63C94.0355 12.4153 93.6108 12.308 93.1535 12.308C92.6868 12.308 92.2575 12.4153 91.8655 12.63C91.4828 12.8353 91.1748 13.1527 90.9415 13.582C90.7082 14.0113 90.5915 14.534 90.5915 15.15C90.5915 15.7753 90.7035 16.3027 90.9275 16.732C91.1608 17.1613 91.4688 17.4833 91.8515 17.698C92.2342 17.9033 92.6542 18.006 93.1115 18.006ZM102.459 11.188C103.392 11.188 104.148 11.4727 104.727 12.042C105.305 12.602 105.595 13.414 105.595 14.478V19H104.335V14.66C104.335 13.8947 104.143 13.3113 103.761 12.91C103.378 12.4993 102.855 12.294 102.193 12.294C101.521 12.294 100.984 12.504 100.583 12.924C100.191 13.344 99.9946 13.9553 99.9946 14.758V19H98.7206V11.328H99.9946V12.42C100.247 12.028 100.587 11.7247 101.017 11.51C101.455 11.2953 101.936 11.188 102.459 11.188Z", fill: textFill }), _jsx("path", { d: "M57.88 44.16H52.06L51.06 47H48.68L53.66 33.08H56.3L61.28 47H58.88L57.88 44.16ZM57.24 42.3L54.98 35.84L52.7 42.3H57.24ZM69.0053 35.8C69.872 35.8 70.6453 35.98 71.3253 36.34C72.0186 36.7 72.5586 37.2333 72.9453 37.94C73.332 38.6467 73.5253 39.5 73.5253 40.5V47H71.2653V40.84C71.2653 39.8533 71.0186 39.1 70.5253 38.58C70.032 38.0467 69.3586 37.78 68.5053 37.78C67.652 37.78 66.972 38.0467 66.4653 38.58C65.972 39.1 65.7253 39.8533 65.7253 40.84V47H63.4453V35.98H65.7253V37.24C66.0986 36.7867 66.572 36.4333 67.1453 36.18C67.732 35.9267 68.352 35.8 69.0053 35.8ZM75.6736 41.44C75.6736 40.3333 75.9003 39.3533 76.3536 38.5C76.8203 37.6467 77.4469 36.9867 78.2336 36.52C79.0336 36.04 79.9203 35.8 80.8936 35.8C81.6136 35.8 82.3203 35.96 83.0136 36.28C83.7203 36.5867 84.2803 37 84.6936 37.52V32.2H86.9936V47H84.6936V45.34C84.3203 45.8733 83.8003 46.3133 83.1336 46.66C82.4803 47.0067 81.7269 47.18 80.8736 47.18C79.9136 47.18 79.0336 46.94 78.2336 46.46C77.4469 45.9667 76.8203 45.2867 76.3536 44.42C75.9003 43.54 75.6736 42.5467 75.6736 41.44ZM84.6936 41.48C84.6936 40.72 84.5336 40.06 84.2136 39.5C83.9069 38.94 83.5003 38.5133 82.9936 38.22C82.4869 37.9267 81.9403 37.78 81.3536 37.78C80.7669 37.78 80.2203 37.9267 79.7136 38.22C79.2069 38.5 78.7936 38.92 78.4736 39.48C78.1669 40.0267 78.0136 40.68 78.0136 41.44C78.0136 42.2 78.1669 42.8667 78.4736 43.44C78.7936 44.0133 79.2069 44.4533 79.7136 44.76C80.2336 45.0533 80.7803 45.2 81.3536 45.2C81.9403 45.2 82.4869 45.0533 82.9936 44.76C83.5003 44.4667 83.9069 44.04 84.2136 43.48C84.5336 42.9067 84.6936 42.24 84.6936 41.48ZM92.2683 37.58C92.6016 37.02 93.0416 36.5867 93.5883 36.28C94.1483 35.96 94.8083 35.8 95.5683 35.8V38.16H94.9883C94.0949 38.16 93.4149 38.3867 92.9483 38.84C92.4949 39.2933 92.2683 40.08 92.2683 41.2V47H89.9883V35.98H92.2683V37.58ZM102.444 47.18C101.404 47.18 100.464 46.9467 99.6241 46.48C98.7841 46 98.1241 45.3333 97.6441 44.48C97.1641 43.6133 96.9241 42.6133 96.9241 41.48C96.9241 40.36 97.1707 39.3667 97.6641 38.5C98.1574 37.6333 98.8307 36.9667 99.6841 36.5C100.537 36.0333 101.491 35.8 102.544 35.8C103.597 35.8 104.551 36.0333 105.404 36.5C106.257 36.9667 106.931 37.6333 107.424 38.5C107.917 39.3667 108.164 40.36 108.164 41.48C108.164 42.6 107.911 43.5933 107.404 44.46C106.897 45.3267 106.204 46 105.324 46.48C104.457 46.9467 103.497 47.18 102.444 47.18ZM102.444 45.2C103.031 45.2 103.577 45.06 104.084 44.78C104.604 44.5 105.024 44.08 105.344 43.52C105.664 42.96 105.824 42.28 105.824 41.48C105.824 40.68 105.671 40.0067 105.364 39.46C105.057 38.9 104.651 38.48 104.144 38.2C103.637 37.92 103.091 37.78 102.504 37.78C101.917 37.78 101.371 37.92 100.864 38.2C100.371 38.48 99.9774 38.9 99.6841 39.46C99.3907 40.0067 99.2441 40.68 99.2441 41.48C99.2441 42.6667 99.5441 43.5867 100.144 44.24C100.757 44.88 101.524 45.2 102.444 45.2ZM111.578 34.52C111.165 34.52 110.818 34.38 110.538 34.1C110.258 33.82 110.118 33.4733 110.118 33.06C110.118 32.6467 110.258 32.3 110.538 32.02C110.818 31.74 111.165 31.6 111.578 31.6C111.978 31.6 112.318 31.74 112.598 32.02C112.878 32.3 113.018 32.6467 113.018 33.06C113.018 33.4733 112.878 33.82 112.598 34.1C112.318 34.38 111.978 34.52 111.578 34.52ZM112.698 35.98V47H110.418V35.98H112.698ZM114.931 41.44C114.931 40.3333 115.158 39.3533 115.611 38.5C116.078 37.6467 116.705 36.9867 117.491 36.52C118.291 36.04 119.178 35.8 120.151 35.8C120.871 35.8 121.578 35.96 122.271 36.28C122.978 36.5867 123.538 37 123.951 37.52V32.2H126.251V47H123.951V45.34C123.578 45.8733 123.058 46.3133 122.391 46.66C121.738 47.0067 120.985 47.18 120.131 47.18C119.171 47.18 118.291 46.94 117.491 46.46C116.705 45.9667 116.078 45.2867 115.611 44.42C115.158 43.54 114.931 42.5467 114.931 41.44ZM123.951 41.48C123.951 40.72 123.791 40.06 123.471 39.5C123.165 38.94 122.758 38.5133 122.251 38.22C121.745 37.9267 121.198 37.78 120.611 37.78C120.025 37.78 119.478 37.9267 118.971 38.22C118.465 38.5 118.051 38.92 117.731 39.48C117.425 40.0267 117.271 40.68 117.271 41.44C117.271 42.2 117.425 42.8667 117.731 43.44C118.051 44.0133 118.465 44.4533 118.971 44.76C119.491 45.0533 120.038 45.2 120.611 45.2C121.198 45.2 121.745 45.0533 122.251 44.76C122.758 44.4667 123.165 44.04 123.471 43.48C123.791 42.9067 123.951 42.24 123.951 41.48Z", fill: textFill })] })));
-};
-export default AndroidIcon;

package/dist/src/components/AppIcons/AppleIcon.js

@@ -1,28 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var AppleIcon = function (_a) {
-    var _b = _a.width, width = _b === void 0 ? "177" : _b, _c = _a.height, height = _c === void 0 ? "60" : _c, _d = _a.fill, fill = _d === void 0 ? "#000000" : _d, _e = _a.textFill, textFill = _e === void 0 ? "#ffffff" : _e, _f = _a.iconFill, iconFill = _f === void 0 ? textFill : _f, className = _a.className, _g = _a.stroke, stroke = _g === void 0 ? textFill : _g, props = __rest(_a, ["width", "height", "fill", "textFill", "iconFill", "className", "stroke"]);
-    return (_jsxs("svg", __assign({ width: width, height: height, viewBox: "0 0 177 60", fill: fill, className: "".concat(className), xmlns: "http://www.w3.org/2000/svg" }, props, { children: [_jsx("path", { d: "M2 0.757324H175C175.828 0.757324 176.5 1.4289 176.5 2.25732V57.2573C176.5 58.0858 175.828 58.7573 175 58.7573H2C1.17157 58.7573 0.5 58.0858 0.5 57.2573V2.25732C0.5 1.4289 1.17157 0.757324 2 0.757324Z", stroke: stroke }), _jsx("g", { clipPath: "url(#clip0_5701_44006)", children: _jsx("path", { d: "M33.0373 30.6675C33.0231 28.0456 34.209 26.0667 36.6094 24.6093C35.2663 22.6875 33.2374 21.6302 30.5583 21.423C28.0222 21.223 25.2502 22.9018 24.2357 22.9018C23.1641 22.9018 20.7065 21.4944 18.7776 21.4944C14.7912 21.5587 10.5547 24.6736 10.5547 31.0105C10.5547 32.8822 10.8976 34.8159 11.5834 36.8115C12.4979 39.4334 15.7985 45.8632 19.242 45.756C21.0423 45.7131 22.314 44.4772 24.6573 44.4772C26.9291 44.4772 28.1079 45.756 30.1154 45.756C33.5874 45.706 36.5737 39.8621 37.4453 37.233C32.7873 35.0398 33.0373 30.8033 33.0373 30.6675ZM28.9938 18.9368C30.9441 16.6221 30.7655 14.5146 30.7084 13.7573C28.9866 13.8573 26.9934 14.929 25.8575 16.2506C24.6072 17.6652 23.8714 19.4155 24.0286 21.3873C25.8932 21.5302 27.5935 20.5728 28.9938 18.9368Z", fill: iconFill }) }), _jsx("path", { d: "M52.116 9.49932C53.18 9.49932 54.0993 9.69999 54.874 10.1013C55.658 10.4933 56.2553 11.058 56.666 11.7953C57.086 12.5327 57.296 13.4007 57.296 14.3993C57.296 15.398 57.086 16.266 56.666 17.0033C56.2553 17.7313 55.658 18.2913 54.874 18.6833C54.0993 19.066 53.18 19.2573 52.116 19.2573H49.078V9.49932H52.116ZM52.116 18.2073C53.376 18.2073 54.3373 17.876 55 17.2133C55.6627 16.5413 55.994 15.6033 55.994 14.3993C55.994 13.186 55.658 12.2387 54.986 11.5573C54.3233 10.876 53.3667 10.5353 52.116 10.5353H50.352V18.2073H52.116ZM62.3224 19.3833C61.6038 19.3833 60.9504 19.22 60.3624 18.8933C59.7838 18.5667 59.3264 18.1047 58.9904 17.5073C58.6638 16.9007 58.5004 16.2007 58.5004 15.4073C58.5004 14.6233 58.6684 13.9327 59.0044 13.3353C59.3498 12.7287 59.8164 12.2667 60.4044 11.9493C60.9924 11.6227 61.6504 11.4593 62.3784 11.4593C63.1064 11.4593 63.7644 11.6227 64.3524 11.9493C64.9404 12.2667 65.4024 12.724 65.7384 13.3213C66.0838 13.9187 66.2564 14.614 66.2564 15.4073C66.2564 16.2007 66.0791 16.9007 65.7244 17.5073C65.3791 18.1047 64.9078 18.5667 64.3104 18.8933C63.7131 19.22 63.0504 19.3833 62.3224 19.3833ZM62.3224 18.2633C62.7798 18.2633 63.2091 18.156 63.6104 17.9413C64.0118 17.7267 64.3338 17.4047 64.5764 16.9753C64.8284 16.546 64.9544 16.0233 64.9544 15.4073C64.9544 14.7913 64.8331 14.2687 64.5904 13.8393C64.3478 13.41 64.0304 13.0927 63.6384 12.8873C63.2464 12.6727 62.8218 12.5653 62.3644 12.5653C61.8978 12.5653 61.4684 12.6727 61.0764 12.8873C60.6938 13.0927 60.3858 13.41 60.1524 13.8393C59.9191 14.2687 59.8024 14.7913 59.8024 15.4073C59.8024 16.0327 59.9144 16.56 60.1384 16.9893C60.3718 17.4187 60.6798 17.7407 61.0624 17.9553C61.4451 18.1607 61.8651 18.2633 62.3224 18.2633ZM78.1515 11.5853L75.7575 19.2573H74.4415L72.5935 13.1673L70.7455 19.2573H69.4295L67.0215 11.5853H68.3235L70.0875 18.0253L71.9915 11.5853H73.2935L75.1555 18.0393L76.8915 11.5853H78.1515ZM83.1539 11.4453C84.0872 11.4453 84.8432 11.73 85.4219 12.2993C86.0006 12.8593 86.2899 13.6713 86.2899 14.7353V19.2573H85.0299V14.9173C85.0299 14.152 84.8386 13.5687 84.4559 13.1673C84.0732 12.7567 83.5506 12.5513 82.8879 12.5513C82.2159 12.5513 81.6792 12.7613 81.2779 13.1813C80.8859 13.6013 80.6899 14.2127 80.6899 15.0153V19.2573H79.4159V11.5853H80.6899V12.6773C80.9419 12.2853 81.2826 11.982 81.7119 11.7673C82.1506 11.5527 82.6312 11.4453 83.1539 11.4453ZM89.645 8.89732V19.2573H88.371V8.89732H89.645ZM95.1623 19.3833C94.4436 19.3833 93.7903 19.22 93.2023 18.8933C92.6236 18.5667 92.1663 18.1047 91.8303 17.5073C91.5036 16.9007 91.3403 16.2007 91.3403 15.4073C91.3403 14.6233 91.5083 13.9327 91.8443 13.3353C92.1896 12.7287 92.6563 12.2667 93.2443 11.9493C93.8323 11.6227 94.4903 11.4593 95.2183 11.4593C95.9463 11.4593 96.6043 11.6227 97.1923 11.9493C97.7803 12.2667 98.2423 12.724 98.5783 13.3213C98.9236 13.9187 99.0963 14.614 99.0963 15.4073C99.0963 16.2007 98.9189 16.9007 98.5643 17.5073C98.2189 18.1047 97.7476 18.5667 97.1503 18.8933C96.5529 19.22 95.8903 19.3833 95.1623 19.3833ZM95.1623 18.2633C95.6196 18.2633 96.0489 18.156 96.4503 17.9413C96.8516 17.7267 97.1736 17.4047 97.4163 16.9753C97.6683 16.546 97.7943 16.0233 97.7943 15.4073C97.7943 14.7913 97.6729 14.2687 97.4303 13.8393C97.1876 13.41 96.8703 13.0927 96.4783 12.8873C96.0863 12.6727 95.6616 12.5653 95.2043 12.5653C94.7376 12.5653 94.3083 12.6727 93.9163 12.8873C93.5336 13.0927 93.2256 13.41 92.9923 13.8393C92.7589 14.2687 92.6423 14.7913 92.6423 15.4073C92.6423 16.0327 92.7543 16.56 92.9783 16.9893C93.2116 17.4187 93.5196 17.7407 93.9023 17.9553C94.2849 18.1607 94.7049 18.2633 95.1623 18.2633ZM100.295 15.3933C100.295 14.6093 100.454 13.9233 100.771 13.3353C101.089 12.738 101.523 12.276 102.073 11.9493C102.633 11.6227 103.254 11.4593 103.935 11.4593C104.607 11.4593 105.191 11.604 105.685 11.8933C106.18 12.1827 106.549 12.5467 106.791 12.9853V11.5853H108.079V19.2573H106.791V17.8293C106.539 18.2773 106.161 18.6507 105.657 18.9493C105.163 19.2387 104.584 19.3833 103.921 19.3833C103.24 19.3833 102.624 19.2153 102.073 18.8793C101.523 18.5433 101.089 18.072 100.771 17.4653C100.454 16.8587 100.295 16.168 100.295 15.3933ZM106.791 15.4073C106.791 14.8287 106.675 14.3247 106.441 13.8953C106.208 13.466 105.891 13.1393 105.489 12.9153C105.097 12.682 104.663 12.5653 104.187 12.5653C103.711 12.5653 103.277 12.6773 102.885 12.9013C102.493 13.1253 102.181 13.452 101.947 13.8813C101.714 14.3107 101.597 14.8147 101.597 15.3933C101.597 15.9813 101.714 16.4947 101.947 16.9333C102.181 17.3627 102.493 17.694 102.885 17.9273C103.277 18.1513 103.711 18.2633 104.187 18.2633C104.663 18.2633 105.097 18.1513 105.489 17.9273C105.891 17.694 106.208 17.3627 106.441 16.9333C106.675 16.4947 106.791 15.986 106.791 15.4073ZM109.756 15.3933C109.756 14.6093 109.915 13.9233 110.232 13.3353C110.55 12.738 110.984 12.276 111.534 11.9493C112.094 11.6227 112.72 11.4593 113.41 11.4593C114.008 11.4593 114.563 11.5993 115.076 11.8793C115.59 12.15 115.982 12.5093 116.252 12.9573V8.89732H117.54V19.2573H116.252V17.8153C116 18.2727 115.627 18.6507 115.132 18.9493C114.638 19.2387 114.059 19.3833 113.396 19.3833C112.715 19.3833 112.094 19.2153 111.534 18.8793C110.984 18.5433 110.55 18.072 110.232 17.4653C109.915 16.8587 109.756 16.168 109.756 15.3933ZM116.252 15.4073C116.252 14.8287 116.136 14.3247 115.902 13.8953C115.669 13.466 115.352 13.1393 114.95 12.9153C114.558 12.682 114.124 12.5653 113.648 12.5653C113.172 12.5653 112.738 12.6773 112.346 12.9013C111.954 13.1253 111.642 13.452 111.408 13.8813C111.175 14.3107 111.058 14.8147 111.058 15.3933C111.058 15.9813 111.175 16.4947 111.408 16.9333C111.642 17.3627 111.954 17.694 112.346 17.9273C112.738 18.1513 113.172 18.2633 113.648 18.2633C114.124 18.2633 114.558 18.1513 114.95 17.9273C115.352 17.694 115.669 17.3627 115.902 16.9333C116.136 16.4947 116.252 15.986 116.252 15.4073ZM126.772 19.3833C126.053 19.3833 125.4 19.22 124.812 18.8933C124.233 18.5667 123.776 18.1047 123.44 17.5073C123.113 16.9007 122.95 16.2007 122.95 15.4073C122.95 14.6233 123.118 13.9327 123.454 13.3353C123.799 12.7287 124.266 12.2667 124.854 11.9493C125.442 11.6227 126.1 11.4593 126.828 11.4593C127.556 11.4593 128.214 11.6227 128.802 11.9493C129.39 12.2667 129.852 12.724 130.188 13.3213C130.533 13.9187 130.706 14.614 130.706 15.4073C130.706 16.2007 130.528 16.9007 130.174 17.5073C129.828 18.1047 129.357 18.5667 128.76 18.8933C128.162 19.22 127.5 19.3833 126.772 19.3833ZM126.772 18.2633C127.229 18.2633 127.658 18.156 128.06 17.9413C128.461 17.7267 128.783 17.4047 129.026 16.9753C129.278 16.546 129.404 16.0233 129.404 15.4073C129.404 14.7913 129.282 14.2687 129.04 13.8393C128.797 13.41 128.48 13.0927 128.088 12.8873C127.696 12.6727 127.271 12.5653 126.814 12.5653C126.347 12.5653 125.918 12.6727 125.526 12.8873C125.143 13.0927 124.835 13.41 124.602 13.8393C124.368 14.2687 124.252 14.7913 124.252 15.4073C124.252 16.0327 124.364 16.56 124.588 16.9893C124.821 17.4187 125.129 17.7407 125.512 17.9553C125.894 18.1607 126.314 18.2633 126.772 18.2633ZM136.119 11.4453C137.052 11.4453 137.808 11.73 138.387 12.2993C138.965 12.8593 139.255 13.6713 139.255 14.7353V19.2573H137.995V14.9173C137.995 14.152 137.803 13.5687 137.421 13.1673C137.038 12.7567 136.515 12.5513 135.853 12.5513C135.181 12.5513 134.644 12.7613 134.243 13.1813C133.851 13.6013 133.655 14.2127 133.655 15.0153V19.2573H132.381V11.5853H133.655V12.6773C133.907 12.2853 134.247 11.982 134.677 11.7673C135.115 11.5527 135.596 11.4453 136.119 11.4453ZM146.622 12.6353V17.1573C146.622 17.5307 146.702 17.7967 146.86 17.9553C147.019 18.1047 147.294 18.1793 147.686 18.1793H148.624V19.2573H147.476C146.767 19.2573 146.235 19.094 145.88 18.7673C145.526 18.4407 145.348 17.904 145.348 17.1573V12.6353H144.354V11.5853H145.348V9.65332H146.622V11.5853H148.624V12.6353H146.622ZM153.976 11.4453C154.555 11.4453 155.077 11.5713 155.544 11.8233C156.011 12.066 156.375 12.4347 156.636 12.9293C156.907 13.424 157.042 14.026 157.042 14.7353V19.2573H155.782V14.9173C155.782 14.152 155.591 13.5687 155.208 13.1673C154.825 12.7567 154.303 12.5513 153.64 12.5513C152.968 12.5513 152.431 12.7613 152.03 13.1813C151.638 13.6013 151.442 14.2127 151.442 15.0153V19.2573H150.168V8.89732H151.442V12.6773C151.694 12.2853 152.039 11.982 152.478 11.7673C152.926 11.5527 153.425 11.4453 153.976 11.4453ZM166.123 15.1273C166.123 15.37 166.109 15.6267 166.081 15.8973H159.949C159.996 16.6533 160.252 17.246 160.719 17.6753C161.195 18.0953 161.769 18.3053 162.441 18.3053C162.992 18.3053 163.449 18.1793 163.813 17.9273C164.186 17.666 164.448 17.3207 164.597 16.8913H165.969C165.764 17.6287 165.353 18.2307 164.737 18.6973C164.121 19.1547 163.356 19.3833 162.441 19.3833C161.713 19.3833 161.06 19.22 160.481 18.8933C159.912 18.5667 159.464 18.1047 159.137 17.5073C158.81 16.9007 158.647 16.2007 158.647 15.4073C158.647 14.614 158.806 13.9187 159.123 13.3213C159.44 12.724 159.884 12.2667 160.453 11.9493C161.032 11.6227 161.694 11.4593 162.441 11.4593C163.169 11.4593 163.813 11.618 164.373 11.9353C164.933 12.2527 165.362 12.6913 165.661 13.2513C165.969 13.802 166.123 14.4273 166.123 15.1273ZM164.807 14.8613C164.807 14.376 164.7 13.9607 164.485 13.6153C164.27 13.2607 163.976 12.9947 163.603 12.8173C163.239 12.6307 162.833 12.5373 162.385 12.5373C161.741 12.5373 161.19 12.7427 160.733 13.1533C160.285 13.564 160.028 14.1333 159.963 14.8613H164.807Z", fill: textFill }), _jsx("path", { d: "M57.88 44.4173H52.06L51.06 47.2573H48.68L53.66 33.3373H56.3L61.28 47.2573H58.88L57.88 44.4173ZM57.24 42.5573L54.98 36.0973L52.7 42.5573H57.24ZM65.7253 37.8573C66.112 37.3507 66.6386 36.924 67.3053 36.5773C67.972 36.2307 68.7253 36.0573 69.5653 36.0573C70.5253 36.0573 71.3986 36.2973 72.1853 36.7773C72.9853 37.244 73.612 37.904 74.0653 38.7573C74.5186 39.6107 74.7453 40.5907 74.7453 41.6973C74.7453 42.804 74.5186 43.7973 74.0653 44.6773C73.612 45.544 72.9853 46.224 72.1853 46.7173C71.3986 47.1973 70.5253 47.4373 69.5653 47.4373C68.7253 47.4373 67.9786 47.2707 67.3253 46.9373C66.672 46.5907 66.1386 46.164 65.7253 45.6573V52.4973H63.4453V36.2373H65.7253V37.8573ZM72.4253 41.6973C72.4253 40.9373 72.2653 40.284 71.9453 39.7373C71.6386 39.1773 71.2253 38.7573 70.7053 38.4773C70.1986 38.184 69.652 38.0373 69.0653 38.0373C68.492 38.0373 67.9453 38.184 67.4253 38.4773C66.9186 38.7707 66.5053 39.1973 66.1853 39.7573C65.8786 40.3173 65.7253 40.9773 65.7253 41.7373C65.7253 42.4973 65.8786 43.164 66.1853 43.7373C66.5053 44.2973 66.9186 44.724 67.4253 45.0173C67.9453 45.3107 68.492 45.4573 69.0653 45.4573C69.652 45.4573 70.1986 45.3107 70.7053 45.0173C71.2253 44.7107 71.6386 44.2707 71.9453 43.6973C72.2653 43.124 72.4253 42.4573 72.4253 41.6973ZM79.28 37.8573C79.6667 37.3507 80.1933 36.924 80.86 36.5773C81.5267 36.2307 82.28 36.0573 83.12 36.0573C84.08 36.0573 84.9533 36.2973 85.74 36.7773C86.54 37.244 87.1667 37.904 87.62 38.7573C88.0733 39.6107 88.3 40.5907 88.3 41.6973C88.3 42.804 88.0733 43.7973 87.62 44.6773C87.1667 45.544 86.54 46.224 85.74 46.7173C84.9533 47.1973 84.08 47.4373 83.12 47.4373C82.28 47.4373 81.5333 47.2707 80.88 46.9373C80.2267 46.5907 79.6933 46.164 79.28 45.6573V52.4973H77V36.2373H79.28V37.8573ZM85.98 41.6973C85.98 40.9373 85.82 40.284 85.5 39.7373C85.1933 39.1773 84.78 38.7573 84.26 38.4773C83.7533 38.184 83.2067 38.0373 82.62 38.0373C82.0467 38.0373 81.5 38.184 80.98 38.4773C80.4733 38.7707 80.06 39.1973 79.74 39.7573C79.4333 40.3173 79.28 40.9773 79.28 41.7373C79.28 42.4973 79.4333 43.164 79.74 43.7373C80.06 44.2973 80.4733 44.724 80.98 45.0173C81.5 45.3107 82.0467 45.4573 82.62 45.4573C83.2067 45.4573 83.7533 45.3107 84.26 45.0173C84.78 44.7107 85.1933 44.2707 85.5 43.6973C85.82 43.124 85.98 42.4573 85.98 41.6973ZM100.33 47.3973C99.3967 47.3973 98.5567 47.2373 97.81 46.9173C97.0633 46.584 96.4767 46.1173 96.05 45.5173C95.6233 44.9173 95.41 44.2173 95.41 43.4173H97.85C97.9033 44.0173 98.1367 44.5107 98.55 44.8973C98.9767 45.284 99.57 45.4773 100.33 45.4773C101.117 45.4773 101.73 45.2907 102.17 44.9173C102.61 44.5307 102.83 44.0373 102.83 43.4373C102.83 42.9707 102.69 42.5907 102.41 42.2973C102.143 42.004 101.803 41.7773 101.39 41.6173C100.99 41.4573 100.43 41.284 99.71 41.0973C98.8033 40.8573 98.0633 40.6173 97.49 40.3773C96.93 40.124 96.45 39.7373 96.05 39.2173C95.65 38.6973 95.45 38.004 95.45 37.1373C95.45 36.3373 95.65 35.6373 96.05 35.0373C96.45 34.4373 97.01 33.9773 97.73 33.6573C98.45 33.3373 99.2833 33.1773 100.23 33.1773C101.577 33.1773 102.677 33.5173 103.53 34.1973C104.397 34.864 104.877 35.784 104.97 36.9573H102.45C102.41 36.4507 102.17 36.0173 101.73 35.6573C101.29 35.2973 100.71 35.1173 99.99 35.1173C99.3367 35.1173 98.8033 35.284 98.39 35.6173C97.9767 35.9507 97.77 36.4307 97.77 37.0573C97.77 37.484 97.8967 37.8373 98.15 38.1173C98.4167 38.384 98.75 38.5973 99.15 38.7573C99.55 38.9173 100.097 39.0907 100.79 39.2773C101.71 39.5307 102.457 39.784 103.03 40.0373C103.617 40.2907 104.11 40.684 104.51 41.2173C104.923 41.7373 105.13 42.4373 105.13 43.3173C105.13 44.024 104.937 44.6907 104.55 45.3173C104.177 45.944 103.623 46.4507 102.89 46.8373C102.17 47.2107 101.317 47.3973 100.33 47.3973ZM110.48 38.0973V44.1973C110.48 44.6107 110.574 44.9107 110.76 45.0973C110.96 45.2707 111.294 45.3573 111.76 45.3573H113.16V47.2573H111.36C110.334 47.2573 109.547 47.0173 109 46.5373C108.454 46.0573 108.18 45.2773 108.18 44.1973V38.0973H106.88V36.2373H108.18V33.4973H110.48V36.2373H113.16V38.0973H110.48ZM120.042 47.4373C119.002 47.4373 118.062 47.204 117.222 46.7373C116.382 46.2573 115.722 45.5907 115.242 44.7373C114.762 43.8707 114.522 42.8707 114.522 41.7373C114.522 40.6173 114.768 39.624 115.262 38.7573C115.755 37.8907 116.428 37.224 117.282 36.7573C118.135 36.2907 119.088 36.0573 120.142 36.0573C121.195 36.0573 122.148 36.2907 123.002 36.7573C123.855 37.224 124.528 37.8907 125.022 38.7573C125.515 39.624 125.762 40.6173 125.762 41.7373C125.762 42.8573 125.508 43.8507 125.002 44.7173C124.495 45.584 123.802 46.2573 122.922 46.7373C122.055 47.204 121.095 47.4373 120.042 47.4373ZM120.042 45.4573C120.628 45.4573 121.175 45.3173 121.682 45.0373C122.202 44.7573 122.622 44.3373 122.942 43.7773C123.262 43.2173 123.422 42.5373 123.422 41.7373C123.422 40.9373 123.268 40.264 122.962 39.7173C122.655 39.1573 122.248 38.7373 121.742 38.4573C121.235 38.1773 120.688 38.0373 120.102 38.0373C119.515 38.0373 118.968 38.1773 118.462 38.4573C117.968 38.7373 117.575 39.1573 117.282 39.7173C116.988 40.264 116.842 40.9373 116.842 41.7373C116.842 42.924 117.142 43.844 117.742 44.4973C118.355 45.1373 119.122 45.4573 120.042 45.4573ZM130.296 37.8373C130.629 37.2773 131.069 36.844 131.616 36.5373C132.176 36.2173 132.836 36.0573 133.596 36.0573V38.4173H133.016C132.122 38.4173 131.442 38.644 130.976 39.0973C130.522 39.5507 130.296 40.3373 130.296 41.4573V47.2573H128.016V36.2373H130.296V37.8373ZM145.791 41.4773C145.791 41.8907 145.765 42.264 145.711 42.5973H137.291C137.358 43.4773 137.685 44.184 138.271 44.7173C138.858 45.2507 139.578 45.5173 140.431 45.5173C141.658 45.5173 142.525 45.004 143.031 43.9773H145.491C145.158 44.9907 144.551 45.824 143.671 46.4773C142.805 47.1173 141.725 47.4373 140.431 47.4373C139.378 47.4373 138.431 47.204 137.591 46.7373C136.765 46.2573 136.111 45.5907 135.631 44.7373C135.165 43.8707 134.931 42.8707 134.931 41.7373C134.931 40.604 135.158 39.6107 135.611 38.7573C136.078 37.8907 136.725 37.224 137.551 36.7573C138.391 36.2907 139.351 36.0573 140.431 36.0573C141.471 36.0573 142.398 36.284 143.211 36.7373C144.025 37.1907 144.658 37.8307 145.111 38.6573C145.565 39.4707 145.791 40.4107 145.791 41.4773ZM143.411 40.7573C143.398 39.9173 143.098 39.244 142.511 38.7373C141.925 38.2307 141.198 37.9773 140.331 37.9773C139.545 37.9773 138.871 38.2307 138.311 38.7373C137.751 39.2307 137.418 39.904 137.311 40.7573H143.411Z", fill: textFill }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_5701_44006", children: _jsx("rect", { width: "32", height: "32", fill: "white", transform: "translate(8 13.7573)" }) }) })] })));
-};
-export default AppleIcon;