ekm-ui 0.0.7 → 0.0.8

package/dist/index.d.ts

@@ -3,5 +3,8 @@ export { FormRow } from './form-row.js';
 export { Navbar } from './navbar/navbar.js';
 export { Sidebar } from './sidebar/sidebar.js';
 export { LoveFooter } from './love-footer.js';
+export { RichTextEditor } from './rich-text-editor/index.js';
 import 'flowbite-react';
 import 'react';
+import '@ckeditor/ckeditor5-react';
+import '@ckeditor/ckeditor5-editor-decoupled/src/decouplededitor';

package/dist/index.mjs

@@ -1,11 +1,13 @@
+export { a as Sidebar } from './chunk-KV57KLDE.mjs';
 export { a as Button } from './chunk-G676EBCC.mjs';
-export { a as FormRow } from './chunk-BYLEIZ7D.mjs';
-export { a as LoveFooter } from './chunk-PLYG34XT.mjs';
+export { a as FormRow } from './chunk-V2Y67DG5.mjs';
+export { a as LoveFooter } from './chunk-GMO5JVRQ.mjs';
 import './chunk-FRIXS4BL.mjs';
-export { a as Navbar } from './chunk-Q6W42FIC.mjs';
+export { a as Navbar } from './chunk-GMZXAGEF.mjs';
+import './chunk-X3MJN3EU.mjs';
 import './chunk-3SV266EG.mjs';
-export { a as Sidebar } from './chunk-ZIAMSFEI.mjs';
-import './chunk-7LHL2LAJ.mjs';
+export { a as RichTextEditor } from './chunk-6XZQ7MCM.mjs';
+import './chunk-UT7YP3TK.mjs';
 import './chunk-RUPJ2ZHA.mjs';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.mjs.map

package/dist/love-footer.mjs

@@ -1,4 +1,4 @@
-export { a as LoveFooter } from './chunk-PLYG34XT.mjs';
+export { a as LoveFooter } from './chunk-GMO5JVRQ.mjs';
 import './chunk-FRIXS4BL.mjs';
 import './chunk-RUPJ2ZHA.mjs';
 //# sourceMappingURL=out.js.map

package/dist/navbar/navbar.mjs

@@ -1,6 +1,7 @@
-export { a as Navbar } from '../chunk-Q6W42FIC.mjs';
+export { a as Navbar } from '../chunk-GMZXAGEF.mjs';
+import '../chunk-X3MJN3EU.mjs';
 import '../chunk-3SV266EG.mjs';
-import '../chunk-7LHL2LAJ.mjs';
+import '../chunk-UT7YP3TK.mjs';
 import '../chunk-RUPJ2ZHA.mjs';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=navbar.mjs.map

package/dist/rich-text-editor/index.d.ts

@@ -0,0 +1,16 @@
+import { CKEditor } from '@ckeditor/ckeditor5-react';
+import React from 'react';
+import DecoupledEditorBase from '@ckeditor/ckeditor5-editor-decoupled/src/decouplededitor';
+
+declare class HeadlessEditor extends DecoupledEditorBase {
+}
+
+type AdditionalProps = {
+    aiEnabled?: boolean;
+    textSelectedAiMenu?: React.ReactNode;
+    defaultAiMenu?: React.ReactNode;
+    onDataChange?: (data: string) => void;
+};
+declare function RichTextEditor(props: Omit<CKEditor<HeadlessEditor>["props"], "editor"> & AdditionalProps): JSX.Element;
+
+export { RichTextEditor };

package/dist/rich-text-editor/index.mjs

@@ -0,0 +1,5 @@
+export { a as RichTextEditor } from '../chunk-6XZQ7MCM.mjs';
+import '../chunk-UT7YP3TK.mjs';
+import '../chunk-RUPJ2ZHA.mjs';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.mjs.map

package/dist/rich-text-editor/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/sidebar/sidebar.mjs

@@ -1,5 +1,6 @@
-export { a as Sidebar } from '../chunk-ZIAMSFEI.mjs';
-import '../chunk-7LHL2LAJ.mjs';
+export { a as Sidebar } from '../chunk-KV57KLDE.mjs';
+import '../chunk-X3MJN3EU.mjs';
+import '../chunk-UT7YP3TK.mjs';
 import '../chunk-RUPJ2ZHA.mjs';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=sidebar.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ekm-ui",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "sideEffects": [
     "**/*.css"
   ],
