@quen-ui/components 0.0.14 → 1.0.0

package/dist/message/MessageContext.es.js

@@ -0,0 +1,101 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { createContext, useState, useCallback, useMemo } from "react";
+import { randomId } from "@quen-ui/helpers";
+import { MessageContainerStyled } from "./styles.es.js";
+import Message from "./Message.es.js";
+const MessageContext = createContext(null);
+const MessageProvider = ({
+  children,
+  placement
+}) => {
+  const [messages, setMessages] = useState([]);
+  const markLeaving = useCallback((key) => {
+    setMessages(
+      (prev) => prev.map((m) => m.key === key ? { ...m, leaving: true } : m)
+    );
+    setTimeout(() => {
+      setMessages((prev) => prev.filter((m) => m.key !== key));
+    }, 300);
+  }, []);
+  const addMessage = useCallback(
+    (status, content, duration, onClose, config) => {
+      const key = config?.key ?? randomId("quen-ui__message");
+      const msg = {
+        key,
+        status,
+        content,
+        duration: duration ?? config?.duration ?? 2,
+        onClose,
+        ...config
+      };
+      setMessages((prev) => [...prev, msg]);
+      if (msg.duration !== 0) {
+        setTimeout(() => {
+          markLeaving(key);
+          msg.onClose?.();
+        }, msg.duration * 1e3);
+      }
+      return key;
+    },
+    [markLeaving]
+  );
+  const destroy = useCallback((key) => {
+    if (key) {
+      markLeaving(key);
+    } else {
+      setMessages((prev) => prev.map((m) => ({ ...m, leaving: true })));
+      setTimeout(() => setMessages([]), 300);
+    }
+  }, []);
+  const api = useMemo(
+    () => ({
+      open: (config) => addMessage(
+        config.status ?? "info",
+        config.content,
+        config.duration,
+        config.onClose,
+        config
+      ),
+      success: (content, duration, onClose, config) => addMessage("success", content, duration, onClose, config),
+      error: (content, duration, onClose, config) => addMessage("error", content, duration, onClose, config),
+      info: (content, duration, onClose, config) => addMessage("info", content, duration, onClose, config),
+      warning: (content, duration, onClose, config) => addMessage("warning", content, duration, onClose, config),
+      loading: (content, duration, onClose, config) => addMessage("loading", content, duration, onClose, config),
+      destroy
+    }),
+    [addMessage, destroy]
+  );
+  return /* @__PURE__ */ jsxs(MessageContext.Provider, { value: api, children: [
+    children,
+    /* @__PURE__ */ jsx(MessageContainerStyled, { placement, children: messages.map((msg) => /* @__PURE__ */ jsx(
+      Message,
+      {
+        message: msg,
+        placement,
+        leaving: !!msg.leaving
+      },
+      msg.key
+    )) })
+  ] });
+};
+function useMessage(options) {
+  const [api, setApi] = useState({
+    open: () => "",
+    success: () => "",
+    error: () => "",
+    info: () => "",
+    warning: () => "",
+    loading: () => "",
+    destroy: () => {
+    }
+  });
+  const contextHolder = /* @__PURE__ */ jsx(MessageProvider, { placement: options?.placement, children: /* @__PURE__ */ jsx(MessageContext.Consumer, { children: (value) => {
+    if (value) setApi(value);
+    return null;
+  } }) });
+  return [api, contextHolder];
+}
+export {
+  MessageProvider,
+  useMessage
+};

package/dist/message/index.cjs.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MessageContext = require("./MessageContext.cjs.js");
+const message = {
+  useMessage: MessageContext.useMessage,
+  Provider: MessageContext.MessageProvider
+};
+exports.message = message;

package/dist/message/index.d.ts

