@team-monolith/cds 0.7.0 → 0.8.0

package/@types/emotion.d.ts

@@ -0,0 +1,70 @@
+import "@emotion/react";
+
+interface CodleColors {
+  background: {
+    neutralBase: string;
+    neutralAlt: string;
+    neutralAltActive: string;
+    neutralAltDisabled: string;
+    primary: string;
+    primaryActive: string;
+    primaryDisabled: string;
+    secondary: string;
+    secondaryActive: string;
+    secondaryDisabled: string;
+    danger: string;
+    dangerActive: string;
+    dangerDisabled: string;
+    success: string;
+    successActive: string;
+    successDisabled: string;
+    info: string;
+    infoActive: string;
+    infoDisabled: string;
+    warning: string;
+    warningActive: string;
+    warningDisabled: string;
+  };
+  foreground: {
+    neutralBase: string;
+    neutralBaseDisabled: string;
+    neutralAlt: string;
+    neutralAltDisabled: string;
+    primary: string;
+    primaryDisabled: string;
+    secondary: string;
+    secondaryDisabled: string;
+    danger: string;
+    dangerDisabled: string;
+    success: string;
+    successDisabled: string;
+    info: string;
+    infoDisabled: string;
+    warning: string;
+    warningDisabled: string;
+  };
+  container: {
+    primaryContainer: string;
+    primaryOnContainer: string;
+    secondaryContainer: string;
+    secondaryOnContainer: string;
+    dangerContainer: string;
+    dangerOnContainer: string;
+    successContainer: string;
+    successOnContainer: string;
+    infoContainer: string;
+    infoOnContainer: string;
+    warningContainer: string;
+    warningOnContainer: string;
+    obsidianContainer: string;
+    obsidianOnContainer: string;
+    marbleContainer: string;
+    marbleOnContainer: string;
+  };
+}
+
+declare module "@emotion/react" {
+  export interface Theme {
+    color: CodleColors;
+  }
+}

package/dist/components/AlertDialog/AlertDialog.js

@@ -24,23 +24,22 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 /** @jsxImportSource @emotion/react */
 import { Modal as MuiModal } from "@mui/material";
 import { css, useTheme } from "@emotion/react";
 import React from "react";
 import shadows from "../../foundation/shadows";
 import styled from "@emotion/styled";
