@krrli/cm-designsystem 1.32.1 → 1.32.3

package/dist/components/file-upload/FileUpload.js

@@ -1,70 +1,133 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState } from "react";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
 import { tv } from "tailwind-variants";
-import { Button } from "../button/Button";
-import { Cancel, Upload } from "../icons/generated";
-import { Label } from "../typography/Label";
-import { Paragraph } from "../typography/Paragraph";
+import { Button } from "../button/Button.js";
+import { Label } from "../typography/Label.js";
+import { Paragraph } from "../typography/Paragraph.js";
+import { Upload } from "../icons/generated/Upload.js";
+import { Cancel } from "../icons/generated/Cancel.js";
 const fileUploadStyles = tv({
-    slots: {
-        base: ["flex", "flex-col", "items-center", "gap-4", "w-full"],
-        dropzone: [
-            "flex",
-            "w-full",
-            "cursor-pointer",
-            "flex-col",
-            "items-center",
-            "justify-center",
-            "gap-2",
-            "rounded-xl",
-            "border-2",
-            "border-dashed",
-            "border-slate-200",
-            "pt-12",
-            "pr-4",
-            "pb-12",
-            "pl-4",
-        ],
-        uploadIcon: ["h-8", "w-8", "text-slate-500"],
-        titleText: ["text-slate-500"],
-        subtitleText: ["text-slate-500"],
-        action: [
-            "flex",
-            "w-full",
-            "items-center",
-            "justify-center",
-            "bg-slate-300",
-            "text-slate-600",
-            "hover:bg-slate-300",
-        ],
-        input: ["hidden"],
-        preview: ["flex", "items-center", "gap-2"],
-        previewLabel: ["truncate"],
-    },
+  slots: {
+    base: ["flex", "flex-col", "items-center", "gap-4", "w-full"],
+    dropzone: [
+      "flex",
+      "w-full",
+      "cursor-pointer",
+      "flex-col",
+      "items-center",
+      "justify-center",
+      "gap-2",
+      "rounded-xl",
+      "border-2",
+      "border-dashed",
+      "border-slate-200",
+      "pt-12",
+      "pr-4",
+      "pb-12",
+      "pl-4"
+    ],
+    uploadIcon: ["h-8", "w-8", "text-slate-500"],
+    titleText: ["text-slate-500"],
+    subtitleText: ["text-slate-500"],
+    action: [
+      "flex",
+      "w-full",
+      "items-center",
+      "justify-center",
+      "bg-slate-300",
+      "text-slate-600",
+      "hover:bg-slate-300"
+    ],
+    input: ["hidden"],
+    preview: ["flex", "items-center", "gap-2"],
+    previewLabel: ["truncate"]
+  }
 });