@@ -0,0 +1,6 @@
+import { useMessage } from './MessageContext';
+export type { IMessageConfig } from './types';
+export declare const message: {
+    useMessage: typeof useMessage;
+    Provider: ({ children, placement }: import('react').PropsWithChildren<import('./types').IUseMessageOptions>) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/message/index.es.js

@@ -0,0 +1,8 @@
+import { MessageProvider, useMessage } from "./MessageContext.es.js";
+const message = {
+  useMessage,
+  Provider: MessageProvider
+};
+export {
+  message
+};

package/dist/message/styles.cjs.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const styled = require("styled-components");
+const fadeInTop = styled.keyframes`
+  from { opacity: 0; transform: translateY(-16px); }
+  to { opacity: 1; transform: translateY(0); }
+`;
+const fadeOutTop = styled.keyframes`
+  from { opacity: 1; transform: translateY(0); }
+  to { opacity: 0; transform: translateY(-16px); }
+`;
+const fadeInBottom = styled.keyframes`
+  from { opacity: 0; transform: translateY(16px); }
+  to { opacity: 1; transform: translateY(0); }
+`;
+const fadeOutBottom = styled.keyframes`
+  from { opacity: 1; transform: translateY(0); }
+  to { opacity: 0; transform: translateY(16px); }
+`;
+const MessageContainerStyled = styled.div.withConfig({
+  shouldForwardProp: (prop) => prop !== "placement"
+})`
+  position: fixed;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 9999;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+  pointer-events: none;
+  top: ${({ placement }) => placement === "bottom" ? "auto" : "24px"};
+  bottom: ${({ placement }) => placement === "bottom" ? "24px" : "auto"};
+`;
+const MessageStyled = styled.div.withConfig({
+  shouldForwardProp: (prop) => !["leaving", "placement"].includes(prop)
+})`
+  display: flex;
+  align-items: center;
+  background: ${({ theme }) => theme.components.Message.background};
+  border-radius: ${({ theme }) => theme.components.Message.radius};
+  padding: ${({ theme }) => theme.components.Message.padding};
+  pointer-events: all;
+  animation: ${({ leaving, placement }) => {
+  if (placement === "bottom") {
+    return leaving ? styled.css`
+            ${fadeOutBottom} 0.3s ease forwards
+          ` : styled.css`
+            ${fadeInBottom} 0.3s ease forwards
+          `;
+  }
+  return leaving ? styled.css`
+          ${fadeOutTop} 0.3s ease forwards
+        ` : styled.css`
+          ${fadeInTop} 0.3s ease forwards
+        `;
+}};
+`;
+const getColorIcon = (theme, status) => {
+  switch (status) {
+    case "error":
+      return theme.components.Message.iconErrorColor;
+    case "warning":
+      return theme.components.Message.iconWarningColor;
+    case "success":
+      return theme.components.Message.iconSuccessColor;
+    default:
+      return theme.components.Message.iconInfoColor;
+  }
+};
+const MessageIconWrapper = styled.div`
+  margin-right: 0.5rem;
+  display: flex;
+  align-items: center;
+  color: ${({ theme, status }) => getColorIcon(theme, status)};
+`;
+exports.MessageContainerStyled = MessageContainerStyled;
+exports.MessageIconWrapper = MessageIconWrapper;
+exports.MessageStyled = MessageStyled;

package/dist/message/styles.d.ts

@@ -0,0 +1,11 @@
+import { TMessagePosition, TMessageStatus } from './types';
+export declare const MessageContainerStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    placement?: TMessagePosition;
+}>> & string;
+export declare const MessageStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    leaving?: boolean;
+    placement?: "top" | "bottom";
+}>> & string;
+export declare const MessageIconWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    status?: TMessageStatus;
+}>> & string;

package/dist/message/styles.es.js

@@ -0,0 +1,79 @@
+import styled, { keyframes, css } from "styled-components";
+const fadeInTop = keyframes`
+  from { opacity: 0; transform: translateY(-16px); }
+  to { opacity: 1; transform: translateY(0); }
+`;
+const fadeOutTop = keyframes`
+  from { opacity: 1; transform: translateY(0); }
+  to { opacity: 0; transform: translateY(-16px); }
+`;
+const fadeInBottom = keyframes`
+  from { opacity: 0; transform: translateY(16px); }
+  to { opacity: 1; transform: translateY(0); }
+`;
+const fadeOutBottom = keyframes`
+  from { opacity: 1; transform: translateY(0); }
+  to { opacity: 0; transform: translateY(16px); }
+`;
+const MessageContainerStyled = styled.div.withConfig({
+  shouldForwardProp: (prop) => prop !== "placement"
+})`
+  position: fixed;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 9999;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+  pointer-events: none;
+  top: ${({ placement }) => placement === "bottom" ? "auto" : "24px"};
+  bottom: ${({ placement }) => placement === "bottom" ? "24px" : "auto"};
+`;
+const MessageStyled = styled.div.withConfig({
+  shouldForwardProp: (prop) => !["leaving", "placement"].includes(prop)
+})`
+  display: flex;
+  align-items: center;
+  background: ${({ theme }) => theme.components.Message.background};
+  border-radius: ${({ theme }) => theme.components.Message.radius};
+  padding: ${({ theme }) => theme.components.Message.padding};
+  pointer-events: all;
+  animation: ${({ leaving, placement }) => {
+  if (placement === "bottom") {
+    return leaving ? css`
+            ${fadeOutBottom} 0.3s ease forwards
+          ` : css`
+            ${fadeInBottom} 0.3s ease forwards
+          `;
+  }
+  return leaving ? css`
+          ${fadeOutTop} 0.3s ease forwards
+        ` : css`
+          ${fadeInTop} 0.3s ease forwards
+        `;
+}};
+`;
+const getColorIcon = (theme, status) => {
+  switch (status) {
+    case "error":
+      return theme.components.Message.iconErrorColor;
+    case "warning":
+      return theme.components.Message.iconWarningColor;
+    case "success":
+      return theme.components.Message.iconSuccessColor;
+    default:
+      return theme.components.Message.iconInfoColor;
+  }
+};
+const MessageIconWrapper = styled.div`
+  margin-right: 0.5rem;
+  display: flex;
+  align-items: center;
+  color: ${({ theme, status }) => getColorIcon(theme, status)};
+`;
+export {
+  MessageContainerStyled,
+  MessageIconWrapper,
+  MessageStyled
+};