-import { MOBILE } from "../../foundation/breakpoints";
-import AlertDialogContext from "./AlertDialogContext";
 export var AlertDialog = React.forwardRef(function (props, ref) {
     var className = props.className, _a = props.component, Component = _a === void 0 ? "div" : _a, open = props.open, onClose = props.onClose, children = props.children, icon = props.icon, other = __rest(props, ["className", "component", "open", "onClose", "children", "icon"]);
     var theme = useTheme();
-    return (_jsx(MuiModal, __assign({ open: open, onClose: onClose, ref: ref }, other, { children: _jsxs(Component, __assign({ className: className, css: css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n            width: 480px;\n            background: ", ";\n            box-shadow: ", ";\n            border-radius: 16px;\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            padding: 24px;\n            box-sizing: border-box;\n\n            display: grid;\n            ", "\n\n            gap: 8px 16px;\n\n            ", "\n          "], ["\n            width: 480px;\n            background: ", ";\n            box-shadow: ", ";\n            border-radius: 16px;\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            padding: 24px;\n            box-sizing: border-box;\n\n            display: grid;\n            ", "\n\n            gap: 8px 16px;\n\n            ", "\n          "])), theme.color.background.neutralBase, shadows.shadow04, icon
-                ? css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                  grid-template-areas:\n                    \"icon title\"\n                    \"iconPadding content\"\n                    \"actions actions\";\n                "], ["\n                  grid-template-areas:\n                    \"icon title\"\n                    \"iconPadding content\"\n                    \"actions actions\";\n                "]))) : css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n                  grid-template-areas:\n                    \"title\"\n                    \"content\"\n                    \"actions\";\n                "], ["\n                  grid-template-areas:\n                    \"title\"\n                    \"content\"\n                    \"actions\";\n                "]))), MOBILE(css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n              width: calc(100% - 24px);\n\n              grid-template-areas:\n                \"title\"\n                \"content\"\n                \"actions\";\n            "], ["\n              width: calc(100% - 24px);\n\n              grid-template-areas:\n                \"title\"\n                \"content\"\n                \"actions\";\n            "]))))) }, { children: [icon && _jsx(IconDiv, { children: icon }), _jsx(AlertDialogContext.Provider, __assign({ value: { icon: icon } }, { children: children }))] })) })));
+    return (_jsx(MuiModal, __assign({ open: open, onClose: onClose, ref: ref }, other, { children: _jsxs(Component, __assign({ className: className, css: css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n            width: 480px;\n            background: ", ";\n            box-shadow: ", ";\n            border-radius: 16px;\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            padding: 24px;\n            box-sizing: border-box;\n\n            display: grid;\n            ", "\n\n            gap: 8px 16px;\n          "], ["\n            width: 480px;\n            background: ", ";\n            box-shadow: ", ";\n            border-radius: 16px;\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            padding: 24px;\n            box-sizing: border-box;\n\n            display: grid;\n            ", "\n\n            gap: 8px 16px;\n          "])), theme.color.background.neutralBase, shadows.shadow04, icon
+                ? css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                  grid-template-areas:\n                    \"icon title\"\n                    \"iconPadding content\"\n                    \"actions actions\";\n                "], ["\n                  grid-template-areas:\n                    \"icon title\"\n                    \"iconPadding content\"\n                    \"actions actions\";\n                "]))) : css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n                  grid-template-areas:\n                    \"title\"\n                    \"content\"\n                    \"actions\";\n                "], ["\n                  grid-template-areas:\n                    \"title\"\n                    \"content\"\n                    \"actions\";\n                "])))) }, { children: [icon && (_jsxs(_Fragment, { children: [_jsx(IconDiv, { children: icon }), _jsx(IconPadding, {})] })), children] })) })));
 });
-var IconDiv = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  grid-area: icon;\n  ", "\n  svg {\n    width: 32px;\n    height: 32px;\n  }\n\n  ", "\n"], ["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  grid-area: icon;\n  ", "\n  svg {\n    width: 32px;\n    height: 32px;\n  }\n\n  ", "\n"])), function (_a) {
+var IconDiv = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  grid-area: icon;\n  ", "\n  svg {\n    width: 32px;\n    height: 32px;\n  }\n"], ["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  grid-area: icon;\n  ", "\n  svg {\n    width: 32px;\n    height: 32px;\n  }\n"])), function (_a) {
     var theme = _a.theme;
-    return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "])), theme.color.background.infoActive);
-}, MOBILE(css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    display: none;\n  "], ["\n    display: none;\n  "])))));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+    return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "])), theme.color.background.infoActive);
+});
+var IconPadding = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  grid-area: iconPadding;\n"], ["\n  grid-area: iconPadding;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/dist/components/AlertDialog/AlertDialogTitle.js

@@ -29,13 +29,10 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/reac
 import { css, useTheme } from "@emotion/react";
 import React from "react";
 import SquareButton from "../SquareButton";