-export const FileUpload = ({ title = "Drag & Drop your File", subtitle = "JPEG or PNG, max. 50 MB", actionLabel = ".. or select your File", ...props }) => {
-    const { base, dropzone, titleText, subtitleText, uploadIcon, action, input, preview, previewLabel, } = fileUploadStyles(props);
-    const [file, setFile] = useState(null);
-    const handleFileChange = (e) => {
-        const selected = e.target.files?.[0] || null;
-        if (selected) {
-            setFile(selected);
-            props.onFileSelect(selected);
-        }
-    };
-    const handleDrop = (e) => {
-        e.preventDefault();
-        if (e.dataTransfer.files?.[0]) {
-            setFile(e.dataTransfer.files[0]);
-        }
-    };
-    const handleDragOver = (e) => {
-        e.preventDefault();
-    };
-    return (_jsxs("div", { className: base(props), children: [_jsxs("div", { role: "region", "aria-label": "File upload dropzone", className: dropzone(props), onDrop: handleDrop, onDragOver: handleDragOver, onClick: () => document.getElementById("fileInput")?.click(), onKeyDown: (e) => {
-                    if (e.key === "Enter" || e.key === " ") {
-                        e.preventDefault();
-                        document.getElementById("fileInput")?.click();
-                    }
-                }, children: [_jsx(Upload, { className: uploadIcon(props) }), _jsx(Label, { size: "xl", className: titleText(props), children: title }), _jsx(Paragraph, { size: "md", className: subtitleText(props), children: subtitle })] }), _jsx(Button, { className: action(props), intent: "primary", size: "md", icon: Upload, onClick: () => document.getElementById("fileInput")?.click(), children: actionLabel }), _jsx("input", { id: "fileInput", "aria-label": title, type: "file", accept: ".jpg,.png", className: input(props), onChange: handleFileChange }), file && (_jsxs("div", { className: preview(props), children: [_jsx(Label, { size: "md", className: previewLabel(props), children: file.name }), _jsx(Cancel, { onClick: () => setFile(null) })] }))] }));
+const FileUpload = ({
+  title = "Drag & Drop your File",
+  subtitle = "JPEG or PNG, max. 50 MB",
+  actionLabel = ".. or select your File",
+  ...props
+}) => {
+  const {
+    base,
+    dropzone,
+    titleText,
+    subtitleText,
+    uploadIcon,
+    action,
+    input,
+    preview,
+    previewLabel
+  } = fileUploadStyles(props);
+  const [file, setFile] = useState(null);
+  const handleFileChange = (e) => {
+    const selected = e.target.files?.[0] || null;
+    if (selected) {
+      setFile(selected);
+      props.onFileSelect(selected);
+    }
+  };
+  const handleDrop = (e) => {
+    e.preventDefault();
+    if (e.dataTransfer.files?.[0]) {
+      setFile(e.dataTransfer.files[0]);
+    }
+  };
+  const handleDragOver = (e) => {
+    e.preventDefault();
+  };
+  return /* @__PURE__ */ jsxs("div", { className: base(props), children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "region",
+        "aria-label": "File upload dropzone",
+        className: dropzone(props),
+        onDrop: handleDrop,
+        onDragOver: handleDragOver,
+        onClick: () => document.getElementById("fileInput")?.click(),
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            document.getElementById("fileInput")?.click();
+          }
+        },
+        children: [
+          /* @__PURE__ */ jsx(Upload, { className: uploadIcon(props) }),
+          /* @__PURE__ */ jsx(Label, { size: "xl", className: titleText(props), children: title }),
+          /* @__PURE__ */ jsx(Paragraph, { size: "md", className: subtitleText(props), children: subtitle })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        className: action(props),
+        intent: "primary",
+        size: "md",
+        icon: Upload,
+        onClick: () => document.getElementById("fileInput")?.click(),
+        children: actionLabel
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        id: "fileInput",
+        "aria-label": title,
+        type: "file",
+        accept: ".jpg,.png",
+        className: input(props),
+        onChange: handleFileChange
+      }
+    ),
+    file && /* @__PURE__ */ jsxs("div", { className: preview(props), children: [
+      /* @__PURE__ */ jsx(Label, { size: "md", className: previewLabel(props), children: file.name }),
+      /* @__PURE__ */ jsx(Cancel, { onClick: () => setFile(null) })
+    ] })
+  ] });
+};
+export {
+  FileUpload
 };

package/dist/components/form/Form.d.ts

@@ -1,17 +1,17 @@
-import React from "react";
-import { type VariantProps } from "tailwind-variants";
-declare const formStyles: import("tailwind-variants").TVReturnType<{
+import { default as React } from 'react';
+import { VariantProps } from 'tailwind-variants';
+declare const formStyles: import('tailwind-variants').TVReturnType<{
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            fields?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            fields?: import('tailwind-merge').ClassNameValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            fields?: import("tailwind-merge").ClassNameValue;
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            fields?: import('tailwind-merge').ClassNameValue;
         };
     };
 } | {}, {
@@ -19,15 +19,15 @@ declare const formStyles: import("tailwind-variants").TVReturnType<{
     fields: string[];
 }, undefined, {
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            fields?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            fields?: import('tailwind-merge').ClassNameValue;
         };
     };
 } | {}, {
     base: string[];
     fields: string[];
-}, import("tailwind-variants").TVReturnType<unknown, {
+}, import('tailwind-variants').TVReturnType<unknown, {
     base: string[];
     fields: string[];
 }, undefined, unknown, unknown, undefined>>;