package/dist/message/types.d.ts

@@ -0,0 +1,42 @@
+import { ReactNode, CSSProperties } from 'react';
+export declare const MESSAGE_STATUS: readonly ["success", "warning", "error", "info", "loading"];
+export declare const MESSAGE_POSITIONS: readonly ["top", "bottom"];
+export type TMessageStatus = (typeof MESSAGE_STATUS)[number];
+export type TMessagePosition = (typeof MESSAGE_POSITIONS)[number];
+export interface IMessageConfig {
+    /** Unique identifier for the message */
+    key?: string | number;
+    /** Content/text of the message */
+    content: ReactNode;
+    /** Time in seconds before auto-dismiss. Use 0 to disable */
+    duration?: number;
+    /** Custom icon for the message */
+    icon?: ReactNode;
+    /** Custom CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: CSSProperties;
+    /** Called when the message is clicked */
+    onClick?: () => void;
+    /** Called when message closes */
+    onClose?: () => void;
+    /** Type / status of message */
+    status?: TMessageStatus;
+}
+export interface IMessageProps {
+    message: IMessageConfig;
+    placement?: TMessagePosition;
+    leaving: boolean;
+}
+export interface IMessageInstance {
+    open(config: IMessageConfig): string | number;
+    success(content: ReactNode, duration?: number, onClose?: () => void, config?: Partial<IMessageConfig>): string | number;
+    error(content: ReactNode, duration?: number, onClose?: () => void, config?: Partial<IMessageConfig>): string | number;
+    info(content: ReactNode, duration?: number, onClose?: () => void, config?: Partial<IMessageConfig>): string | number;
+    warning(content: ReactNode, duration?: number, onClose?: () => void, config?: Partial<IMessageConfig>): string | number;
+    loading(content: ReactNode, duration?: number, onClose?: () => void, config?: Partial<IMessageConfig>): string | number;
+    destroy(key?: string | number): void;
+}
+export interface IUseMessageOptions {
+    placement?: TMessagePosition;
+}

package/dist/node_modules/@tabler/icons-react/dist/esm/createReactComponent.cjs.js

@@ -0,0 +1,30 @@
+"use strict";
+const React = require("react");
+const defaultAttributes = require("./defaultAttributes.cjs.js");
+const createReactComponent = (type, iconName, iconNamePascal, iconNode) => {
+  const Component = React.forwardRef(
+    ({ color = "currentColor", size = 24, stroke = 2, title, className, children, ...rest }, ref) => React.createElement(
+      "svg",
+      {
+        ref,
+        ...defaultAttributes[type],
+        width: size,
+        height: size,
+        className: [`tabler-icon`, `tabler-icon-${iconName}`, className].join(" "),
+        ...{
+          strokeWidth: stroke,
+          stroke: color
+        },
+        ...rest
+      },
+      [
+        title && React.createElement("title", { key: "svg-title" }, title),
+        ...iconNode.map(([tag, attrs]) => React.createElement(tag, attrs)),
+        ...Array.isArray(children) ? children : [children]
+      ]
+    )
+  );
+  Component.displayName = `${iconNamePascal}`;
+  return Component;
+};
+module.exports = createReactComponent;