@@ -30,6 +30,32 @@
     "typescript": "^4.5.2"
   },
   "dependencies": {
+    "@ckeditor/ckeditor5-alignment": "38.0.1",
+    "@ckeditor/ckeditor5-autoformat": "38.0.1",
+    "@ckeditor/ckeditor5-basic-styles": "38.0.1",
+    "@ckeditor/ckeditor5-block-quote": "38.0.1",
+    "@ckeditor/ckeditor5-code-block": "38.0.1",
+    "@ckeditor/ckeditor5-core": "38.0.1",
+    "@ckeditor/ckeditor5-dev-utils": "37.0.1",
+    "@ckeditor/ckeditor5-editor-decoupled": "38.0.1",
+    "@ckeditor/ckeditor5-engine": "38.0.1",
+    "@ckeditor/ckeditor5-enter": "38.0.1",
+    "@ckeditor/ckeditor5-essentials": "38.0.1",
+    "@ckeditor/ckeditor5-heading": "38.0.1",
+    "@ckeditor/ckeditor5-image": "38.0.1",
+    "@ckeditor/ckeditor5-indent": "38.0.1",
+    "@ckeditor/ckeditor5-link": "38.0.1",
+    "@ckeditor/ckeditor5-list": "38.0.1",
+    "@ckeditor/ckeditor5-paragraph": "38.0.1",
+    "@ckeditor/ckeditor5-paste-from-office": "38.0.1",
+    "@ckeditor/ckeditor5-react": "6.0.0",
+    "@ckeditor/ckeditor5-remove-format": "38.0.1",
+    "@ckeditor/ckeditor5-table": "38.0.1",
+    "@ckeditor/ckeditor5-theme-lark": "38.0.1",
+    "@ckeditor/ckeditor5-typing": "38.0.1",
+    "@ckeditor/ckeditor5-ui": "38.0.1",
+    "@ckeditor/ckeditor5-undo": "38.0.1",
+    "@ckeditor/ckeditor5-utils": "38.0.1",
     "@headlessui/react": "^1.7.14",
     "@heroicons/react": "^2.0.18",
     "clsx": "^1.2.1",

package/src/form-row.tsx

@@ -20,15 +20,17 @@ export function FormRow({
 }: Props) {
   return (
     <div className={clsx("grid grid-cols-1 content-start gap-y-2", className)}>
-      <Label htmlFor={htmlFor} color={errorText && "failure"} >{label}</Label>
+      <Label htmlFor={htmlFor} color={errorText && "failure"}>
+        {label}
+      </Label>
       {children}
-      {(helperText && !errorText) && (
+      {helperText && !errorText && (
         <span className="text-xs font-normal text-gray-500 dark:text-gray-400">
           {helperText}
         </span>
       )}
-      {(errorText) && (
-        <span className="text-xs font-normal text-red-500 dark:text-red-400">
+      {errorText && (
+        <span className="text-xs font-normal text-red-500 dark:text-red-500">
           {errorText}
         </span>
       )}

package/src/index.tsx

@@ -3,5 +3,6 @@ export { FormRow } from "./form-row";
 export { Navbar } from "./navbar/navbar";
 export { Sidebar } from "./sidebar/sidebar";
 export { LoveFooter } from "./love-footer";
+export { RichTextEditor } from "./rich-text-editor";
 
 import "./styles.css";

package/src/love-footer.tsx

@@ -2,10 +2,10 @@ import { Footerheart } from "./footer-heart-icon";
 
 export function LoveFooter() {
   return (
-    <div className="full-w p-2.5 flex justify-center items-center bg-gray-50">
-      <span className="text-gray-400 text-sm">Designed & built</span>
+    <div className="full-w flex items-center justify-center bg-gray-50 p-2.5 dark:bg-gray-900">
+      <span className="text-sm text-gray-400">Designed & built</span>
       <Footerheart />
-      <span className="text-gray-400 text-sm">with love in the UK</span>
+      <span className="text-sm text-gray-400">with love in the UK</span>
     </div>
   );
-}
+}

package/src/rich-text-editor/headless-editor.ts

@@ -0,0 +1,96 @@
+// https://github.com/ckeditor/ckeditor5-demos/blob/master/headless/index.js
+
+import DecoupledEditorBase from "@ckeditor/ckeditor5-editor-decoupled/src/decouplededitor";
+
+import Alignment from "@ckeditor/ckeditor5-alignment/src/alignment";
+import Autoformat from "@ckeditor/ckeditor5-autoformat/src/autoformat";
+import BlockQuote from "@ckeditor/ckeditor5-block-quote/src/blockquote";
+import Bold from "@ckeditor/ckeditor5-basic-styles/src/bold";
+import Code from "@ckeditor/ckeditor5-basic-styles/src/code";
+import CodeBlock from "@ckeditor/ckeditor5-code-block/src/codeblock";
+import Essentials from "@ckeditor/ckeditor5-essentials/src/essentials";
+import Heading from "@ckeditor/ckeditor5-heading/src/heading";
+import Image from "@ckeditor/ckeditor5-image/src/image";
+import ImageCaption from "@ckeditor/ckeditor5-image/src/imagecaption";
+import ImageResize from "@ckeditor/ckeditor5-image/src/imageresize";
+import ImageStyle from "@ckeditor/ckeditor5-image/src/imagestyle";
+import ImageToolbar from "@ckeditor/ckeditor5-image/src/imagetoolbar";
+import Indent from "@ckeditor/ckeditor5-indent/src/indent";
+import IndentBlock from "@ckeditor/ckeditor5-indent/src/indentblock";
+import Italic from "@ckeditor/ckeditor5-basic-styles/src/italic";
+import Link from "@ckeditor/ckeditor5-link/src/link";
+import List from "@ckeditor/ckeditor5-list/src/list";
+import ListProperties from "@ckeditor/ckeditor5-list/src/listproperties";
+import Paragraph from "@ckeditor/ckeditor5-paragraph/src/paragraph";
+import PasteFromOffice from "@ckeditor/ckeditor5-paste-from-office/src/pastefromoffice";
+import PictureEditing from "@ckeditor/ckeditor5-image/src/pictureediting";
+import RemoveFormat from "@ckeditor/ckeditor5-remove-format/src/removeformat";
+import Strikethrough from "@ckeditor/ckeditor5-basic-styles/src/strikethrough";
+import Table from "@ckeditor/ckeditor5-table/src/table";
+import TableToolbar from "@ckeditor/ckeditor5-table/src/tabletoolbar";
+import TextTransformation from "@ckeditor/ckeditor5-typing/src/texttransformation";
+import Underline from "@ckeditor/ckeditor5-basic-styles/src/underline";
+
+class HeadlessEditor extends DecoupledEditorBase {}
+
+HeadlessEditor.builtinPlugins = [
+  Alignment,
+  Autoformat,
+  BlockQuote,
+  Bold,
+  Code,
+  CodeBlock,
+  Essentials,
+  Heading,
+  Image,
+  ImageCaption,
+  ImageResize,
+  ImageStyle,
+  ImageToolbar,
+  Indent,
+  IndentBlock,
+  Italic,
+  Link,
+  List,
+  ListProperties,
+  Paragraph,
+  PasteFromOffice,
+  PictureEditing,
+  RemoveFormat,
+  Strikethrough,
+  Table,
+  TableToolbar,
+  TextTransformation,
+  Underline,
+];
+
+// Editor configuration.
+HeadlessEditor.defaultConfig = {
+  // TODO: Figure out why typescript doesn't like these properties.
+  // @ts-ignore
+  codeBlock: {
+    languages: [
+      { language: "css", label: "CSS" },
+      { language: "html", label: "HTML" },
+      { language: "javascript", label: "JavaScript" },
+      { language: "php", label: "PHP" },
+    ],
+  },
+  image: {
+    resizeUnit: "px",
+    toolbar: [
+      "imageStyle:inline",
+      "imageStyle:wrapText",
+      "imageStyle:breakText",
+      "|",
+      "toggleImageCaption",
+      "imageTextAlternative",
+    ],
+  },
+  table: {
+    contentToolbar: ["tableColumn", "tableRow", "mergeTableCells"],
+  },
+  language: "en",
+};
+
+export default HeadlessEditor;

package/src/rich-text-editor/index.tsx

@@ -0,0 +1,242 @@
+import { CKEditor } from "@ckeditor/ckeditor5-react";
+import { Menu } from "@headlessui/react";
+import React, { useEffect, useMemo, useState } from "react";
+import {
+  FaBold,
+  FaItalic,
+  FaRemoveFormat,
+  FaStrikethrough,
+  FaUnderline,
+} from "react-icons/fa";
+import { HiSparkles } from "react-icons/hi2";
+import HeadlessEditor from "./headless-editor";
+
+type AdditionalProps = {
+  aiEnabled?: boolean;
+  textSelectedAiMenu?: React.ReactNode;
+  defaultAiMenu?: React.ReactNode;
+  onDataChange?: (data: string) => void;
+};
+
+export function RichTextEditor(
+  props: Omit<CKEditor<HeadlessEditor>["props"], "editor"> & AdditionalProps
+) {
+  const [editor, setEditor] = useState<HeadlessEditor | null>(null);
+  const [selectedText, setSelectedText] = useState<string | null>(null);
+
+  useEffect(() => {
+    editor?.listenTo(editor?.model.document.selection, "change:range", (e) => {
+      const selectedText = editor?.model.document.selection;
+      const range = selectedText?.getFirstRange();
+      if (range) {
+        let text = "";
+        for (const item of range.getItems()) {
+          // @ts-ignore
+          text += item.data;
+        }
+        setSelectedText(text);
+      }
+    });
+
+    editor?.model.document.on("change:data", () => {
+      if (props.onDataChange) {
+        props.onDataChange(editor?.getData() || "");
+      }
+    });
+  }, [editor, props.onDataChange]);
+
+  const aiMenu = useMemo(() => {
+    if (!props.defaultAiMenu) {
+      return null;
+    }
+
+    if (props.textSelectedAiMenu && selectedText) {
+      return props.textSelectedAiMenu;
+    }
+
+    return props.defaultAiMenu;
+  }, [selectedText, props.textSelectedAiMenu, props.defaultAiMenu]);
+
+  return (
+    <div className="mb-4 w-full rounded-lg border border-gray-200 bg-gray-50 dark:border-gray-600 dark:bg-gray-700">
+      <Toolbar editor={editor} aiMenu={aiMenu} />
+      <CKEditor
+        onChange={(e) => {}}
+        editor={HeadlessEditor}
+        {...props}
+        onReady={(editor) => {
+          setEditor(editor);
+          // @ts-ignore
+          window.editor = editor;
+          const className =
+            "px-4 py-2 bg-white rounded-b-lg dark:bg-gray-800 block w-full px-0 text-sm text-gray-800 bg-white border-0 dark:bg-gray-800 focus:ring-0 dark:text-white dark:placeholder-gray-400";
+
+          editor.editing.view.change((writer) => {
+            const root = editor.editing.view.document.getRoot();
+            if (root) {
+              writer.removeClass(
+                [
+                  // "ck",
+                  "ck-content",
+                  "ck-editor__editable",
+                  "ck-rounded-corners",
+                  "ck-editor__editable_inline",
+                ],
+                root
+              );
+              writer.addClass(className, root);
+            }
+          });
+        }}
+      />
+    </div>
+  );
+}
+
+function Toolbar({
+  editor,
+  aiMenu,
+}: {
+  editor: HeadlessEditor | null;
+  aiMenu?: React.ReactNode;
+}) {
+  return (
+    <div className="flex items-center justify-between border-b px-3 py-2 dark:border-gray-600">
+      <div className="flex flex-wrap items-center divide-gray-200 dark:divide-gray-600 sm:divide-x">
+        <div className="flex items-center space-x-2 sm:pr-4">
+          {aiMenu && (
+            <Menu as="div" className="relative inline-block border-r text-left">
+              <div className="mr-2">
+                <Menu.Button className="inline-flex w-full justify-center rounded-md px-4 py-2 text-sm font-medium text-white hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75 dark:text-gray-400 dark:hover:bg-gray-600 dark:hover:text-white">
+                  <HiSparkles
+                    className="h-5 w-5 text-violet-600 hover:text-violet-700"
+                    aria-hidden="true"
+                  />
+                </Menu.Button>
+              </div>
+              {aiMenu}
+            </Menu>
+          )}
+          <EditorToolbarButton
+            commandName="bold"
+            label="Bold"
+            editor={editor}
+          />
+          <EditorToolbarButton
+            commandName="italic"
+            label="Italic"
+            editor={editor}
+          />
+          <EditorToolbarButton
+            commandName="underline"
+            label="Underline"
+            editor={editor}
+          />
+          <EditorToolbarButton
+            commandName="strikethrough"
+            label="Strikethrough"
+            editor={editor}
+          />
+          <EditorToolbarButton
+            commandName="removeFormat"
+            label="Remove format"
+            editor={editor}
+          />
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function EditorToolbarButton({
+  editor,
+  commandName,
+  commandValue = null,
+  label,
+}: {
+  editor: HeadlessEditor | null;
+  commandName: keyof typeof iconMap;
+  commandValue?: string | null;
+  label: string;
+}) {
+  const command = editor ? editor.commands.get(commandName) : null;
+  const [isOn, setIsOn] = useState(false);
+  const [isEnabled, setIsEnabled] = useState(true);
+
+  useEffect(() => {
+    if (!command) {
+      return;
+    }
+
+    function handleValueChange() {
+      if (typeof command?.value === "boolean") {
+        setIsOn(!!command.value);
+      } else {
+        setIsOn(commandValue === command?.value);
+      }
+    }
+
+    function handleIsEnabledChange() {
+      setIsEnabled(command?.isEnabled || false);
+    }
+
+    command.on("change:value", handleValueChange);
+    command.on("change:isEnabled", handleIsEnabledChange);
+
+    handleValueChange();
+    handleIsEnabledChange();
+
+    return function cleanup() {
+      command.off("change:value", handleValueChange);
+      command.off("change:isEnabled", handleIsEnabledChange);
+    };
+  }, [command]);
+
+  const classNames = ["custom-editor-button"];
+
+  if (isEnabled) {
+    classNames.push(
+      isOn
+        ? "custom-editor-button--fill bg-gray-100 text-gray-900 dark:bg-gray-600 dark:text-white"
+        : ""
+    );
+  } else {
+    classNames.push("custom-editor-button--disabled");
+  }
+
+  classNames.push(
+    "mr-2 cursor-pointer rounded p-2 text-gray-500 hover:bg-gray-100 hover:text-gray-900 dark:text-gray-400 dark:hover:bg-gray-600 dark:hover:text-white"
+  );
+
+  return (
+    <div className="border-r">
+      <button
+        className={classNames.join(" ")}
+        onClick={() => {
+          if (!editor) {
+            return;
+          }
+          if (commandValue) {
+            editor.execute(commandName, { value: commandValue });
+          } else {
+            editor.execute(commandName);
+          }
+
+          editor.editing.view.focus();
+        }}
+      >
+        <span className="sr-only">{label}</span>
+        {iconMap[commandName]}
+      </button>
+    </div>
+  );
+}
+
+// Icon map to map from the command name to the icon
+const iconMap = {
+  bold: <FaBold />,
+  italic: <FaItalic />,
+  underline: <FaUnderline />,
+  strikethrough: <FaStrikethrough />,
+  removeFormat: <FaRemoveFormat />,
+};

package/src/sidebar/sidebar.tsx

@@ -12,7 +12,7 @@ type Props = {
 export function Sidebar({ children, collapsed }: Props) {
   return (
     <div
-      className={classNames("bg-gray-50 px-2.5 lg:!block", {
+      className={classNames("bg-gray-50 px-2.5 dark:bg-gray-900 lg:!block", {
         hidden: !collapsed,
       })}
     >
@@ -24,11 +24,11 @@ export function Sidebar({ children, collapsed }: Props) {
             collapsed: {
               on: "w-10",
             },
-            inner: "bg-gray-50",
+            inner: "bg-gray-50 dark:bg-gray-900",
           },
         }}
       >
-        <div className="flex h-full flex-col justify-between bg-gray-50 py-4">
+        <div className="flex h-full flex-col justify-between py-4">
           <div>
             <form className="pb-3 md:hidden">
               <TextInput

package/tsconfig.json

@@ -1,6 +1,6 @@
 {
   "extends": "tsconfig/react-library.json",
-  "include": ["."],
+  "include": [".", "index.d.ts"],
   "compilerOptions": {
     "lib": ["dom"]
   },

package/dist/chunk-7LHL2LAJ.mjs

@@ -1,7 +0,0 @@
-import d from 'react';
-
-var u={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},h=d.createContext&&d.createContext(u);var o=function(){return o=Object.assign||function(t){for(var e,r=1,a=arguments.length;r<a;r++){e=arguments[r];for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);}return t},o.apply(this,arguments)},f=function(t,e){var r={};for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&e.indexOf(a)<0&&(r[a]=t[a]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,a=Object.getOwnPropertySymbols(t);i<a.length;i++)e.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(t,a[i])&&(r[a[i]]=t[a[i]]);return r};function p(t){return t&&t.map(function(e,r){return d.createElement(e.tag,o({key:r},e.attr),p(e.child))})}function n(t){return function(e){return d.createElement(k,o({attr:o({},t.attr)},e),p(t.child))}}function k(t){var e=function(r){var a=t.attr,i=t.size,c=t.title,g=f(t,["attr","size","title"]),v=i||r.size||"1em",l;return r.className&&(l=r.className),t.className&&(l=(l?l+" ":"")+t.className),d.createElement("svg",o({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},r.attr,a,g,{className:l,style:o(o({color:t.color||r.color},r.style),t.style),height:v,width:v,xmlns:"http://www.w3.org/2000/svg"}),c&&d.createElement("title",null,c),t.children)};return h!==void 0?d.createElement(h.Consumer,null,function(r){return e(r)}):e(u)}function A(t){return n({tag:"svg",attr:{viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},child:[{tag:"path",attr:{d:"M10 2a6 6 0 00-6 6v3.586l-.707.707A1 1 0 004 14h12a1 1 0 00.707-1.707L16 11.586V8a6 6 0 00-6-6zM10 18a3 3 0 01-3-3h6a3 3 0 01-3 3z"}}]})(t)}function j(t){return n({tag:"svg",attr:{viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},child:[{tag:"path",attr:{fillRule:"evenodd",d:"M11.49 3.17c-.38-1.56-2.6-1.56-2.98 0a1.532 1.532 0 01-2.286.948c-1.372-.836-2.942.734-2.106 2.106.54.886.061 2.042-.947 2.287-1.561.379-1.561 2.6 0 2.978a1.532 1.532 0 01.947 2.287c-.836 1.372.734 2.942 2.106 2.106a1.532 1.532 0 012.287.947c.379 1.561 2.6 1.561 2.978 0a1.533 1.533 0 012.287-.947c1.372.836 2.942-.734 2.106-2.106a1.533 1.533 0 01.947-2.287c1.561-.379 1.561-2.6 0-2.978a1.532 1.532 0 01-.947-2.287c.836-1.372-.734-2.942-2.106-2.106a1.532 1.532 0 01-2.287-.947zM10 13a3 3 0 100-6 3 3 0 000 6z",clipRule:"evenodd"}}]})(t)}function O(t){return n({tag:"svg",attr:{viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},child:[{tag:"path",attr:{d:"M10 12a2 2 0 100-4 2 2 0 000 4z"}},{tag:"path",attr:{fillRule:"evenodd",d:"M.458 10C1.732 5.943 5.522 3 10 3s8.268 2.943 9.542 7c-1.274 4.057-5.064 7-9.542 7S1.732 14.057.458 10zM14 10a4 4 0 11-8 0 4 4 0 018 0z",clipRule:"evenodd"}}]})(t)}function W(t){return n({tag:"svg",attr:{viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},child:[{tag:"path",attr:{fillRule:"evenodd",d:"M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h6a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z",clipRule:"evenodd"}}]})(t)}function b(t){return n({tag:"svg",attr:{viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},child:[{tag:"path",attr:{fillRule:"evenodd",d:"M10 5a1 1 0 011 1v3h3a1 1 0 110 2h-3v3a1 1 0 11-2 0v-3H6a1 1 0 110-2h3V6a1 1 0 011-1z",clipRule:"evenodd"}}]})(t)}function S(t){return n({tag:"svg",attr:{viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},child:[{tag:"path",attr:{fillRule:"evenodd",d:"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z",clipRule:"evenodd"}}]})(t)}function U(t){return n({tag:"svg",attr:{viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},child:[{tag:"path",attr:{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"}}]})(t)}
-
-export { A as a, j as b, O as c, W as d, b as e, S as f, U as g };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-7LHL2LAJ.mjs.map