linkedunion-design-kit 1.9.2 → 1.9.4

package/dist/src/components/ui/button.jsx

@@ -0,0 +1,45 @@
+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 * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils";
+var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground hover:bg-primary/90",
+            destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+            outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+            ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+            link: "text-primary underline-offset-4 hover:underline",
+        },
+        size: {
+            default: "h-9 px-4 py-2 has-[>svg]:px-3",
+            sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+            lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+            icon: "size-9",
+            "icon-sm": "size-8",
+            "icon-lg": "size-10",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+function Button(_a) {
+    var className = _a.className, variant = _a.variant, size = _a.size, _b = _a.asChild, asChild = _b === void 0 ? false : _b, props = __rest(_a, ["className", "variant", "size", "asChild"]);
+    var Comp = asChild ? Slot : "button";
+    return (<Comp data-slot="button" className={cn(buttonVariants({ variant: variant, size: size, className: className }))} {...props}/>);
+}
+export { Button, buttonVariants };

package/dist/src/components/ui/collapsible.d.ts

@@ -0,0 +1,5 @@
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+declare const Collapsible: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleContent: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };

package/dist/src/components/ui/collapsible.js

@@ -0,0 +1,5 @@
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+var Collapsible = CollapsiblePrimitive.Root;
+var CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
+var CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };

package/dist/src/components/ui/collapsible.jsx

@@ -0,0 +1,5 @@
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+var Collapsible = CollapsiblePrimitive.Root;
+var CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
+var CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };

package/dist/src/components/ui/command.jsx

@@ -0,0 +1,67 @@
+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 * as React from "react";
+import { Command as CommandPrimitive } from "cmdk";
+import { cn } from "../../lib/utils";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "../../components/ui/dialog";
+import LUIcon from "../Icons/LUIcon";
+import { comboboxSizes, searchIconSizeMap } from "../Dropdown/Combobox";
+function Command(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (<CommandPrimitive data-slot="command" className={cn("bg-white text-gray-900 !p-2 flex flex-col gap-2 overflow-hidden rounded-sm shadow-lg", className)} {...props}/>);
+}
+function CommandDialog(_a) {
+    var _b = _a.title, title = _b === void 0 ? "Command Palette" : _b, _c = _a.description, description = _c === void 0 ? "Search for a command to run..." : _c, children = _a.children, className = _a.className, _d = _a.showCloseButton, showCloseButton = _d === void 0 ? true : _d, props = __rest(_a, ["title", "description", "children", "className", "showCloseButton"]);
+    return (<Dialog {...props}>
+      <DialogHeader className="sr-only">
+        <DialogTitle>{title}</DialogTitle>
+        <DialogDescription>{description}</DialogDescription>
+      </DialogHeader>
+      <DialogContent className={cn("overflow-hidden p-0", className)} showCloseButton={showCloseButton}>
+        <Command className="[&_[cmdk-group-heading]]:text-muted-foreground [&_[data-slot=command-input-wrapper]]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
+          {children}
+        </Command>
+      </DialogContent>
+    </Dialog>);
+}
+function CommandInput(_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b, props = __rest(_a, ["className", "size"]);
+    return (<div data-slot="command-input-wrapper" className={cn("flex items-center gap-2 border border-gray-200 rounded-sm font-normal !leading-normal !px-4 !py-3 ".concat(comboboxSizes[size]), className)}>
+      <LUIcon icon="magnifying-glass" size={searchIconSizeMap[size]}/>
+      <CommandPrimitive.Input data-slot="command-input" className={cn("placeholder:text-gray-400 flex outline-hidden disabled:cursor-not-allowed disabled:opacity-50")} {...props}/>
+    </div>);
+}
+function CommandList(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (<CommandPrimitive.List data-slot="command-list" className={cn("scroll-py-1 overflow-x-hidden overflow-y-auto scrollbar-width-none [&::-webkit-scrollbar]:hidden max-h-[200px] sm:max-h-[320px]", className)} {...props}/>);
+}
+function CommandEmpty(_a) {
+    var props = __rest(_a, []);
+    return (<CommandPrimitive.Empty data-slot="command-empty" className="py-6 text-center text-sm" {...props}/>);
+}
+function CommandGroup(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (<CommandPrimitive.Group data-slot="command-group" className={cn("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium", className)} {...props}/>);
+}
+function CommandSeparator(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (<CommandPrimitive.Separator data-slot="command-separator" className={cn("bg-border -mx-1 h-px", className)} {...props}/>);
+}
+function CommandItem(_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b, props = __rest(_a, ["className", "size"]);
+    return (<CommandPrimitive.Item data-slot="command-item" className={cn("hover:bg-blue-50 hover:text-gray-900 relative flex cursor-default items-center gap-2 !px-4 !py-3 outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 font-normal !leading-normal ".concat(comboboxSizes[size]), className)} {...props}/>);
+}
+function CommandShortcut(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (<span data-slot="command-shortcut" className={cn("text-muted-foreground ml-auto text-xs tracking-widest", className)} {...props}/>);
+}
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };

package/dist/src/components/ui/dialog.jsx

@@ -0,0 +1,66 @@
+"use client";
+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 * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { XIcon } from "lucide-react";
+import { cn } from "../../lib/utils";
+function Dialog(_a) {
+    var props = __rest(_a, []);
+    return <DialogPrimitive.Root data-slot="dialog" {...props}/>;
+}
+function DialogTrigger(_a) {
+    var props = __rest(_a, []);
+    return <DialogPrimitive.Trigger data-slot="dialog-trigger" {...props}/>;
+}
+function DialogPortal(_a) {
+    var props = __rest(_a, []);
+    return <DialogPrimitive.Portal data-slot="dialog-portal" {...props}/>;
+}
+function DialogClose(_a) {
+    var props = __rest(_a, []);
+    return <DialogPrimitive.Close data-slot="dialog-close" {...props}/>;
+}
+function DialogOverlay(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (<DialogPrimitive.Overlay data-slot="dialog-overlay" className={cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className)} {...props}/>);
+}
+function DialogContent(_a) {
+    var className = _a.className, children = _a.children, _b = _a.showCloseButton, showCloseButton = _b === void 0 ? true : _b, props = __rest(_a, ["className", "children", "showCloseButton"]);
+    return (<DialogPortal data-slot="dialog-portal">
+      <DialogOverlay />
+      <DialogPrimitive.Content data-slot="dialog-content" className={cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200", className)} {...props}>
+        {children}
+        {showCloseButton && (<DialogPrimitive.Close data-slot="dialog-close" className="ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4">
+            <XIcon />
+            <span className="sr-only">Close</span>
+          </DialogPrimitive.Close>)}
+      </DialogPrimitive.Content>
+    </DialogPortal>);
+}
+function DialogHeader(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (<div data-slot="dialog-header" className={cn("flex flex-col gap-2 text-center sm:text-left", className)} {...props}/>);
+}
+function DialogFooter(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (<div data-slot="dialog-footer" className={cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className)} {...props}/>);
+}
+function DialogTitle(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (<DialogPrimitive.Title data-slot="dialog-title" className={cn("text-lg leading-none font-semibold", className)} {...props}/>);
+}
+function DialogDescription(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (<DialogPrimitive.Description data-slot="dialog-description" className={cn("text-muted-foreground text-sm", className)} {...props}/>);
+}
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/dist/src/components/ui/popover.jsx