-import { CloseFillIcon } from "../../icons/system";
-import AlertDialogContext from "./AlertDialogContext";
-import { MOBILE } from "../../foundation/breakpoints";
+import { CloseFillIcon } from "../../icons";
 export var AlertDialogTitle = React.forwardRef(function (props, ref) {
     var className = props.className, _a = props.component, Component = _a === void 0 ? "div" : _a, onClose = props.onClose, children = props.children, other = __rest(props, ["className", "component", "onClose", "children"]);
-    var icon = React.useContext(AlertDialogContext).icon;
     var theme = useTheme();
-    return (_jsx(_Fragment, { children: _jsxs(Component, __assign({}, other, { ref: ref, className: className, css: css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n            grid-area: title;\n            font-family: \"Pretendard\";\n            font-style: normal;\n            font-weight: 500;\n            font-size: 20px;\n            line-height: 36px;\n            color: ", ";\n\n            display: flex;\n            justify-content: space-between;\n          "], ["\n            grid-area: title;\n            font-family: \"Pretendard\";\n            font-style: normal;\n            font-weight: 500;\n            font-size: 20px;\n            line-height: 36px;\n            color: ", ";\n\n            display: flex;\n            justify-content: space-between;\n          "])), theme.color.foreground.neutralBase) }, { children: [_jsxs("div", __assign({ css: css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n              display: flex;\n              flex-direction: column;\n              justify-content: center;\n              align-items: flex-start;\n              gap: 16px;\n            "], ["\n              display: flex;\n              flex-direction: column;\n              justify-content: center;\n              align-items: flex-start;\n              gap: 16px;\n            "]))) }, { children: [icon && (_jsx("div", __assign({ css: css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n                  display: none;\n                  ", "\n                "], ["\n                  display: none;\n                  ", "\n                "])), MOBILE(css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n                    color: ", ";\n\n                    svg {\n                      width: 32px;\n                      height: 32px;\n                    }\n                  "], ["\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n                    color: ", ";\n\n                    svg {\n                      width: 32px;\n                      height: 32px;\n                    }\n                  "])), theme.color.background.infoActive))) }, { children: icon }))), children] })), onClose && (_jsx(SquareButton, { color: "icon", size: "small", icon: _jsx(CloseFillIcon, {}), onClick: onClose }))] })) }));
+    return (_jsx(_Fragment, { children: _jsxs(Component, __assign({}, other, { ref: ref, className: className, css: css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n            grid-area: title;\n            font-family: \"Pretendard\";\n            font-style: normal;\n            font-weight: 500;\n            font-size: 20px;\n            line-height: 36px;\n            color: ", ";\n\n            display: flex;\n            justify-content: space-between;\n          "], ["\n            grid-area: title;\n            font-family: \"Pretendard\";\n            font-style: normal;\n            font-weight: 500;\n            font-size: 20px;\n            line-height: 36px;\n            color: ", ";\n\n            display: flex;\n            justify-content: space-between;\n          "])), theme.color.foreground.neutralBase) }, { children: [children, onClose && (_jsx(SquareButton, { color: "icon", size: "small", icon: _jsx(CloseFillIcon, {}), onClick: onClose }))] })) }));
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+var templateObject_1;

package/dist/components/Banner.js

@@ -30,7 +30,7 @@ import { css, useTheme } from "@emotion/react";
 import styled from "@emotion/styled";
 import React from "react";
 import COLOR from "../foundation/color";
-import { CloseFillIcon } from "../icons/system";
+import { CloseFillIcon } from "../icons";
 import { RESET_BUTTON } from "../utils/reset";
 var COLOR_TO_STYLE = function (theme, color) {
     return ({

package/dist/components/InputBase.js

@@ -16,7 +16,7 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { css } from "@emotion/react";
 import styled from "@emotion/styled";
-import { CloseCircleFillIcon } from "../icons/system";
+import { CloseCircleFillIcon } from "../icons";
 import { RESET_BUTTON } from "../utils/reset";
 var COLOR_TO_INPUT_STYLES = function (theme, color, disabled) {
     if (disabled) {

package/dist/components/Tag.js

@@ -29,7 +29,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { css } from "@emotion/react";
 import styled from "@emotion/styled";
 import React from "react";
-import { CloseFillIcon } from "../icons/system";
+import { CloseFillIcon } from "../icons";
 import { useTheme } from "@emotion/react";
 var COLOR_TO_STYLE = function (theme, color) {
     return ({

package/dist/icons/Arrows.d.ts

@@ -0,0 +1,433 @@
+/// <reference types="react" />
+export { default as arrowDownCircleFillSvg } from "remixicon/icons/Arrows/arrow-down-circle-fill.svg";
+export declare const ArrowDownCircleFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowDownCircleLineSvg } from "remixicon/icons/Arrows/arrow-down-circle-line.svg";
+export declare const ArrowDownCircleLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowDownDoubleFillSvg } from "remixicon/icons/Arrows/arrow-down-double-fill.svg";
+export declare const ArrowDownDoubleFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowDownDoubleLineSvg } from "remixicon/icons/Arrows/arrow-down-double-line.svg";
+export declare const ArrowDownDoubleLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowDownFillSvg } from "remixicon/icons/Arrows/arrow-down-fill.svg";
+export declare const ArrowDownFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowDownLineSvg } from "remixicon/icons/Arrows/arrow-down-line.svg";
+export declare const ArrowDownLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowDownSFillSvg } from "remixicon/icons/Arrows/arrow-down-s-fill.svg";
+export declare const ArrowDownSFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowDownSLineSvg } from "remixicon/icons/Arrows/arrow-down-s-line.svg";
+export declare const ArrowDownSLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowDropDownFillSvg } from "remixicon/icons/Arrows/arrow-drop-down-fill.svg";
+export declare const ArrowDropDownFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowDropDownLineSvg } from "remixicon/icons/Arrows/arrow-drop-down-line.svg";
+export declare const ArrowDropDownLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowDropLeftFillSvg } from "remixicon/icons/Arrows/arrow-drop-left-fill.svg";
+export declare const ArrowDropLeftFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowDropLeftLineSvg } from "remixicon/icons/Arrows/arrow-drop-left-line.svg";
+export declare const ArrowDropLeftLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowDropRightFillSvg } from "remixicon/icons/Arrows/arrow-drop-right-fill.svg";
+export declare const ArrowDropRightFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowDropRightLineSvg } from "remixicon/icons/Arrows/arrow-drop-right-line.svg";
+export declare const ArrowDropRightLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowDropUpFillSvg } from "remixicon/icons/Arrows/arrow-drop-up-fill.svg";
+export declare const ArrowDropUpFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowDropUpLineSvg } from "remixicon/icons/Arrows/arrow-drop-up-line.svg";
+export declare const ArrowDropUpLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowGoBackFillSvg } from "remixicon/icons/Arrows/arrow-go-back-fill.svg";
+export declare const ArrowGoBackFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowGoBackLineSvg } from "remixicon/icons/Arrows/arrow-go-back-line.svg";
+export declare const ArrowGoBackLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowGoForwardFillSvg } from "remixicon/icons/Arrows/arrow-go-forward-fill.svg";
+export declare const ArrowGoForwardFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowGoForwardLineSvg } from "remixicon/icons/Arrows/arrow-go-forward-line.svg";
+export declare const ArrowGoForwardLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowLeftCircleFillSvg } from "remixicon/icons/Arrows/arrow-left-circle-fill.svg";
+export declare const ArrowLeftCircleFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowLeftCircleLineSvg } from "remixicon/icons/Arrows/arrow-left-circle-line.svg";
+export declare const ArrowLeftCircleLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowLeftDoubleFillSvg } from "remixicon/icons/Arrows/arrow-left-double-fill.svg";
+export declare const ArrowLeftDoubleFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowLeftDoubleLineSvg } from "remixicon/icons/Arrows/arrow-left-double-line.svg";
+export declare const ArrowLeftDoubleLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowLeftDownFillSvg } from "remixicon/icons/Arrows/arrow-left-down-fill.svg";
+export declare const ArrowLeftDownFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowLeftDownLineSvg } from "remixicon/icons/Arrows/arrow-left-down-line.svg";
+export declare const ArrowLeftDownLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowLeftFillSvg } from "remixicon/icons/Arrows/arrow-left-fill.svg";
+export declare const ArrowLeftFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowLeftLineSvg } from "remixicon/icons/Arrows/arrow-left-line.svg";
+export declare const ArrowLeftLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowLeftRightFillSvg } from "remixicon/icons/Arrows/arrow-left-right-fill.svg";
+export declare const ArrowLeftRightFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowLeftRightLineSvg } from "remixicon/icons/Arrows/arrow-left-right-line.svg";
+export declare const ArrowLeftRightLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowLeftSFillSvg } from "remixicon/icons/Arrows/arrow-left-s-fill.svg";
+export declare const ArrowLeftSFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowLeftSLineSvg } from "remixicon/icons/Arrows/arrow-left-s-line.svg";
+export declare const ArrowLeftSLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowLeftUpFillSvg } from "remixicon/icons/Arrows/arrow-left-up-fill.svg";
+export declare const ArrowLeftUpFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowLeftUpLineSvg } from "remixicon/icons/Arrows/arrow-left-up-line.svg";
+export declare const ArrowLeftUpLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowRightCircleFillSvg } from "remixicon/icons/Arrows/arrow-right-circle-fill.svg";
+export declare const ArrowRightCircleFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowRightCircleLineSvg } from "remixicon/icons/Arrows/arrow-right-circle-line.svg";
+export declare const ArrowRightCircleLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowRightDoubleFillSvg } from "remixicon/icons/Arrows/arrow-right-double-fill.svg";
+export declare const ArrowRightDoubleFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowRightDoubleLineSvg } from "remixicon/icons/Arrows/arrow-right-double-line.svg";
+export declare const ArrowRightDoubleLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowRightDownFillSvg } from "remixicon/icons/Arrows/arrow-right-down-fill.svg";
+export declare const ArrowRightDownFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowRightDownLineSvg } from "remixicon/icons/Arrows/arrow-right-down-line.svg";
+export declare const ArrowRightDownLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowRightFillSvg } from "remixicon/icons/Arrows/arrow-right-fill.svg";
+export declare const ArrowRightFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowRightLineSvg } from "remixicon/icons/Arrows/arrow-right-line.svg";
+export declare const ArrowRightLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowRightSFillSvg } from "remixicon/icons/Arrows/arrow-right-s-fill.svg";
+export declare const ArrowRightSFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowRightSLineSvg } from "remixicon/icons/Arrows/arrow-right-s-line.svg";
+export declare const ArrowRightSLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowRightUpFillSvg } from "remixicon/icons/Arrows/arrow-right-up-fill.svg";
+export declare const ArrowRightUpFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowRightUpLineSvg } from "remixicon/icons/Arrows/arrow-right-up-line.svg";
+export declare const ArrowRightUpLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowTurnBackFillSvg } from "remixicon/icons/Arrows/arrow-turn-back-fill.svg";
+export declare const ArrowTurnBackFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowTurnBackLineSvg } from "remixicon/icons/Arrows/arrow-turn-back-line.svg";
+export declare const ArrowTurnBackLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowTurnForwardFillSvg } from "remixicon/icons/Arrows/arrow-turn-forward-fill.svg";
+export declare const ArrowTurnForwardFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowTurnForwardLineSvg } from "remixicon/icons/Arrows/arrow-turn-forward-line.svg";
+export declare const ArrowTurnForwardLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowUpCircleFillSvg } from "remixicon/icons/Arrows/arrow-up-circle-fill.svg";
+export declare const ArrowUpCircleFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowUpCircleLineSvg } from "remixicon/icons/Arrows/arrow-up-circle-line.svg";
+export declare const ArrowUpCircleLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowUpDoubleFillSvg } from "remixicon/icons/Arrows/arrow-up-double-fill.svg";
+export declare const ArrowUpDoubleFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowUpDoubleLineSvg } from "remixicon/icons/Arrows/arrow-up-double-line.svg";
+export declare const ArrowUpDoubleLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowUpDownFillSvg } from "remixicon/icons/Arrows/arrow-up-down-fill.svg";
+export declare const ArrowUpDownFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowUpDownLineSvg } from "remixicon/icons/Arrows/arrow-up-down-line.svg";
+export declare const ArrowUpDownLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowUpFillSvg } from "remixicon/icons/Arrows/arrow-up-fill.svg";
+export declare const ArrowUpFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowUpLineSvg } from "remixicon/icons/Arrows/arrow-up-line.svg";
+export declare const ArrowUpLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowUpSFillSvg } from "remixicon/icons/Arrows/arrow-up-s-fill.svg";
+export declare const ArrowUpSFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as arrowUpSLineSvg } from "remixicon/icons/Arrows/arrow-up-s-line.svg";
+export declare const ArrowUpSLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as contractLeftFillSvg } from "remixicon/icons/Arrows/contract-left-fill.svg";
+export declare const ContractLeftFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as contractLeftLineSvg } from "remixicon/icons/Arrows/contract-left-line.svg";
+export declare const ContractLeftLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as contractLeftRightFillSvg } from "remixicon/icons/Arrows/contract-left-right-fill.svg";
+export declare const ContractLeftRightFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as contractLeftRightLineSvg } from "remixicon/icons/Arrows/contract-left-right-line.svg";
+export declare const ContractLeftRightLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as contractRightFillSvg } from "remixicon/icons/Arrows/contract-right-fill.svg";
+export declare const ContractRightFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as contractRightLineSvg } from "remixicon/icons/Arrows/contract-right-line.svg";
+export declare const ContractRightLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as contractUpDownFillSvg } from "remixicon/icons/Arrows/contract-up-down-fill.svg";
+export declare const ContractUpDownFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as contractUpDownLineSvg } from "remixicon/icons/Arrows/contract-up-down-line.svg";
+export declare const ContractUpDownLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as cornerDownLeftFillSvg } from "remixicon/icons/Arrows/corner-down-left-fill.svg";
+export declare const CornerDownLeftFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as cornerDownLeftLineSvg } from "remixicon/icons/Arrows/corner-down-left-line.svg";
+export declare const CornerDownLeftLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as cornerDownRightFillSvg } from "remixicon/icons/Arrows/corner-down-right-fill.svg";
+export declare const CornerDownRightFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as cornerDownRightLineSvg } from "remixicon/icons/Arrows/corner-down-right-line.svg";
+export declare const CornerDownRightLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as cornerLeftDownFillSvg } from "remixicon/icons/Arrows/corner-left-down-fill.svg";
+export declare const CornerLeftDownFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as cornerLeftDownLineSvg } from "remixicon/icons/Arrows/corner-left-down-line.svg";
+export declare const CornerLeftDownLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as cornerLeftUpFillSvg } from "remixicon/icons/Arrows/corner-left-up-fill.svg";
+export declare const CornerLeftUpFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as cornerLeftUpLineSvg } from "remixicon/icons/Arrows/corner-left-up-line.svg";
+export declare const CornerLeftUpLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as cornerRightDownFillSvg } from "remixicon/icons/Arrows/corner-right-down-fill.svg";
+export declare const CornerRightDownFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as cornerRightDownLineSvg } from "remixicon/icons/Arrows/corner-right-down-line.svg";
+export declare const CornerRightDownLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as cornerRightUpFillSvg } from "remixicon/icons/Arrows/corner-right-up-fill.svg";
+export declare const CornerRightUpFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as cornerRightUpLineSvg } from "remixicon/icons/Arrows/corner-right-up-line.svg";
+export declare const CornerRightUpLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as cornerUpLeftDoubleFillSvg } from "remixicon/icons/Arrows/corner-up-left-double-fill.svg";
+export declare const CornerUpLeftDoubleFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as cornerUpLeftDoubleLineSvg } from "remixicon/icons/Arrows/corner-up-left-double-line.svg";
+export declare const CornerUpLeftDoubleLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as cornerUpLeftFillSvg } from "remixicon/icons/Arrows/corner-up-left-fill.svg";
+export declare const CornerUpLeftFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as cornerUpLeftLineSvg } from "remixicon/icons/Arrows/corner-up-left-line.svg";
+export declare const CornerUpLeftLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as cornerUpRightDoubleFillSvg } from "remixicon/icons/Arrows/corner-up-right-double-fill.svg";
+export declare const CornerUpRightDoubleFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as cornerUpRightDoubleLineSvg } from "remixicon/icons/Arrows/corner-up-right-double-line.svg";
+export declare const CornerUpRightDoubleLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as cornerUpRightFillSvg } from "remixicon/icons/Arrows/corner-up-right-fill.svg";
+export declare const CornerUpRightFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as cornerUpRightLineSvg } from "remixicon/icons/Arrows/corner-up-right-line.svg";
+export declare const CornerUpRightLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as dragMove2FillSvg } from "remixicon/icons/Arrows/drag-move-2-fill.svg";
+export declare const DragMove2FillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as dragMove2LineSvg } from "remixicon/icons/Arrows/drag-move-2-line.svg";
+export declare const DragMove2LineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as dragMoveFillSvg } from "remixicon/icons/Arrows/drag-move-fill.svg";
+export declare const DragMoveFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as dragMoveLineSvg } from "remixicon/icons/Arrows/drag-move-line.svg";
+export declare const DragMoveLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as expandLeftFillSvg } from "remixicon/icons/Arrows/expand-left-fill.svg";
+export declare const ExpandLeftFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as expandLeftLineSvg } from "remixicon/icons/Arrows/expand-left-line.svg";
+export declare const ExpandLeftLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as expandLeftRightFillSvg } from "remixicon/icons/Arrows/expand-left-right-fill.svg";
+export declare const ExpandLeftRightFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as expandLeftRightLineSvg } from "remixicon/icons/Arrows/expand-left-right-line.svg";
+export declare const ExpandLeftRightLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as expandRightFillSvg } from "remixicon/icons/Arrows/expand-right-fill.svg";
+export declare const ExpandRightFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as expandRightLineSvg } from "remixicon/icons/Arrows/expand-right-line.svg";
+export declare const ExpandRightLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as expandUpDownFillSvg } from "remixicon/icons/Arrows/expand-up-down-fill.svg";
+export declare const ExpandUpDownFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as expandUpDownLineSvg } from "remixicon/icons/Arrows/expand-up-down-line.svg";
+export declare const ExpandUpDownLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as skipDownFillSvg } from "remixicon/icons/Arrows/skip-down-fill.svg";
+export declare const SkipDownFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as skipDownLineSvg } from "remixicon/icons/Arrows/skip-down-line.svg";
+export declare const SkipDownLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as skipLeftFillSvg } from "remixicon/icons/Arrows/skip-left-fill.svg";
+export declare const SkipLeftFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as skipLeftLineSvg } from "remixicon/icons/Arrows/skip-left-line.svg";
+export declare const SkipLeftLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as skipRightFillSvg } from "remixicon/icons/Arrows/skip-right-fill.svg";
+export declare const SkipRightFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as skipRightLineSvg } from "remixicon/icons/Arrows/skip-right-line.svg";
+export declare const SkipRightLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as skipUpFillSvg } from "remixicon/icons/Arrows/skip-up-fill.svg";
+export declare const SkipUpFillIcon: (props: {
+    className?: string;
+}) => JSX.Element;
+export { default as skipUpLineSvg } from "remixicon/icons/Arrows/skip-up-line.svg";
+export declare const SkipUpLineIcon: (props: {
+    className?: string;
+}) => JSX.Element;