package/dist/node_modules/@tabler/icons-react/dist/esm/createReactComponent.es.js

@@ -0,0 +1,31 @@
+import { forwardRef, createElement } from "react";
+import defaultAttributes from "./defaultAttributes.es.js";
+const createReactComponent = (type, iconName, iconNamePascal, iconNode) => {
+  const Component = forwardRef(
+    ({ color = "currentColor", size = 24, stroke = 2, title, className, children, ...rest }, ref) => createElement(
+      "svg",
+      {
+        ref,
+        ...defaultAttributes[type],
+        width: size,
+        height: size,
+        className: [`tabler-icon`, `tabler-icon-${iconName}`, className].join(" "),
+        ...{
+          strokeWidth: stroke,
+          stroke: color
+        },
+        ...rest
+      },
+      [
+        title && createElement("title", { key: "svg-title" }, title),
+        ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),
+        ...Array.isArray(children) ? children : [children]
+      ]
+    )
+  );
+  Component.displayName = `${iconNamePascal}`;
+  return Component;
+};
+export {
+  createReactComponent as default
+};

package/dist/node_modules/@tabler/icons-react/dist/esm/defaultAttributes.cjs.js

@@ -0,0 +1,23 @@
+"use strict";
+var defaultAttributes = {
+  outline: {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  },
+  filled: {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    stroke: "none"
+  }
+};
+module.exports = defaultAttributes;

package/dist/node_modules/@tabler/icons-react/dist/esm/defaultAttributes.es.js

@@ -0,0 +1,24 @@
+var defaultAttributes = {
+  outline: {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  },
+  filled: {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    stroke: "none"
+  }
+};
+export {
+  defaultAttributes as default
+};

package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconAlignCenter.cjs.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const createReactComponent = require("../createReactComponent.cjs.js");
+const __iconNode = [["path", { "d": "M4 6l16 0", "key": "svg-0" }], ["path", { "d": "M8 12l8 0", "key": "svg-1" }], ["path", { "d": "M6 18l12 0", "key": "svg-2" }]];
+const IconAlignCenter = createReactComponent("outline", "align-center", "AlignCenter", __iconNode);
+exports.__iconNode = __iconNode;
+exports.default = IconAlignCenter;

package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconAlignCenter.es.js

@@ -0,0 +1,7 @@
+import createReactComponent from "../createReactComponent.es.js";
+const __iconNode = [["path", { "d": "M4 6l16 0", "key": "svg-0" }], ["path", { "d": "M8 12l8 0", "key": "svg-1" }], ["path", { "d": "M6 18l12 0", "key": "svg-2" }]];
+const IconAlignCenter = createReactComponent("outline", "align-center", "AlignCenter", __iconNode);
+export {
+  __iconNode,
+  IconAlignCenter as default
+};

package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconAlignJustified.cjs.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const createReactComponent = require("../createReactComponent.cjs.js");
+const __iconNode = [["path", { "d": "M4 6l16 0", "key": "svg-0" }], ["path", { "d": "M4 12l16 0", "key": "svg-1" }], ["path", { "d": "M4 18l12 0", "key": "svg-2" }]];
+const IconAlignJustified = createReactComponent("outline", "align-justified", "AlignJustified", __iconNode);
+exports.__iconNode = __iconNode;
+exports.default = IconAlignJustified;

package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconAlignJustified.es.js

@@ -0,0 +1,7 @@
+import createReactComponent from "../createReactComponent.es.js";
+const __iconNode = [["path", { "d": "M4 6l16 0", "key": "svg-0" }], ["path", { "d": "M4 12l16 0", "key": "svg-1" }], ["path", { "d": "M4 18l12 0", "key": "svg-2" }]];
+const IconAlignJustified = createReactComponent("outline", "align-justified", "AlignJustified", __iconNode);
+export {
+  __iconNode,
+  IconAlignJustified as default
+};

package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconAlignLeft.cjs.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const createReactComponent = require("../createReactComponent.cjs.js");
+const __iconNode = [["path", { "d": "M4 6l16 0", "key": "svg-0" }], ["path", { "d": "M4 12l10 0", "key": "svg-1" }], ["path", { "d": "M4 18l14 0", "key": "svg-2" }]];
+const IconAlignLeft = createReactComponent("outline", "align-left", "AlignLeft", __iconNode);
+exports.__iconNode = __iconNode;
+exports.default = IconAlignLeft;

package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconAlignLeft.es.js