@@ -0,0 +1,33 @@
+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 * as React from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { cn } from "../../lib/utils";
+function Popover(_a) {
+    var props = __rest(_a, []);
+    return <PopoverPrimitive.Root data-slot="popover" {...props}/>;
+}
+function PopoverTrigger(_a) {
+    var props = __rest(_a, []);
+    return <PopoverPrimitive.Trigger data-slot="popover-trigger" {...props}/>;
+}
+function PopoverContent(_a) {
+    var className = _a.className, _b = _a.align, align = _b === void 0 ? "center" : _b, _c = _a.sideOffset, sideOffset = _c === void 0 ? 4 : _c, props = __rest(_a, ["className", "align", "sideOffset"]);
+    return (<PopoverPrimitive.Portal>
+      <PopoverPrimitive.Content data-slot="popover-content" align={align} sideOffset={sideOffset} className={cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 origin-(--radix-popover-content-transform-origin) outline-hidden", className)} {...props}/>
+    </PopoverPrimitive.Portal>);
+}
+function PopoverAnchor(_a) {
+    var props = __rest(_a, []);
+    return <PopoverPrimitive.Anchor data-slot="popover-anchor" {...props}/>;
+}
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

package/dist/src/components/ui/tooltip.jsx

@@ -0,0 +1,38 @@
+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 * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { cn } from "../../lib/utils";
+function TooltipProvider(_a) {
+    var _b = _a.delayDuration, delayDuration = _b === void 0 ? 0 : _b, props = __rest(_a, ["delayDuration"]);
+    return (<TooltipPrimitive.Provider data-slot="tooltip-provider" delayDuration={delayDuration} {...props}/>);
+}
+function Tooltip(_a) {
+    var props = __rest(_a, []);
+    return (<TooltipProvider>
+      <TooltipPrimitive.Root data-slot="tooltip" {...props}/>
+    </TooltipProvider>);
+}
+function TooltipTrigger(_a) {
+    var props = __rest(_a, []);
+    return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props}/>;
+}
+function TooltipContent(_a) {
+    var className = _a.className, _b = _a.sideOffset, sideOffset = _b === void 0 ? 0 : _b, children = _a.children, props = __rest(_a, ["className", "sideOffset", "children"]);
+    return (<TooltipPrimitive.Portal>
+      <TooltipPrimitive.Content data-slot="tooltip-content" sideOffset={sideOffset} className={cn("!bg-primary !text-primary-foreground animate-in fade-in-0 !zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 !w-fit origin-(--radix-tooltip-content-transform-origin) !rounded-md !px-3 !py-1.5 !text-xs !text-balance", className)} {...props}>
+        {children}
+        <TooltipPrimitive.Arrow className="!bg-primary !fill-primary z-50 !size-3 translate-y-[calc(-50%_-_2px)] rotate-45 !rounded-[2px]"/>
+      </TooltipPrimitive.Content>
+    </TooltipPrimitive.Portal>);
+}
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/src/components/ui/typography.jsx

@@ -0,0 +1,56 @@
+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 * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils";
+export var variant = {
+    h1: "text-5xl font-bold",
+    h2: "text-4xl font-bold",
+    h3: "text-3xl font-bold",
+    h4: "text-2xl font-semibold",
+    h5: "text-xl font-semibold",
+    h6: "text-lg font-semibold",
+    d1: "text-9xl font-bold",
+    d2: "text-8xl font-bold",
+    d3: "text-7xl font-bold",
+    d4: "text-6xl font-bold",
+    b1: "text-xl font-normal m-0",
+    b2: "text-lg font-normal m-0",
+    b3: "text-base font-normal m-0",
+    b4: "text-sm font-medium m-0",
+};
+var typographyVariants = cva("!leading-normal", // Default base class
+{
+    variants: {
+        variant: variant,
+    },
+    defaultVariants: {
+        variant: "b3",
+    },
+});
+function Typography(_a) {
+    var className = _a.className, variant = _a.variant, children = _a.children, props = __rest(_a, ["className", "variant", "children"]);
+    var Tag = "span";
+    if (variant === null || variant === void 0 ? void 0 : variant.startsWith("h")) {
+        Tag = variant;
+    }
+    else if (variant === null || variant === void 0 ? void 0 : variant.startsWith("d")) {
+        Tag = "div";
+    }
+    else if (variant === null || variant === void 0 ? void 0 : variant.startsWith("b")) {
+        Tag = "p";
+    }
+    return (<Tag className={cn(typographyVariants({ variant: variant, className: className }))} {...props}>
+      {children}
+    </Tag>);
+}
+export { Typography, typographyVariants };