@@ -52,3 +52,4 @@ export declare namespace FormAction {
     var displayName: string;
 }
 export {};
+//# sourceMappingURL=Form.d.ts.map

package/dist/components/form/Form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/form/Form.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAKd,CAAC;AAEH,KAAK,YAAY,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC;AAEpD,UAAU,SAAU,SAAQ,YAAY;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG;IACvC,MAAM,EAAE,OAAO,UAAU,CAAC;IAC1B,MAAM,EAAE,OAAO,UAAU,CAAC;CA0B3B,CAAC;AAGF,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,mBAErE;yBAFe,UAAU;;;AAK1B,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAA;CAAE,0EAExE;yBAFe,UAAU"}

package/dist/components/form/Form.js

@@ -1,38 +1,45 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import * as RadixForm from "@radix-ui/react-form";
 import React from "react";
 import { tv } from "tailwind-variants";
 const formStyles = tv({
-    slots: {
-        base: ["gap-16", "flex", "flex-col"],
-        fields: ["gap-4", "flex", "flex-col"],
-    },
+  slots: {
+    base: ["gap-16", "flex", "flex-col"],
+    fields: ["gap-4", "flex", "flex-col"]
+  }
 });
-export const Form = (props) => {
-    const { base, fields } = formStyles(props);
-    let fieldElements = null;
-    let actionElement = null;
-    React.Children.forEach(props.children, (child) => {
-        if (!React.isValidElement(child))
-            return;
-        switch (child.type) {
-            case FormFields:
-                fieldElements = child;
-                break;
-            case FormAction:
-                actionElement = child;
-                break;
-        }
-    });
-    return (_jsxs(RadixForm.Root, { className: base(), children: [_jsx("div", { className: fields(), children: fieldElements }), _jsx(RadixForm.Submit, { asChild: true, children: actionElement })] }));
+const Form = (props) => {
+  const { base, fields } = formStyles(props);
+  let fieldElements = null;
+  let actionElement = null;
+  React.Children.forEach(props.children, (child) => {
+    if (!React.isValidElement(child)) return;
+    switch (child.type) {
+      case FormFields:
+        fieldElements = child;
+        break;
+      case FormAction:
+        actionElement = child;
+        break;
+    }
+  });
+  return /* @__PURE__ */ jsxs(RadixForm.Root, { className: base(), children: [
+    /* @__PURE__ */ jsx("div", { className: fields(), children: fieldElements }),
+    /* @__PURE__ */ jsx(RadixForm.Submit, { asChild: true, children: actionElement })
+  ] });
 };
 FormFields.displayName = "FormField";
-export function FormFields({ children }) {
-    return children;
+function FormFields({ children }) {
+  return children;
 }
 FormAction.displayName = "ModalActions";
-export function FormAction({ children }) {
-    return children;
+function FormAction({ children }) {
+  return children;
 }
 Form.Fields = FormFields;
 Form.Action = FormAction;
+export {
+  Form,
+  FormAction,
+  FormFields
+};

package/dist/components/icon-button/IconButton.d.ts

@@ -1,8 +1,8 @@
-import React from "react";
-import { type VariantProps } from "tailwind-variants";
-import { type BaseAccessibleButtonProps } from "../accessible-button/AccessibleButton";
-import type { IconBaseProps } from "../icons/IconBase";
-declare const iconButtonStyles: import("tailwind-variants").TVReturnType<{
+import { default as React } from 'react';
+import { VariantProps } from 'tailwind-variants';
+import { BaseAccessibleButtonProps } from '../accessible-button/AccessibleButton';
+import { IconBaseProps } from '../icons/IconBase';
+declare const iconButtonStyles: import('tailwind-variants').TVReturnType<{
     intent: {
         primary: {
             base: string[];
@@ -26,7 +26,7 @@ declare const iconButtonStyles: import("tailwind-variants").TVReturnType<{
 }, {
     base: string[];
     icon: string[];
-}, import("tailwind-variants").TVReturnType<{
+}, import('tailwind-variants').TVReturnType<{
     intent: {
         primary: {
             base: string[];
@@ -67,3 +67,4 @@ interface IconButtonProps extends IconButtonVariants, BaseAccessibleButtonProps
  */
 export declare const IconButton: React.FC<IconButtonProps>;
 export {};
+//# sourceMappingURL=IconButton.d.ts.map

package/dist/components/icon-button/IconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAU,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,uCAAuC,CAAC;AAE/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAkBpB,CAAC;AAEH,KAAK,kBAAkB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAChE,KAAK,gBAAgB,GAAG,SAAS,GAAG,WAAW,CAAC;AAEhD;;;;;GAKG;AACH,UAAU,eACR,SAAQ,kBAAkB,EAAE,yBAAyB;IACrD;;OAEG;IACH,MAAM,EAAE,gBAAgB,CAAC;IAEzB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IAE1C;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAchD,CAAC"}

package/dist/components/icon-button/IconButton.js

@@ -1,32 +1,36 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import { cn, tv } from "tailwind-variants";
-import { AccessibleButton, } from "../accessible-button/AccessibleButton";
-import { Label } from "../typography/Label";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { tv, cn } from "tailwind-variants";
+import { AccessibleButton } from "../accessible-button/AccessibleButton.js";
+import { Label } from "../typography/Label.js";
 const iconButtonStyles = tv({
-    slots: {
-        base: [
-            "flex",
-            "gap-1",
-            "transition",
-            "duration-350",
-            "ease-in-out",
-            "cursor-pointer",
-        ],
-        icon: ["w-3", "h-3"],
-    },
-    variants: {
-        intent: {
-            primary: { base: ["text-slate-500", "hover:text-slate-600"] },
-            secondary: { base: ["text-violet-600", "hover:text-violet-900"] },
-        },
-    },
+  slots: {
+    base: [
+      "flex",
+      "gap-1",
+      "transition",
+      "duration-350",
+      "ease-in-out",
+      "cursor-pointer"
+    ],
+    icon: ["w-3", "h-3"]
+  },
+  variants: {
+    intent: {
+      primary: { base: ["text-slate-500", "hover:text-slate-600"] },
+      secondary: { base: ["text-violet-600", "hover:text-violet-900"] }
+    }
+  }
 });
-/**
- * A compact, accessible button component that displays an icon alongside
- * a text label.
- */
-export const IconButton = ({ className, ...props }) => {
-    const { base, icon } = iconButtonStyles();
-    return (_jsxs(AccessibleButton, { className: cn(base(props), className), ...props, children: [props.icon && _jsx(props.icon, { className: icon(props) }), _jsx(Label, { as: "span", size: "md", children: props.children })] }));
+const IconButton = ({
+  className,
+  ...props
+}) => {
+  const { base, icon } = iconButtonStyles();
+  return /* @__PURE__ */ jsxs(AccessibleButton, { className: cn(base(props), className), ...props, children: [
+    props.icon && /* @__PURE__ */ jsx(props.icon, { className: icon(props) }),
+    /* @__PURE__ */ jsx(Label, { as: "span", size: "md", children: props.children })
+  ] });
+};
+export {
+  IconButton
 };

package/dist/components/icons/IconBase.d.ts

@@ -3,3 +3,4 @@ export type IconBaseProps = React.SVGProps<SVGSVGElement> & {
     label?: string;
 };
 export declare const IconBase: React.FC<IconBaseProps>;
+//# sourceMappingURL=IconBase.d.ts.map

package/dist/components/icons/IconBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBase.d.ts","sourceRoot":"","sources":["../../../src/components/icons/IconBase.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAMF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAkB5C,CAAC"}

package/dist/components/icons/IconBase.js

@@ -1,11 +1,26 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-// src/components/icons/IconBase.tsx
+import { jsx } from "react/jsx-runtime";
 import { AccessibleIcon } from "@radix-ui/react-accessible-icon";
-import * as React from "react";
 import { cn, tv } from "tailwind-variants";
 const iconStyles = tv({
-    base: ["w-4", "h-4"],
+  base: ["w-4", "h-4"]
 });
-export const IconBase = ({ label = "", children, className, ...props }) => {
-    return (_jsx(AccessibleIcon, { label: label, children: _jsx("svg", { className: cn(iconStyles(), className), fill: "currentColor", viewBox: props.viewBox || "0 0 16 16", ...props, children: children }) }));
+const IconBase = ({
+  label = "",
+  children,
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(AccessibleIcon, { label, children: /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className: cn(iconStyles(), className),
+      fill: "currentColor",
+      viewBox: props.viewBox || "0 0 16 16",
+      ...props,
+      children
+    }
+  ) });
+};
+export {
+  IconBase
 };

package/dist/components/icons/generated/ArrowDown.d.ts

@@ -1,3 +1,4 @@
+import { IconBase } from '../IconBase';
 import * as React from "react";
-import { IconBase } from "../IconBase";
 export declare const ArrowDown: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ArrowDown.d.ts.map

package/dist/components/icons/generated/ArrowDown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowDown.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/generated/ArrowDown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,eAAO,MAAM,SAAS,GAAI,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,4CAcrE,CAAC"}

package/dist/components/icons/generated/ArrowDown.js

@@ -1,4 +1,15 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { IconBase } from "../IconBase";
-export const ArrowDown = (props) => (_jsxs(IconBase, { label: "ArrowDown", ...props, children: [_jsx("g", { clipPath: "url(#a)", children: _jsx("path", { fill: "currentColor", d: "M12 9H9V1a1 1 0 0 0-2 0v8H4a1 1 0 0 0-.78 1.625l4 5a1 1 0 0 0 1.561 0l4-5A1 1 0 0 0 12.001 9" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "a", children: _jsx("path", { fill: "#fff", d: "M0 0h16v16H0z" }) }) })] }));
+import { jsxs, jsx } from "react/jsx-runtime";
+import { IconBase } from "../IconBase.js";
+const ArrowDown = (props) => /* @__PURE__ */ jsxs(IconBase, { label: "ArrowDown", ...props, children: [
+  /* @__PURE__ */ jsx("g", { clipPath: "url(#a)", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M12 9H9V1a1 1 0 0 0-2 0v8H4a1 1 0 0 0-.78 1.625l4 5a1 1 0 0 0 1.561 0l4-5A1 1 0 0 0 12.001 9"
+    }
+  ) }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h16v16H0z" }) }) })
+] });
+export {
+  ArrowDown
+};

package/dist/components/icons/generated/ArrowLeft.d.ts

@@ -1,3 +1,4 @@
+import { IconBase } from '../IconBase';
 import * as React from "react";
-import { IconBase } from "../IconBase";
 export declare const ArrowLeft: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ArrowLeft.d.ts.map

package/dist/components/icons/generated/ArrowLeft.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowLeft.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/generated/ArrowLeft.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,eAAO,MAAM,SAAS,GAAI,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,4CAcrE,CAAC"}

package/dist/components/icons/generated/ArrowLeft.js

@@ -1,4 +1,15 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { IconBase } from "../IconBase";
-export const ArrowLeft = (props) => (_jsxs(IconBase, { label: "ArrowLeft", ...props, children: [_jsx("g", { clipPath: "url(#a)", children: _jsx("path", { fill: "currentColor", d: "M15 7H7V4a1 1 0 0 0-1.625-.781l-5 4a1 1 0 0 0 0 1.562l5 4A1 1 0 0 0 7 12V9h8a1 1 0 0 0 0-2" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "a", children: _jsx("path", { fill: "#fff", d: "M0 0h16v16H0z" }) }) })] }));
+import { jsxs, jsx } from "react/jsx-runtime";
+import { IconBase } from "../IconBase.js";
+const ArrowLeft = (props) => /* @__PURE__ */ jsxs(IconBase, { label: "ArrowLeft", ...props, children: [
+  /* @__PURE__ */ jsx("g", { clipPath: "url(#a)", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M15 7H7V4a1 1 0 0 0-1.625-.781l-5 4a1 1 0 0 0 0 1.562l5 4A1 1 0 0 0 7 12V9h8a1 1 0 0 0 0-2"
+    }
+  ) }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h16v16H0z" }) }) })
+] });
+export {
+  ArrowLeft
+};

package/dist/components/icons/generated/ArrowRight.d.ts

@@ -1,3 +1,4 @@
+import { IconBase } from '../IconBase';
 import * as React from "react";
-import { IconBase } from "../IconBase";
 export declare const ArrowRight: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ArrowRight.d.ts.map

package/dist/components/icons/generated/ArrowRight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowRight.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/generated/ArrowRight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,eAAO,MAAM,UAAU,GAAI,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,4CActE,CAAC"}

package/dist/components/icons/generated/ArrowRight.js

@@ -1,4 +1,15 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { IconBase } from "../IconBase";
-export const ArrowRight = (props) => (_jsxs(IconBase, { label: "ArrowRight", ...props, children: [_jsx("g", { clipPath: "url(#a)", children: _jsx("path", { fill: "currentColor", d: "M10.625 3.219A1 1 0 0 0 9 3.999v3H1a1 1 0 1 0 0 2h8v3a1 1 0 0 0 1.625.782l5-4a1 1 0 0 0 0-1.562z" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "a", children: _jsx("path", { fill: "#fff", d: "M0 0h16v16H0z" }) }) })] }));
+import { jsxs, jsx } from "react/jsx-runtime";
+import { IconBase } from "../IconBase.js";
+const ArrowRight = (props) => /* @__PURE__ */ jsxs(IconBase, { label: "ArrowRight", ...props, children: [
+  /* @__PURE__ */ jsx("g", { clipPath: "url(#a)", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M10.625 3.219A1 1 0 0 0 9 3.999v3H1a1 1 0 1 0 0 2h8v3a1 1 0 0 0 1.625.782l5-4a1 1 0 0 0 0-1.562z"
+    }
+  ) }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h16v16H0z" }) }) })
+] });
+export {
+  ArrowRight
+};

package/dist/components/icons/generated/ArrowUp.d.ts

@@ -1,3 +1,4 @@
+import { IconBase } from '../IconBase';
 import * as React from "react";
-import { IconBase } from "../IconBase";
 export declare const ArrowUp: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ArrowUp.d.ts.map

package/dist/components/icons/generated/ArrowUp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowUp.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/generated/ArrowUp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,eAAO,MAAM,OAAO,GAAI,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,4CAcnE,CAAC"}

package/dist/components/icons/generated/ArrowUp.js

@@ -1,4 +1,15 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { IconBase } from "../IconBase";
-export const ArrowUp = (props) => (_jsxs(IconBase, { label: "ArrowUp", ...props, children: [_jsx("g", { clipPath: "url(#a)", children: _jsx("path", { fill: "currentColor", d: "M8.781.375a1.036 1.036 0 0 0-1.562 0l-4 5A1 1 0 0 0 4 7h3v8a1 1 0 1 0 2 0V7h3a1 1 0 0 0 .781-1.625z" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "a", children: _jsx("path", { fill: "#fff", d: "M0 0h16v16H0z" }) }) })] }));
+import { jsxs, jsx } from "react/jsx-runtime";
+import { IconBase } from "../IconBase.js";
+const ArrowUp = (props) => /* @__PURE__ */ jsxs(IconBase, { label: "ArrowUp", ...props, children: [
+  /* @__PURE__ */ jsx("g", { clipPath: "url(#a)", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M8.781.375a1.036 1.036 0 0 0-1.562 0l-4 5A1 1 0 0 0 4 7h3v8a1 1 0 1 0 2 0V7h3a1 1 0 0 0 .781-1.625z"
+    }
+  ) }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h16v16H0z" }) }) })
+] });
+export {
+  ArrowUp
+};

package/dist/components/icons/generated/Calendar.d.ts

@@ -1,3 +1,4 @@
+import { IconBase } from '../IconBase';
 import * as React from "react";
-import { IconBase } from "../IconBase";
 export declare const Calendar: (props: React.ComponentProps<typeof IconBase>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Calendar.d.ts.map

package/dist/components/icons/generated/Calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/generated/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,eAAO,MAAM,QAAQ,GAAI,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,4CAcpE,CAAC"}