@@ -0,0 +1,7 @@
+import createReactComponent from "../createReactComponent.es.js";
+const __iconNode = [["path", { "d": "M4 6l16 0", "key": "svg-0" }], ["path", { "d": "M4 12l10 0", "key": "svg-1" }], ["path", { "d": "M4 18l14 0", "key": "svg-2" }]];
+const IconAlignLeft = createReactComponent("outline", "align-left", "AlignLeft", __iconNode);
+export {
+  __iconNode,
+  IconAlignLeft as default
+};

package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconAlignRight.cjs.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const createReactComponent = require("../createReactComponent.cjs.js");
+const __iconNode = [["path", { "d": "M4 6l16 0", "key": "svg-0" }], ["path", { "d": "M10 12l10 0", "key": "svg-1" }], ["path", { "d": "M6 18l14 0", "key": "svg-2" }]];
+const IconAlignRight = createReactComponent("outline", "align-right", "AlignRight", __iconNode);
+exports.__iconNode = __iconNode;
+exports.default = IconAlignRight;

package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconAlignRight.es.js

@@ -0,0 +1,7 @@
+import createReactComponent from "../createReactComponent.es.js";
+const __iconNode = [["path", { "d": "M4 6l16 0", "key": "svg-0" }], ["path", { "d": "M10 12l10 0", "key": "svg-1" }], ["path", { "d": "M6 18l14 0", "key": "svg-2" }]];
+const IconAlignRight = createReactComponent("outline", "align-right", "AlignRight", __iconNode);
+export {
+  __iconNode,
+  IconAlignRight as default
+};

package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowBackUp.cjs.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const createReactComponent = require("../createReactComponent.cjs.js");
+const __iconNode = [["path", { "d": "M9 14l-4 -4l4 -4", "key": "svg-0" }], ["path", { "d": "M5 10h11a4 4 0 1 1 0 8h-1", "key": "svg-1" }]];
+const IconArrowBackUp = createReactComponent("outline", "arrow-back-up", "ArrowBackUp", __iconNode);
+exports.__iconNode = __iconNode;
+exports.default = IconArrowBackUp;

package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowBackUp.es.js

@@ -0,0 +1,7 @@
+import createReactComponent from "../createReactComponent.es.js";
+const __iconNode = [["path", { "d": "M9 14l-4 -4l4 -4", "key": "svg-0" }], ["path", { "d": "M5 10h11a4 4 0 1 1 0 8h-1", "key": "svg-1" }]];
+const IconArrowBackUp = createReactComponent("outline", "arrow-back-up", "ArrowBackUp", __iconNode);
+export {
+  __iconNode,
+  IconArrowBackUp as default
+};

package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowForwardUp.cjs.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const createReactComponent = require("../createReactComponent.cjs.js");
+const __iconNode = [["path", { "d": "M15 14l4 -4l-4 -4", "key": "svg-0" }], ["path", { "d": "M19 10h-11a4 4 0 1 0 0 8h1", "key": "svg-1" }]];
+const IconArrowForwardUp = createReactComponent("outline", "arrow-forward-up", "ArrowForwardUp", __iconNode);
+exports.__iconNode = __iconNode;
+exports.default = IconArrowForwardUp;

package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowForwardUp.es.js

@@ -0,0 +1,7 @@
+import createReactComponent from "../createReactComponent.es.js";
+const __iconNode = [["path", { "d": "M15 14l4 -4l-4 -4", "key": "svg-0" }], ["path", { "d": "M19 10h-11a4 4 0 1 0 0 8h1", "key": "svg-1" }]];
+const IconArrowForwardUp = createReactComponent("outline", "arrow-forward-up", "ArrowForwardUp", __iconNode);
+export {
+  __iconNode,
+  IconArrowForwardUp as default
+};

package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconBlockquote.cjs.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const createReactComponent = require("../createReactComponent.cjs.js");
+const __iconNode = [["path", { "d": "M6 15h15", "key": "svg-0" }], ["path", { "d": "M21 19h-15", "key": "svg-1" }], ["path", { "d": "M15 11h6", "key": "svg-2" }], ["path", { "d": "M21 7h-6", "key": "svg-3" }], ["path", { "d": "M9 9h1a1 1 0 1 1 -1 1v-2.5a2 2 0 0 1 2 -2", "key": "svg-4" }], ["path", { "d": "M3 9h1a1 1 0 1 1 -1 1v-2.5a2 2 0 0 1 2 -2", "key": "svg-5" }]];
+const IconBlockquote = createReactComponent("outline", "blockquote", "Blockquote", __iconNode);
+exports.__iconNode = __iconNode;
+exports.default = IconBlockquote;