package/dist/src/utils/colors.js

@@ -1,6 +1,6 @@
 export var colors = {
     white: "#fefefe",
-    black: "#0f0f0f",
+    black: "#030404",
     "blue-50": "#fbfcfe",
     "blue-100": "#e2edf9",
     "blue-200": "#b8d3ef",
@@ -13,16 +13,16 @@ export var colors = {
     "blue-900": "#0c2036",
     "blue-950": "#03080d",
     "gray-50": "#fafafa",
-    "gray-100": "#ecedee",
-    "gray-200": "#d2d3d5",
-    "gray-300": "#b7babd",
-    "gray-400": "#9da1a5",
-    "gray-500": "#82878c",
-    "gray-600": "#696e72",
-    "gray-700": "#515457",
-    "gray-800": "#383b3d",
-    "gray-900": "#202122",
-    "gray-950": "#070808",
+    "gray-100": "#F4F5F6",
+    "gray-200": "#E7E8EA",
+    "gray-300": "#D2D4D6",
+    "gray-400": "#B9BBBD",
+    "gray-500": "#929699",
+    "gray-600": "#76787A",
+    "gray-700": "#56595C",
+    "gray-800": "#393B3D",
+    "gray-900": "#2B2C2E",
+    "gray-950": "#18191A",
     "green-50": "#fcfdfc",
     "green-100": "#ebf5f0",
     "green-200": "#d1e7dd",

package/dist/src/utils/iconList.d.ts

@@ -165,4 +165,8 @@ export declare const iconList: {
     "align-center": string;
     "align-left": string;
     "align-right": string;
+    sort: string;
+    "ellipsis-horizontal": string;
+    "ellipsis-vertical": string;
+    exclamation: string;
 };

package/dist/src/utils/iconList.js

@@ -165,4 +165,8 @@ export var iconList = {
     "align-center": "M24 4C24 2.89375 23.1063 2 22 2H10C8.89375 2 8 2.89375 8 4C8 5.10625 8.89375 6 10 6H22C23.1063 6 24 5.10625 24 4ZM30 12C30 10.8937 29.1063 10 28 10H4C2.89375 10 2 10.8937 2 12C2 13.1063 2.89375 14 4 14H28C29.1063 14 30 13.1063 30 12ZM2 28C2 29.1063 2.89375 30 4 30H28C29.1063 30 30 29.1063 30 28C30 26.8937 29.1063 26 28 26H4C2.89375 26 2 26.8937 2 28ZM24 20C24 18.8937 23.1063 18 22 18H10C8.89375 18 8 18.8937 8 20C8 21.1063 8.89375 22 10 22H22C23.1063 22 24 21.1063 24 20Z",
     "align-left": "M20 4C20 5.10625 19.1063 6 18 6H4C2.89375 6 2 5.10625 2 4C2 2.89375 2.89375 2 4 2H18C19.1063 2 20 2.89375 20 4ZM20 20C20 21.1063 19.1063 22 18 22H4C2.89375 22 2 21.1063 2 20C2 18.8937 2.89375 18 4 18H18C19.1063 18 20 18.8937 20 20ZM2 12C2 10.8937 2.89375 10 4 10H28C29.1063 10 30 10.8937 30 12C30 13.1063 29.1063 14 28 14H4C2.89375 14 2 13.1063 2 12ZM30 28C30 29.1063 29.1063 30 28 30H4C2.89375 30 2 29.1063 2 28C2 26.8937 2.89375 26 4 26H28C29.1063 26 30 26.8937 30 28Z",
     "align-right": "M30 4C30 5.10625 29.1063 6 28 6H14C12.8937 6 12 5.10625 12 4C12 2.89375 12.8937 2 14 2H28C29.1063 2 30 2.89375 30 4ZM30 20C30 21.1063 29.1063 22 28 22H14C12.8937 22 12 21.1063 12 20C12 18.8937 12.8937 18 14 18H28C29.1063 18 30 18.8937 30 20ZM2 12C2 10.8937 2.89375 10 4 10H28C29.1063 10 30 10.8937 30 12C30 13.1063 29.1063 14 28 14H4C2.89375 14 2 13.1063 2 12ZM30 28C30 29.1063 29.1063 30 28 30H4C2.89375 30 2 29.1063 2 28C2 26.8937 2.89375 26 4 26H28C29.1063 26 30 26.8937 30 28Z",
+    sort: "M4.15368 12.7659C4.46609 13.5159 5.19088 14.0033 6.00314 14.0033H25.9973C26.8034 14.0033 27.5344 13.5159 27.8468 12.7659C28.1592 12.016 27.9843 11.1598 27.4157 10.5849L17.4186 0.58588C16.6376 -0.195293 15.3692 -0.195293 14.5882 0.58588L4.59105 10.5849C4.01622 11.1598 3.84752 12.016 4.15993 12.7659H4.15368ZM4.15368 19.2341C3.84127 19.984 4.01622 20.8402 4.5848 21.4151L14.5819 31.4141C15.3629 32.1953 16.6313 32.1953 17.4123 31.4141L27.4094 21.4151C27.9843 20.8402 28.153 19.984 27.8406 19.2341C27.5282 18.4841 26.8034 18.0029 25.9973 18.0029H6.00314C5.19713 18.0029 4.46609 18.4904 4.15368 19.2403V19.2341Z",
+    "ellipsis-horizontal": "M0.000488281 16C0.000488281 13.7929 1.79335 12 4.00049 12C6.20763 12 8.00049 13.7929 8.00049 16C8.00049 18.2071 6.20763 20 4.00049 20C1.79335 20 0.000488281 18.2071 0.000488281 16ZM12.0005 16C12.0005 13.7929 13.7933 12 16.0005 12C18.2076 12 20.0005 13.7929 20.0005 16C20.0005 18.2071 18.2076 20 16.0005 20C13.7933 20 12.0005 18.2071 12.0005 16ZM28.0005 12C30.2076 12 32.0005 13.7929 32.0005 16C32.0005 18.2071 30.2076 20 28.0005 20C25.7933 20 24.0005 18.2071 24.0005 16C24.0005 13.7929 25.7933 12 28.0005 12Z",
+    "ellipsis-vertical": "M16.0005 8C13.7933 8 12.0005 6.20714 12.0005 4C12.0005 1.79286 13.7933 0 16.0005 0C18.2076 0 20.0005 1.79286 20.0005 4C20.0005 6.20714 18.2076 8 16.0005 8ZM16.0005 24C18.2076 24 20.0005 25.7929 20.0005 28C20.0005 30.2071 18.2076 32 16.0005 32C13.7933 32 12.0005 30.2071 12.0005 28C12.0005 25.7929 13.7933 24 16.0005 24ZM20.0005 16C20.0005 18.2071 18.2076 20 16.0005 20C13.7933 20 12.0005 18.2071 12.0005 16C12.0005 13.7929 13.7933 12 16.0005 12C18.2076 12 20.0005 13.7929 20.0005 16Z",
+    exclamation: "M18 2C18 0.89375 17.1063 0 16 0C14.8937 0 14 0.89375 14 2V22C14 23.1063 14.8937 24 16 24C17.1063 24 18 23.1063 18 22V2ZM16 32C17.3812 32 18.5 30.8813 18.5 29.5C18.5 28.1187 17.3812 27 16 27C14.6187 27 13.5 28.1187 13.5 29.5C13.5 30.8813 14.6187 32 16 32Z",
 };