package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconBlockquote.es.js

@@ -0,0 +1,7 @@
+import createReactComponent from "../createReactComponent.es.js";
+const __iconNode = [["path", { "d": "M6 15h15", "key": "svg-0" }], ["path", { "d": "M21 19h-15", "key": "svg-1" }], ["path", { "d": "M15 11h6", "key": "svg-2" }], ["path", { "d": "M21 7h-6", "key": "svg-3" }], ["path", { "d": "M9 9h1a1 1 0 1 1 -1 1v-2.5a2 2 0 0 1 2 -2", "key": "svg-4" }], ["path", { "d": "M3 9h1a1 1 0 1 1 -1 1v-2.5a2 2 0 0 1 2 -2", "key": "svg-5" }]];
+const IconBlockquote = createReactComponent("outline", "blockquote", "Blockquote", __iconNode);
+export {
+  __iconNode,
+  IconBlockquote as default
+};

package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconBold.cjs.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const createReactComponent = require("../createReactComponent.cjs.js");
+const __iconNode = [["path", { "d": "M7 5h6a3.5 3.5 0 0 1 0 7h-6z", "key": "svg-0" }], ["path", { "d": "M13 12h1a3.5 3.5 0 0 1 0 7h-7v-7", "key": "svg-1" }]];
+const IconBold = createReactComponent("outline", "bold", "Bold", __iconNode);
+exports.__iconNode = __iconNode;
+exports.default = IconBold;

package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconBold.es.js

@@ -0,0 +1,7 @@
+import createReactComponent from "../createReactComponent.es.js";
+const __iconNode = [["path", { "d": "M7 5h6a3.5 3.5 0 0 1 0 7h-6z", "key": "svg-0" }], ["path", { "d": "M13 12h1a3.5 3.5 0 0 1 0 7h-7v-7", "key": "svg-1" }]];
+const IconBold = createReactComponent("outline", "bold", "Bold", __iconNode);
+export {
+  __iconNode,
+  IconBold as default
+};

package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconCheckbox.cjs.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const createReactComponent = require("../createReactComponent.cjs.js");
+const __iconNode = [["path", { "d": "M9 11l3 3l8 -8", "key": "svg-0" }], ["path", { "d": "M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9", "key": "svg-1" }]];
+const IconCheckbox = createReactComponent("outline", "checkbox", "Checkbox", __iconNode);
+exports.__iconNode = __iconNode;
+exports.default = IconCheckbox;

package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconCheckbox.es.js

@@ -0,0 +1,7 @@
+import createReactComponent from "../createReactComponent.es.js";
+const __iconNode = [["path", { "d": "M9 11l3 3l8 -8", "key": "svg-0" }], ["path", { "d": "M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9", "key": "svg-1" }]];
+const IconCheckbox = createReactComponent("outline", "checkbox", "Checkbox", __iconNode);
+export {
+  __iconNode,
+  IconCheckbox as default
+};

package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconClearFormatting.cjs.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const createReactComponent = require("../createReactComponent.cjs.js");
+const __iconNode = [["path", { "d": "M17 15l4 4m0 -4l-4 4", "key": "svg-0" }], ["path", { "d": "M7 6v-1h11v1", "key": "svg-1" }], ["path", { "d": "M7 19l4 0", "key": "svg-2" }], ["path", { "d": "M13 5l-4 14", "key": "svg-3" }]];
+const IconClearFormatting = createReactComponent("outline", "clear-formatting", "ClearFormatting", __iconNode);
+exports.__iconNode = __iconNode;
+exports.default = IconClearFormatting;

package/dist/node_modules/@tabler/icons-react/dist/esm/icons/IconClearFormatting.es.js

@@ -0,0 +1,7 @@
+import createReactComponent from "../createReactComponent.es.js";
+const __iconNode = [["path", { "d": "M17 15l4 4m0 -4l-4 4", "key": "svg-0" }], ["path", { "d": "M7 6v-1h11v1", "key": "svg-1" }], ["path", { "d": "M7 19l4 0", "key": "svg-2" }], ["path", { "d": "M13 5l-4 14", "key": "svg-3" }]];
+const IconClearFormatting = createReactComponent("outline", "clear-formatting", "ClearFormatting", __iconNode);
+export {
+  __iconNode,
+  IconClearFormatting as default
+};