@snapcall/design-system 1.0.0 → 1.1.0

package/dist/index.mjs

@@ -31,427 +31,264 @@ var __objRest = (source, exclude) => {
 };
 
 // src/components/Button/Button.tsx
-import { useButton, useFocusRing } from "react-aria";
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
 
-// node_modules/@react-aria/utils/dist/import.mjs
-import $12uGp$react, { useState as $12uGp$useState, useRef as $12uGp$useRef, useCallback as $12uGp$useCallback, useEffect as $12uGp$useEffect } from "react";
-var $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof window !== "undefined" ? (0, $12uGp$react).useLayoutEffect : () => {
-};
-var $bbed8b41f857bcc0$var$transitionsByElement = /* @__PURE__ */ new Map();
-var $bbed8b41f857bcc0$var$transitionCallbacks = /* @__PURE__ */ new Set();
-function $bbed8b41f857bcc0$var$setupGlobalEvents() {
-  if (typeof window === "undefined")
-    return;
-  let onTransitionStart = (e) => {
-    let transitions = $bbed8b41f857bcc0$var$transitionsByElement.get(e.target);
-    if (!transitions) {
-      transitions = /* @__PURE__ */ new Set();
-      $bbed8b41f857bcc0$var$transitionsByElement.set(e.target, transitions);
-      e.target.addEventListener("transitioncancel", onTransitionEnd);
-    }
-    transitions.add(e.propertyName);
-  };
-  let onTransitionEnd = (e) => {
-    let properties = $bbed8b41f857bcc0$var$transitionsByElement.get(e.target);
-    if (!properties)
-      return;
-    properties.delete(e.propertyName);
-    if (properties.size === 0) {
-      e.target.removeEventListener("transitioncancel", onTransitionEnd);
-      $bbed8b41f857bcc0$var$transitionsByElement.delete(e.target);
-    }
-    if ($bbed8b41f857bcc0$var$transitionsByElement.size === 0) {
-      for (let cb of $bbed8b41f857bcc0$var$transitionCallbacks)
-        cb();
-      $bbed8b41f857bcc0$var$transitionCallbacks.clear();
-    }
-  };
-  document.body.addEventListener("transitionrun", onTransitionStart);
-  document.body.addEventListener("transitionend", onTransitionEnd);
-}
-if (typeof document !== "undefined") {
-  if (document.readyState !== "loading")
-    $bbed8b41f857bcc0$var$setupGlobalEvents();
-  else
-    document.addEventListener("DOMContentLoaded", $bbed8b41f857bcc0$var$setupGlobalEvents);
-}
-var $5df64b3807dc15ee$var$visualViewport = typeof window !== "undefined" && window.visualViewport;
-function $c87311424ea30a05$var$testUserAgent(re) {
-  var _window_navigator_userAgentData;
-  if (typeof window === "undefined" || window.navigator == null)
-    return false;
-  return ((_window_navigator_userAgentData = window.navigator["userAgentData"]) === null || _window_navigator_userAgentData === void 0 ? void 0 : _window_navigator_userAgentData.brands.some((brand) => re.test(brand.brand))) || re.test(window.navigator.userAgent);
-}
-function $c87311424ea30a05$var$testPlatform(re) {
-  var _window_navigator_userAgentData;
-  return typeof window !== "undefined" && window.navigator != null ? re.test(((_window_navigator_userAgentData = window.navigator["userAgentData"]) === null || _window_navigator_userAgentData === void 0 ? void 0 : _window_navigator_userAgentData.platform) || window.navigator.platform) : false;
-}
-function $c87311424ea30a05$export$9ac100e40613ea10() {
-  return $c87311424ea30a05$var$testPlatform(/^Mac/i);
-}
-function $c87311424ea30a05$export$a11b0059900ceec8() {
-  return $c87311424ea30a05$var$testUserAgent(/Android/i);
-}
-function $6a7db85432448f7f$export$60278871457622de(event) {
-  if (event.mozInputSource === 0 && event.isTrusted)
-    return true;
-  if ((0, $c87311424ea30a05$export$a11b0059900ceec8)() && event.pointerType)
-    return event.type === "click" && event.buttons === 1;
-  return event.detail === 0 && !event.pointerType;
+// src/utils/cn.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
 }
 
-// node_modules/@react-aria/interactions/dist/import.mjs
-import $bx7SL$react, { useRef as $bx7SL$useRef, useContext as $bx7SL$useContext, useState as $bx7SL$useState, useMemo as $bx7SL$useMemo, useEffect as $bx7SL$useEffect, useCallback as $bx7SL$useCallback } from "react";
-var $ae1eeba8b9eafd08$export$5165eccb35aaadb5 = (0, $bx7SL$react).createContext(null);
-$ae1eeba8b9eafd08$export$5165eccb35aaadb5.displayName = "PressResponderContext";
-var $507fabe10e71c6fb$var$currentModality = null;
-var $507fabe10e71c6fb$var$changeHandlers = /* @__PURE__ */ new Set();
-var $507fabe10e71c6fb$var$hasSetupGlobalListeners = false;
-var $507fabe10e71c6fb$var$hasEventBeforeFocus = false;
-var $507fabe10e71c6fb$var$hasBlurredWindowRecently = false;
-function $507fabe10e71c6fb$var$triggerChangeHandlers(modality, e) {
-  for (let handler of $507fabe10e71c6fb$var$changeHandlers)
-    handler(modality, e);
-}
-function $507fabe10e71c6fb$var$isValidKey(e) {
-  return !(e.metaKey || !(0, $c87311424ea30a05$export$9ac100e40613ea10)() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
-}
-function $507fabe10e71c6fb$var$handleKeyboardEvent(e) {
-  $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
-  if ($507fabe10e71c6fb$var$isValidKey(e)) {
-    $507fabe10e71c6fb$var$currentModality = "keyboard";
-    $507fabe10e71c6fb$var$triggerChangeHandlers("keyboard", e);
-  }
-}
-function $507fabe10e71c6fb$var$handlePointerEvent(e) {
-  $507fabe10e71c6fb$var$currentModality = "pointer";
-  if (e.type === "mousedown" || e.type === "pointerdown") {
-    $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
-    $507fabe10e71c6fb$var$triggerChangeHandlers("pointer", e);
-  }
-}
-function $507fabe10e71c6fb$var$handleClickEvent(e) {
-  if ((0, $6a7db85432448f7f$export$60278871457622de)(e)) {
-    $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
-    $507fabe10e71c6fb$var$currentModality = "virtual";
+// src/components/Button/Button.tsx
+import { jsx } from "react/jsx-runtime";
+var buttonVariants = cva(
+  "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-40",
+  {
+    variants: {
+      variant: {
+        primary: "bg-blue-700 text-white hover:bg-blue-800 active:bg-blue-900 focus-visible:ring-blue-1000",
+        secondary: "bg-gray-50 text-gray-1000 hover:bg-gray-100 active:bg-gray-500 focus-visible:ring-gray-1000",
+        tertiary: "bg-gray-50 text-blue-700 hover:bg-blue-100 active:bg-blue-200 focus-visible:ring-blue-700",
+        outline: "bg-transparent ring-1 ring-offset-0 ring-gray-200 text-gray-1000 hover:bg-gray-50 active:bg-gray-200 focus-visible:ring-gray-1000",
+        outlineBlue: "bg-transparent ring-1 ring-offset-0 ring-blue-700 text-blue-700 hover:bg-blue-50 active:bg-blue-200 focus-visible:ring-blue-700",
+        destructive: "bg-red-700 text-white hover:bg-red-800 active:bg-red-900 focus-visible:ring-red-1000",
+        ghostBlue: "bg-transparent text-blue-700 hover:bg-blue-100 active:bg-blue-200 focus-visible:ring-blue-700",
+        ghostRed: "bg-transparent text-red-700 hover:bg-red-100 active:bg-red-200 focus-visible:ring-red-700",
+        ghostGray: "bg-transparent text-gray-1000 hover:bg-gray-100 active:bg-gray-200 focus-visible:ring-gray-1000",
+        link: "text-blue-700 underline-offset-8 hover:underline active:text-blue-900 focus-visible:ring-blue-700"
+      }
+    },
+    defaultVariants: {
+      variant: "primary"
+    }
   }
-}
-function $507fabe10e71c6fb$var$handleFocusEvent(e) {
-  if (e.target === window || e.target === document)
-    return;
-  if (!$507fabe10e71c6fb$var$hasEventBeforeFocus && !$507fabe10e71c6fb$var$hasBlurredWindowRecently) {
-    $507fabe10e71c6fb$var$currentModality = "virtual";
-    $507fabe10e71c6fb$var$triggerChangeHandlers("virtual", e);
-  }
-  $507fabe10e71c6fb$var$hasEventBeforeFocus = false;
-  $507fabe10e71c6fb$var$hasBlurredWindowRecently = false;
-}
-function $507fabe10e71c6fb$var$handleWindowBlur() {
-  $507fabe10e71c6fb$var$hasEventBeforeFocus = false;
-  $507fabe10e71c6fb$var$hasBlurredWindowRecently = true;
-}
-function $507fabe10e71c6fb$var$setupGlobalFocusEvents() {
-  if (typeof window === "undefined" || $507fabe10e71c6fb$var$hasSetupGlobalListeners)
-    return;
-  let focus = HTMLElement.prototype.focus;
-  HTMLElement.prototype.focus = function() {
-    $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
-    focus.apply(this, arguments);
-  };
-  document.addEventListener("keydown", $507fabe10e71c6fb$var$handleKeyboardEvent, true);
-  document.addEventListener("keyup", $507fabe10e71c6fb$var$handleKeyboardEvent, true);
-  document.addEventListener("click", $507fabe10e71c6fb$var$handleClickEvent, true);
-  window.addEventListener("focus", $507fabe10e71c6fb$var$handleFocusEvent, true);
-  window.addEventListener("blur", $507fabe10e71c6fb$var$handleWindowBlur, false);
-  if (typeof PointerEvent !== "undefined") {
-    document.addEventListener("pointerdown", $507fabe10e71c6fb$var$handlePointerEvent, true);
-    document.addEventListener("pointermove", $507fabe10e71c6fb$var$handlePointerEvent, true);
-    document.addEventListener("pointerup", $507fabe10e71c6fb$var$handlePointerEvent, true);
-  } else {
-    document.addEventListener("mousedown", $507fabe10e71c6fb$var$handlePointerEvent, true);
-    document.addEventListener("mousemove", $507fabe10e71c6fb$var$handlePointerEvent, true);
-    document.addEventListener("mouseup", $507fabe10e71c6fb$var$handlePointerEvent, true);
-  }
-  $507fabe10e71c6fb$var$hasSetupGlobalListeners = true;
-}
-if (typeof document !== "undefined") {
-  if (document.readyState !== "loading")
-    $507fabe10e71c6fb$var$setupGlobalFocusEvents();
-  else
-    document.addEventListener("DOMContentLoaded", $507fabe10e71c6fb$var$setupGlobalFocusEvents);
-}
-var $6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents = false;
-var $6179b936705e76d3$var$hoverCount = 0;
-function $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents() {
-  $6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents = true;
-  setTimeout(() => {
-    $6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents = false;
-  }, 50);
-}
-function $6179b936705e76d3$var$handleGlobalPointerEvent(e) {
-  if (e.pointerType === "touch")
-    $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents();
-}
-function $6179b936705e76d3$var$setupGlobalTouchEvents() {
-  if (typeof document === "undefined")
-    return;
-  if (typeof PointerEvent !== "undefined")
-    document.addEventListener("pointerup", $6179b936705e76d3$var$handleGlobalPointerEvent);
-  else
-    document.addEventListener("touchend", $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents);
-  $6179b936705e76d3$var$hoverCount++;
-  return () => {
-    $6179b936705e76d3$var$hoverCount--;
-    if ($6179b936705e76d3$var$hoverCount > 0)
-      return;
-    if (typeof PointerEvent !== "undefined")
-      document.removeEventListener("pointerup", $6179b936705e76d3$var$handleGlobalPointerEvent);
-    else
-      document.removeEventListener("touchend", $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents);
-  };
-}
-function $6179b936705e76d3$export$ae780daf29e6d456(props) {
-  let { onHoverStart, onHoverChange, onHoverEnd, isDisabled } = props;
-  let [isHovered, setHovered] = (0, $bx7SL$useState)(false);
-  let state = (0, $bx7SL$useRef)({
-    isHovered: false,
-    ignoreEmulatedMouseEvents: false,
-    pointerType: "",
-    target: null
-  }).current;
-  (0, $bx7SL$useEffect)($6179b936705e76d3$var$setupGlobalTouchEvents, []);
-  let { hoverProps, triggerHoverEnd } = (0, $bx7SL$useMemo)(() => {
-    let triggerHoverStart = (event, pointerType) => {
-      state.pointerType = pointerType;
-      if (isDisabled || pointerType === "touch" || state.isHovered || !event.currentTarget.contains(event.target))
-        return;
-      state.isHovered = true;
-      let target = event.currentTarget;
-      state.target = target;
-      if (onHoverStart)
-        onHoverStart({
-          type: "hoverstart",
-          target,
-          pointerType
-        });
-      if (onHoverChange)
-        onHoverChange(true);
-      setHovered(true);
-    };
-    let triggerHoverEnd2 = (event, pointerType) => {
-      state.pointerType = "";
-      state.target = null;
-      if (pointerType === "touch" || !state.isHovered)
-        return;
-      state.isHovered = false;
-      let target = event.currentTarget;
-      if (onHoverEnd)
-        onHoverEnd({
-          type: "hoverend",
-          target,
-          pointerType
-        });
-      if (onHoverChange)
-        onHoverChange(false);
-      setHovered(false);
-    };
-    let hoverProps2 = {};
-    if (typeof PointerEvent !== "undefined") {
-      hoverProps2.onPointerEnter = (e) => {
-        if ($6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents && e.pointerType === "mouse")
-          return;
-        triggerHoverStart(e, e.pointerType);
-      };
-      hoverProps2.onPointerLeave = (e) => {
-        if (!isDisabled && e.currentTarget.contains(e.target))
-          triggerHoverEnd2(e, e.pointerType);
-      };
-    } else {
-      hoverProps2.onTouchStart = () => {
-        state.ignoreEmulatedMouseEvents = true;
-      };
-      hoverProps2.onMouseEnter = (e) => {
-        if (!state.ignoreEmulatedMouseEvents && !$6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents)
-          triggerHoverStart(e, "mouse");
-        state.ignoreEmulatedMouseEvents = false;
-      };
-      hoverProps2.onMouseLeave = (e) => {
-        if (!isDisabled && e.currentTarget.contains(e.target))
-          triggerHoverEnd2(e, "mouse");
-      };
+);
+var buttonSizes = cva("", {
+  variants: {
+    size: {
+      xs: "text-xs px-2.5 py-1.5",
+      sm: "text-sm px-3 py-2",
+      md: "text-md px-3.5 py-2.5",
+      lg: "text-lg px-4 py-3"
     }
-    return {
-      hoverProps: hoverProps2,
-      triggerHoverEnd: triggerHoverEnd2
-    };
-  }, [
-    onHoverStart,
-    onHoverChange,
-    onHoverEnd,
-    isDisabled,
-    state
-  ]);
-  (0, $bx7SL$useEffect)(() => {
-    if (isDisabled)
-      triggerHoverEnd({
-        currentTarget: state.target
-      }, state.pointerType);
-  }, [
-    isDisabled
-  ]);
-  return {
-    hoverProps,
-    isHovered
-  };
-}
-
-// src/components/Button/Button.tsx
-import { forwardRef } from "react";
-import cn from "classnames";
-
-// src/utils/useForwardedRef.ts
-import { useRef, useEffect } from "react";
-function useForwardedRef(ref) {
-  const innerRef = useRef(null);
-  useEffect(() => {
-    if (!ref)
-      return;
-    if (typeof ref === "function") {
-      ref(innerRef.current);
-    } else {
-      ref.current = innerRef.current;
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var iconButtonSizes = cva("", {
+  variants: {
+    size: {
+      xs: "p-2",
+      sm: "p-2.5",
+      md: "p-[11px]",
+      lg: "p-3"
     }
-  });
-  return innerRef;
-}
-
-// src/components/Button/Button.tsx
-import { jsx } from "react/jsx-runtime";
-var Button = forwardRef(
-  function Button2(_a, forwardedRef) {
-    var _b = _a, {
-      children,
-      variant = "primary",
-      size = "medium",
-      blank = false,
-      fullWidth = false,
-      form
-    } = _b, otherProps = __objRest(_b, [
-      "children",
-      "variant",
-      "size",
-      "blank",
-      "fullWidth",
-      "form"
-    ]);
-    const ref = useForwardedRef(forwardedRef);
-    const { buttonProps, isPressed } = useButton(otherProps, ref);
-    const { isFocused, isFocusVisible, focusProps } = useFocusRing();
-    const { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({
-      isDisabled: buttonProps.disabled
-    });
-    const variantStyle = {
-      primary: cn("text-white border-transparent", {
-        "bg-blue-700": !isHovered && !isPressed,
-        "bg-blue-800": isHovered && !isPressed,
-        "bg-blue-900": isPressed,
-        "outline-blue-1000": isFocusVisible
-      }),
-      secondary: cn("text-blue-700 border-transparent", {
-        "bg-gray-50": !blank && !isHovered && !isPressed,
-        "bg-blue-100": isHovered && !isPressed,
-        "bg-blue-200": isPressed,
-        "outline-blue-700": isFocusVisible
-      }),
-      tertiary: cn("text-gray-1000 border-gray-600", {
-        "bg-transparent": !isHovered && !isPressed,
-        "bg-gray-50": isHovered && !isPressed,
-        "bg-gray-200": isPressed,
-        "outline-gray-1000": isFocusVisible
-      }),
-      dark: cn("text-white border-transparent", {
-        "bg-gray-1000": !isHovered && !isPressed,
-        "bg-gray-800": isHovered && !isPressed,
-        "bg-gray-900": isPressed,
-        "outline-gray-600": isFocusVisible
-      }),
-      gray: cn("text-gray-1000 border-transparent", {
-        "bg-gray-50": !isHovered && !isPressed,
-        "bg-gray-300": isHovered && !isPressed,
-        "bg-gray-500": isPressed,
-        "outline-gray-1000": isFocusVisible
-      }),
-      red: cn("text-red-700 border-transparent", {
-        "bg-gray-50": !blank && !isHovered && !isPressed,
-        "bg-red-100": isHovered && !isPressed,
-        "bg-red-200": isPressed,
-        "outline-red-700": isFocusVisible
-      })
-    };
-    const sizeStyle = {
-      large: "py-2.5 px-5 text-md rounded-lg gap-2",
-      medium: "py-1.5 px-3.5 text-md rounded-lg gap-2",
-      small: "py-[5px] px-3 text-sm rounded-md gap-2",
-      extraSmall: "py-1 px-2.5 text-sm rounded gap-[5px]"
-    };
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var Button = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, variant, size, icon = false, asChild = false } = _b, props = __objRest(_b, ["className", "variant", "size", "icon", "asChild"]);
+    const Comp = asChild ? Slot : "button";
+    const sizesStyle = icon ? iconButtonSizes : buttonSizes;
     return /* @__PURE__ */ jsx(
-      "button",
-      __spreadProps(__spreadValues(__spreadValues(__spreadValues({
+      Comp,
+      __spreadValues({
         className: cn(
-          sizeStyle[size],
-          variantStyle[variant],
-          "flex items-center justify-center font-medium border",
-          "transition-colors ease-in-out",
-          {
-            "outline-none": isFocused && !isFocusVisible,
-            "outline outline-2 outline-offset-0": isFocusVisible,
-            "cursor-not-allowed opacity-50": buttonProps.disabled,
-            "w-full": fullWidth
-          }
-        )
-      }, buttonProps), focusProps), hoverProps), {
-        form,
-        ref,
-        children
-      })
+          buttonVariants({ variant, className }),
+          sizesStyle({ size })
+        ),
+        ref
+      }, props)
     );
   }
 );
+Button.displayName = "Button";
 
 // src/components/Badge/Badge.tsx
-import cn2 from "classnames";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var Badge = ({
-  children,
-  variant = "primary",
-  capitalize = true
-}) => {
-  const colorStyle = {
-    info: "bg-[#F0F7FF] text-cta",
-    success: "bg-[#F1FFF1] text-[#53AB53]",
-    warning: "bg-[#FFF5DC] text-[#FFB800]",
-    danger: "bg-[#FFF3F1] text-[#E42525]",
-    primary: "bg-primary text-graySelected",
-    secondary: "bg-graySelected text-primaryLight",
-    basic: "bg-transparent text-primaryLight border border-primaryLight"
-  };
-  return /* @__PURE__ */ jsx2(
-    "span",
-    {
-      className: cn2("px-2 py-[2px] text-xs rounded-md whitespace-nowrap", colorStyle[variant], {
-        capitalize
-      }),
-      children
+import { cva as cva2 } from "class-variance-authority";
+
+// src/utils/getLabelFromChildren.ts
+import React2 from "react";
+var getLabelFromChildren = (children) => {
+  let label = "";
+  React2.Children.map(children, (child) => {
+    if (typeof child === "string") {
+      label += child;
     }
+  });
+  return label;
+};
+
+// src/utils/randomPickFromArray.ts
+var randomPickFromArray = ({
+  key,
+  array
+}) => {
+  const keyValue = Array.from(key).reduce(
+    (total, current) => current.charCodeAt(0) + total,
+    0
   );
+  const arrayIndex = keyValue % array.length;
+  return array[arrayIndex];
+};
+
+// src/components/Badge/Badge.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var colors = {
+  gray: "text-gray-900",
+  green: "text-green-700",
+  red: "text-red-700",
+  yellow: "text-amber-700",
+  blue: "text-blue-700",
+  crimson: "text-crimson-700",
+  violet: "text-violet-700",
+  cyan: "text-cyan-700",
+  teal: "text-teal-700",
+  brown: "text-brown-700",
+  orange: "text-orange-700"
 };
+var colorsArray = Object.keys(colors);
+var badgeVariants = cva2(
+  "inline-flex items-center justify-center gap-1 rounded-md px-2 py-0.5 text-xs font-semibold transition-colors",
+  {
+    variants: {
+      variant: {
+        default: "",
+        outline: "ring-1",
+        fill: ""
+      },
+      color: colors
+    },
+    compoundVariants: [
+      { variant: "default", color: "gray", className: "bg-gray-50" },
+      { variant: "default", color: "green", className: "bg-green-100" },
+      { variant: "default", color: "red", className: "bg-red-100" },
+      { variant: "default", color: "yellow", className: "bg-amber-100" },
+      { variant: "default", color: "blue", className: "bg-blue-100" },
+      { variant: "default", color: "crimson", className: "bg-crimson-100" },
+      { variant: "default", color: "violet", className: "bg-violet-100" },
+      { variant: "default", color: "cyan", className: "bg-cyan-100" },
+      { variant: "default", color: "teal", className: "bg-teal-100" },
+      { variant: "default", color: "brown", className: "bg-brown-100" },
+      { variant: "default", color: "orange", className: "bg-orange-100" },
+      {
+        variant: "outline",
+        color: "gray",
+        className: "bg-transparent ring-gray-200"
+      },
+      {
+        variant: "outline",
+        color: "green",
+        className: "bg-transparent ring-green-300"
+      },
+      {
+        variant: "outline",
+        color: "red",
+        className: "bg-transparent ring-red-300"
+      },
+      {
+        variant: "outline",
+        color: "yellow",
+        className: "bg-transparent ring-amber-300"
+      },
+      {
+        variant: "outline",
+        color: "blue",
+        className: "bg-transparent ring-blue-300"
+      },
+      {
+        variant: "outline",
+        color: "crimson",
+        className: "bg-transparent ring-crimson-300"
+      },
+      {
+        variant: "outline",
+        color: "violet",
+        className: "bg-transparent ring-violet-300"
+      },
+      {
+        variant: "outline",
+        color: "cyan",
+        className: "bg-transparent ring-cyan-300"
+      },
+      {
+        variant: "outline",
+        color: "teal",
+        className: "bg-transparent ring-teal-300"
+      },
+      {
+        variant: "outline",
+        color: "brown",
+        className: "bg-transparent ring-brown-300"
+      },
+      {
+        variant: "outline",
+        color: "orange",
+        className: "bg-transparent ring-orange-300"
+      },
+      { variant: "fill", color: "gray", className: "text-white bg-gray-900" },
+      { variant: "fill", color: "green", className: "text-white bg-green-700" },
+      { variant: "fill", color: "red", className: "text-white bg-red-700" },
+      {
+        variant: "fill",
+        color: "yellow",
+        className: "text-white bg-amber-700"
+      },
+      { variant: "fill", color: "blue", className: "text-white bg-blue-700" },
+      {
+        variant: "fill",
+        color: "crimson",
+        className: "text-white bg-crimson-700"
+      },
+      {
+        variant: "fill",
+        color: "violet",
+        className: "text-white bg-violet-700"
+      },
+      { variant: "fill", color: "cyan", className: "text-white bg-cyan-700" },
+      { variant: "fill", color: "teal", className: "text-white bg-teal-700" },
+      { variant: "fill", color: "brown", className: "text-white bg-brown-700" },
+      {
+        variant: "fill",
+        color: "orange",
+        className: "text-white bg-orange-700"
+      }
+    ],
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge(_a) {
+  var _b = _a, { className, variant, color } = _b, props = __objRest(_b, ["className", "variant", "color"]);
+  const childrenString = getLabelFromChildren(props.children);
+  if (!color) {
+    color = randomPickFromArray({
+      key: childrenString,
+      array: colorsArray
+    });
+  }
+  return /* @__PURE__ */ jsx2(
+    "div",
+    __spreadValues({
+      className: cn(badgeVariants({ variant, color }), className)
+    }, props)
+  );
+}
 
 // src/components/Drawer/Drawer.tsx
-import { useRef as useRef2, useState, cloneElement } from "react";
+import { useRef, useState, cloneElement } from "react";
 import { Overlay, useModalOverlay } from "react-aria";
 import { useOverlayTriggerState } from "react-stately";
 import { CSSTransition } from "react-transition-group";
-import cn3 from "classnames";
+import cn2 from "classnames";
 import { jsx as jsx3, jsxs } from "react/jsx-runtime";
 var placementsStyle = {
   top: {
@@ -499,7 +336,7 @@ var Drawer = (_a) => {
     "container",
     "children"
   ]);
-  const ref = useRef2(null);
+  const ref = useRef(null);
   const [exited, setExited] = useState(!state.isOpen);
   const { modalProps, underlayProps } = useModalOverlay(
     __spreadValues({
@@ -530,7 +367,7 @@ var Drawer = (_a) => {
         children: /* @__PURE__ */ jsx3(
           "div",
           {
-            className: cn3(
+            className: cn2(
               "z-50 inset-0 bg-black/50 transition-opacity duration-300",
               position
             )
@@ -541,7 +378,7 @@ var Drawer = (_a) => {
     /* @__PURE__ */ jsx3(
       "div",
       __spreadProps(__spreadValues({
-        className: cn3("z-50 inset-0 flex", position, placementStyle.container)
+        className: cn2("z-50 inset-0 flex", position, placementStyle.container)
       }, underlayProps), {
         children: /* @__PURE__ */ jsx3(
           CSSTransition,
@@ -569,9 +406,3391 @@ var Drawer = (_a) => {
   ] });
 };
 var useDrawerState = useOverlayTriggerState;
+
+// src/components/TextField/TextField.tsx
+import { useRef as useRef2 } from "react";
+import { useTextField, useFocusRing } from "react-aria";
+import cn3 from "classnames";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var TextField = (props) => {
+  const { label, validationState = "valid" } = props;
+  const ref = useRef2(null);
+  const { labelProps, inputProps, descriptionProps, errorMessageProps } = useTextField(props, ref);
+  const { focusProps, isFocused } = useFocusRing({ isTextInput: true });
+  const isValid = validationState === "valid";
+  return /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-1.5 w-80", children: [
+    /* @__PURE__ */ jsx4("label", __spreadProps(__spreadValues({}, labelProps), { className: "text-gray-1000 text-sm font-medium", children: label })),
+    /* @__PURE__ */ jsx4(
+      "input",
+      __spreadProps(__spreadValues(__spreadValues({}, inputProps), focusProps), {
+        className: cn3(
+          "h-12 p-[14px] text-gray-1000 placeholder:text-gray-700 text-md border rounded-md outline-none",
+          {
+            "border-gray-500": !isFocused && isValid,
+            "border-red-500": !isFocused && !isValid,
+            "border-blue-300 shadow-input shadow-blue-300/50": isFocused && isValid,
+            "border-red-500 shadow-input shadow-red-500/50": isFocused && !isValid
+          }
+        ),
+        ref
+      })
+    ),
+    props.description && /* @__PURE__ */ jsx4("span", __spreadProps(__spreadValues({}, descriptionProps), { className: "text-sm text-gray-700", children: props.description })),
+    props.errorMessage && /* @__PURE__ */ jsx4("span", __spreadProps(__spreadValues({}, errorMessageProps), { className: "text-sm text-red-700", children: props.errorMessage }))
+  ] });
+};
+
+// src/components/Tabs/Tabs.tsx
+import * as React3 from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var Tabs = TabsPrimitive.Root;
+var TabsList = React3.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx5(
+    TabsPrimitive.List,
+    __spreadValues({
+      ref,
+      className: cn(
+        "inline-flex items-center justify-center gap-2 rounded-lg p-1.5 bg-gray-50 text-gray-700",
+        className
+      )
+    }, props)
+  );
+});
+TabsList.displayName = TabsPrimitive.List.displayName;
+var TabsTrigger = React3.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx5(
+    TabsPrimitive.Trigger,
+    __spreadValues({
+      ref,
+      className: cn(
+        "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1.5 text-sm font-semibold ring-offset-white transition-all",
+        "hover:bg-gray-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-700 focus-visible:ring-offset-2",
+        "data-[state=active]:bg-white data-[state=active]:text-blue-700 data-[state=active]:shadow-sm",
+        "disabled:pointer-events-none disabled:opacity-50",
+        className
+      )
+    }, props)
+  );
+});
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+var TabsContent = React3.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx5(
+    TabsPrimitive.Content,
+    __spreadValues({
+      ref,
+      className: cn(
+        "mt-2 ring-offset-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-700 focus-visible:ring-offset-2",
+        className
+      )
+    }, props)
+  );
+});
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+
+// src/icons/activity.tsx
+import { forwardRef as forwardRef3 } from "react";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var ActivityIcon = forwardRef3(
+  function ActivityIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsx6(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: /* @__PURE__ */ jsx6(
+          "path",
+          {
+            d: "M22 12H18L15 21L9 3L6 12H2",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      })
+    );
+  }
+);
+
+// src/icons/alertCircle.tsx
+import { forwardRef as forwardRef4 } from "react";
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+var AlertCircleIcon = forwardRef4(
+  function AlertCircleIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs3(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx7(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx7(
+            "path",
+            {
+              d: "M12 8V12M12 16H12.01M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/arrowDown.tsx
+import { forwardRef as forwardRef5 } from "react";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var ArrowDownIcon = forwardRef5(
+  function ArrowDownIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsx8(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: /* @__PURE__ */ jsx8(
+          "path",
+          {
+            d: "M12 5V19M12 19L19 12M12 19L5 12",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      })
+    );
+  }
+);
+
+// src/icons/arrowLeft.tsx
+import { forwardRef as forwardRef6 } from "react";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var ArrowLeftIcon = forwardRef6(
+  function ArrowLeftIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsx9(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: /* @__PURE__ */ jsx9(
+          "path",
+          {
+            d: "M19 12H5M5 12L12 19M5 12L12 5",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      })
+    );
+  }
+);
+
+// src/icons/arrowRight.tsx
+import { forwardRef as forwardRef7 } from "react";
+import { jsx as jsx10 } from "react/jsx-runtime";
+var ArrowRightIcon = forwardRef7(
+  function ArrowRightIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsx10(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: /* @__PURE__ */ jsx10(
+          "path",
+          {
+            d: "M5 12H19M19 12L12 5M19 12L12 19",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      })
+    );
+  }
+);
+
+// src/icons/arrowUp.tsx
+import { forwardRef as forwardRef8 } from "react";
+import { jsx as jsx11 } from "react/jsx-runtime";
+var ArrowUpIcon = forwardRef8(
+  function ArrowUpIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsx11(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: /* @__PURE__ */ jsx11(
+          "path",
+          {
+            d: "M12 19V5M12 5L5 12M12 5L19 12",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      })
+    );
+  }
+);
+
+// src/icons/bell.tsx
+import { forwardRef as forwardRef9 } from "react";
+import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
+var BellIcon = forwardRef9(function BellIcon2(_a, ref) {
+  var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+  return /* @__PURE__ */ jsxs4(
+    "svg",
+    __spreadProps(__spreadValues({
+      ref,
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    }, other), {
+      children: [
+        duotone && /* @__PURE__ */ jsx12(
+          "path",
+          {
+            opacity: "0.12",
+            d: "M18 8C18 6.4087 17.3679 4.88258 16.2427 3.75736C15.1174 2.63214 13.5913 2 12 2C10.4087 2 8.8826 2.63214 7.75738 3.75736C6.63216 4.88258 6.00002 6.4087 6.00002 8C6.00002 11.0902 5.22049 13.206 4.34968 14.6054C3.61515 15.7859 3.24788 16.3761 3.26134 16.5408C3.27626 16.7231 3.31488 16.7926 3.46179 16.9016C3.59448 17 4.19261 17 5.38887 17H18.6112C19.8074 17 20.4056 17 20.5382 16.9016C20.6852 16.7926 20.7238 16.7231 20.7387 16.5408C20.7522 16.3761 20.3849 15.7859 19.6504 14.6054C18.7795 13.206 18 11.0902 18 8Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx12(
+          "path",
+          {
+            d: "M9.35419 21C10.0593 21.6224 10.9856 22 12 22C13.0145 22 13.9407 21.6224 14.6458 21M18 8C18 6.4087 17.3679 4.88258 16.2427 3.75736C15.1174 2.63214 13.5913 2 12 2C10.4087 2 8.8826 2.63214 7.75738 3.75736C6.63216 4.88258 6.00002 6.4087 6.00002 8C6.00002 11.0902 5.22049 13.206 4.34968 14.6054C3.61515 15.7859 3.24788 16.3761 3.26134 16.5408C3.27626 16.7231 3.31488 16.7926 3.46179 16.9016C3.59448 17 4.19261 17 5.38887 17H18.6112C19.8074 17 20.4056 17 20.5382 16.9016C20.6852 16.7926 20.7238 16.7231 20.7387 16.5408C20.7522 16.3761 20.3849 15.7859 19.6504 14.6054C18.7795 13.206 18 11.0902 18 8Z",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    })
+  );
+});
+
+// src/icons/calendar.tsx
+import { forwardRef as forwardRef10 } from "react";
+import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
+var CalendarIcon = forwardRef10(
+  function CalendarIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs5(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx13(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M3 8.8C3 7.11984 3 6.27976 3.32698 5.63803C3.6146 5.07354 4.07354 4.6146 4.63803 4.32698C5.27976 4 6.11984 4 7.8 4H16.2C17.8802 4 18.7202 4 19.362 4.32698C19.9265 4.6146 20.3854 5.07354 20.673 5.63803C21 6.27976 21 7.11984 21 8.8V10H3V8.8Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx13(
+            "path",
+            {
+              d: "M21 10H3M16 2V6M8 2V6M7.8 22H16.2C17.8802 22 18.7202 22 19.362 21.673C19.9265 21.3854 20.3854 20.9265 20.673 20.362C21 19.7202 21 18.8802 21 17.2V8.8C21 7.11984 21 6.27976 20.673 5.63803C20.3854 5.07354 19.9265 4.6146 19.362 4.32698C18.7202 4 17.8802 4 16.2 4H7.8C6.11984 4 5.27976 4 4.63803 4.32698C4.07354 4.6146 3.6146 5.07354 3.32698 5.63803C3 6.27976 3 7.11984 3 8.8V17.2C3 18.8802 3 19.7202 3.32698 20.362C3.6146 20.9265 4.07354 21.3854 4.63803 21.673C5.27976 22 6.11984 22 7.8 22Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/calendarCheck.tsx
+import { forwardRef as forwardRef11 } from "react";
+import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
+var CalendarCheckIcon = forwardRef11(
+  function CalendarCheckIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs6(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx14(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M3 8.8C3 7.11984 3 6.27976 3.32698 5.63803C3.6146 5.07354 4.07354 4.6146 4.63803 4.32698C5.27976 4 6.11984 4 7.8 4H16.2C17.8802 4 18.7202 4 19.362 4.32698C19.9265 4.6146 20.3854 5.07354 20.673 5.63803C21 6.27976 21 7.11984 21 8.8V10H3V8.8Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx14(
+            "path",
+            {
+              d: "M21 10H3M16 2V6M8 2V6M9 16L11 18L15.5 13.5M7.8 22H16.2C17.8802 22 18.7202 22 19.362 21.673C19.9265 21.3854 20.3854 20.9265 20.673 20.362C21 19.7202 21 18.8802 21 17.2V8.8C21 7.11984 21 6.27976 20.673 5.63803C20.3854 5.07354 19.9265 4.6146 19.362 4.32698C18.7202 4 17.8802 4 16.2 4H7.8C6.11984 4 5.27976 4 4.63803 4.32698C4.07354 4.6146 3.6146 5.07354 3.32698 5.63803C3 6.27976 3 7.11984 3 8.8V17.2C3 18.8802 3 19.7202 3.32698 20.362C3.6146 20.9265 4.07354 21.3854 4.63803 21.673C5.27976 22 6.11984 22 7.8 22Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/calendarPlus.tsx
+import { forwardRef as forwardRef12 } from "react";
+import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
+var CalendarPlusIcon = forwardRef12(
+  function CalendarPlusIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs7(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx15(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M3 8C3 7.07003 3 6.60504 3.10222 6.22354C3.37962 5.18827 4.18827 4.37962 5.22354 4.10222C5.60504 4 6.07003 4 7 4H17C17.93 4 18.395 4 18.7765 4.10222C19.8117 4.37962 20.6204 5.18827 20.8978 6.22354C21 6.60504 21 7.07003 21 8H3Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx15(
+            "path",
+            {
+              d: "M21 8H3M16 2V5M8 2V5M12 18V12M9 15H15M7.8 22H16.2C17.8802 22 18.7202 22 19.362 21.673C19.9265 21.3854 20.3854 20.9265 20.673 20.362C21 19.7202 21 18.8802 21 17.2V8.8C21 7.11984 21 6.27976 20.673 5.63803C20.3854 5.07354 19.9265 4.6146 19.362 4.32698C18.7202 4 17.8802 4 16.2 4H7.8C6.11984 4 5.27976 4 4.63803 4.32698C4.07354 4.6146 3.6146 5.07354 3.32698 5.63803C3 6.27976 3 7.11984 3 8.8V17.2C3 18.8802 3 19.7202 3.32698 20.362C3.6146 20.9265 4.07354 21.3854 4.63803 21.673C5.27976 22 6.11984 22 7.8 22Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/camera.tsx
+import { forwardRef as forwardRef13 } from "react";
+import { jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
+var CameraIcon = forwardRef13(
+  function CameraIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs8(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx16(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M12 16.5C14.2091 16.5 16 14.7091 16 12.5C16 10.2909 14.2091 8.5 12 8.5C9.79086 8.5 8 10.2909 8 12.5C8 14.7091 9.79086 16.5 12 16.5Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx16(
+            "path",
+            {
+              d: "M2 8.37722C2 8.0269 2 7.85174 2.01462 7.70421C2.1556 6.28127 3.28127 5.1556 4.70421 5.01462C4.85174 5 5.03636 5 5.40558 5C5.54785 5 5.61899 5 5.67939 4.99634C6.45061 4.94963 7.12595 4.46288 7.41414 3.746C7.43671 3.68986 7.45781 3.62657 7.5 3.5C7.54219 3.37343 7.56329 3.31014 7.58586 3.254C7.87405 2.53712 8.54939 2.05037 9.32061 2.00366C9.38101 2 9.44772 2 9.58114 2H14.4189C14.5523 2 14.619 2 14.6794 2.00366C15.4506 2.05037 16.126 2.53712 16.4141 3.254C16.4367 3.31014 16.4578 3.37343 16.5 3.5C16.5422 3.62657 16.5633 3.68986 16.5859 3.746C16.874 4.46288 17.5494 4.94963 18.3206 4.99634C18.381 5 18.4521 5 18.5944 5C18.9636 5 19.1483 5 19.2958 5.01462C20.7187 5.1556 21.8444 6.28127 21.9854 7.70421C22 7.85174 22 8.0269 22 8.37722V16.2C22 17.8802 22 18.7202 21.673 19.362C21.3854 19.9265 20.9265 20.3854 20.362 20.673C19.7202 21 18.8802 21 17.2 21H6.8C5.11984 21 4.27976 21 3.63803 20.673C3.07354 20.3854 2.6146 19.9265 2.32698 19.362C2 18.7202 2 17.8802 2 16.2V8.37722Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          ",",
+          /* @__PURE__ */ jsx16(
+            "path",
+            {
+              d: "M12 16.5C14.2091 16.5 16 14.7091 16 12.5C16 10.2909 14.2091 8.5 12 8.5C9.79086 8.5 8 10.2909 8 12.5C8 14.7091 9.79086 16.5 12 16.5Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/cameraOff.tsx
+import { forwardRef as forwardRef14 } from "react";
+import { jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
+var CameraOffIcon = forwardRef14(
+  function CameraOffIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs9(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx17(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M16.0001 12.5C16.0001 10.2909 14.2092 8.5 12.0001 8.5C11.0216 8.5 10.1253 8.8513 9.43018 9.43464L15.0641 15.0714C15.6482 14.3761 16.0001 13.4791 16.0001 12.5Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx17(
+            "path",
+            {
+              d: "M5 5H5.41886C5.55228 5 5.61899 5 5.67939 4.99634C6.45061 4.94963 7.12595 4.46288 7.41414 3.746C7.43671 3.68986 7.45781 3.62657 7.5 3.5C7.54219 3.37343 7.56329 3.31014 7.58586 3.254C7.87405 2.53712 8.54939 2.05037 9.32061 2.00366C9.38101 2 9.44772 2 9.58114 2H14.4189C14.5523 2 14.619 2 14.6794 2.00366C15.4506 2.05037 16.126 2.53712 16.4141 3.254C16.4367 3.31014 16.4578 3.37343 16.5 3.5C16.5422 3.62657 16.5633 3.68986 16.5859 3.746C16.874 4.46288 17.5494 4.94963 18.3206 4.99634C18.381 5 18.4521 5 18.5944 5C18.9636 5 19.1483 5 19.2958 5.01462C20.7187 5.1556 21.8444 6.28127 21.9854 7.70421C22 7.85174 22 8.0269 22 8.37722V18C22 19.0849 21.4241 20.0353 20.5613 20.5622M15.0641 15.0714C15.6482 14.3761 16 13.4791 16 12.5C16 10.2909 14.2091 8.5 12 8.5C11.0216 8.5 10.1252 8.8513 9.43012 9.43464M22 22L2 2M2 7.5V16.2C2 17.8802 2 18.7202 2.32698 19.362C2.6146 19.9265 3.07354 20.3854 3.63803 20.673C4.27976 21 5.11984 21 6.8 21H15.5M12 16.5C9.79086 16.5 8 14.7091 8 12.5",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/checkCircle.tsx
+import { forwardRef as forwardRef15 } from "react";
+import { jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
+var CheckCircleIcon = forwardRef15(
+  function CheckCircleIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs10(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx18(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx18(
+            "path",
+            {
+              d: "M7.5 12L10.5 15L16.5 9M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/chevronDown.tsx
+import { forwardRef as forwardRef16 } from "react";
+import { jsx as jsx19 } from "react/jsx-runtime";
+var ChevronDownIcon = forwardRef16(
+  function ChevronDownIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsx19(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: /* @__PURE__ */ jsx19(
+          "path",
+          {
+            d: "M6 9L12 15L18 9",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      })
+    );
+  }
+);
+
+// src/icons/chevronLeft.tsx
+import { forwardRef as forwardRef17 } from "react";
+import { jsx as jsx20 } from "react/jsx-runtime";
+var ChevronLeftIcon = forwardRef17(
+  function ChevronLeftIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsx20(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: /* @__PURE__ */ jsx20(
+          "path",
+          {
+            d: "M15 18L9 12L15 6",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      })
+    );
+  }
+);
+
+// src/icons/chevronRight.tsx
+import { forwardRef as forwardRef18 } from "react";
+import { jsx as jsx21 } from "react/jsx-runtime";
+var ChevronRightIcon = forwardRef18(
+  function ChevronRightIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsx21(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: /* @__PURE__ */ jsx21(
+          "path",
+          {
+            d: "M9 18L15 12L9 6",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      })
+    );
+  }
+);
+
+// src/icons/chevronUp.tsx
+import { forwardRef as forwardRef19 } from "react";
+import { jsx as jsx22 } from "react/jsx-runtime";
+var ChevronUpIcon = forwardRef19(
+  function ChevronUpIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsx22(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: /* @__PURE__ */ jsx22(
+          "path",
+          {
+            d: "M18 15L12 9L6 15",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      })
+    );
+  }
+);
+
+// src/icons/copy.tsx
+import { forwardRef as forwardRef20 } from "react";
+import { jsx as jsx23, jsxs as jsxs11 } from "react/jsx-runtime";
+var CopyIcon = forwardRef20(function CopyIcon2(_a, ref) {
+  var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+  return /* @__PURE__ */ jsxs11(
+    "svg",
+    __spreadProps(__spreadValues({
+      ref,
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    }, other), {
+      children: [
+        duotone && /* @__PURE__ */ jsx23(
+          "path",
+          {
+            opacity: "0.12",
+            d: "M2 5.2C2 4.0799 2 3.51984 2.21799 3.09202C2.40973 2.71569 2.71569 2.40973 3.09202 2.21799C3.51984 2 4.0799 2 5.2 2H12.8C13.9201 2 14.4802 2 14.908 2.21799C15.2843 2.40973 15.5903 2.71569 15.782 3.09202C16 3.51984 16 4.0799 16 5.2V12.8C16 13.9201 16 14.4802 15.782 14.908C15.5903 15.2843 15.2843 15.5903 14.908 15.782C14.4802 16 13.9201 16 12.8 16H5.2C4.0799 16 3.51984 16 3.09202 15.782C2.71569 15.5903 2.40973 15.2843 2.21799 14.908C2 14.4802 2 13.9201 2 12.8V5.2Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx23(
+          "path",
+          {
+            d: "M8 16V18.8C8 19.9201 8 20.4802 8.21799 20.908C8.40973 21.2843 8.71569 21.5903 9.09202 21.782C9.51984 22 10.0799 22 11.2 22H18.8C19.9201 22 20.4802 22 20.908 21.782C21.2843 21.5903 21.5903 21.2843 21.782 20.908C22 20.4802 22 19.9201 22 18.8V11.2C22 10.0799 22 9.51984 21.782 9.09202C21.5903 8.71569 21.2843 8.40973 20.908 8.21799C20.4802 8 19.9201 8 18.8 8H16M5.2 16H12.8C13.9201 16 14.4802 16 14.908 15.782C15.2843 15.5903 15.5903 15.2843 15.782 14.908C16 14.4802 16 13.9201 16 12.8V5.2C16 4.0799 16 3.51984 15.782 3.09202C15.5903 2.71569 15.2843 2.40973 14.908 2.21799C14.4802 2 13.9201 2 12.8 2H5.2C4.0799 2 3.51984 2 3.09202 2.21799C2.71569 2.40973 2.40973 2.71569 2.21799 3.09202C2 3.51984 2 4.07989 2 5.2V12.8C2 13.9201 2 14.4802 2.21799 14.908C2.40973 15.2843 2.71569 15.5903 3.09202 15.782C3.51984 16 4.07989 16 5.2 16Z",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    })
+  );
+});
+
+// src/icons/cursorClick.tsx
+import { forwardRef as forwardRef21 } from "react";
+import { jsx as jsx24, jsxs as jsxs12 } from "react/jsx-runtime";
+var CursorClickIcon = forwardRef21(
+  function CursorClickIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs12(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx24(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M20.817 13.3728C21.3457 13.0881 21.61 12.9458 21.6768 12.7745C21.7349 12.6259 21.7185 12.4586 21.6328 12.324C21.534 12.169 21.2471 12.0806 20.6733 11.9038L9.44528 8.44519C8.97653 8.3008 8.74216 8.2286 8.58386 8.28669C8.44598 8.33729 8.33732 8.44595 8.28672 8.58383C8.22863 8.74213 8.30083 8.9765 8.44522 9.44525L11.9038 20.6733C12.0806 21.2471 12.169 21.534 12.324 21.6328C12.4585 21.7185 12.6259 21.7349 12.7745 21.6769C12.9458 21.61 13.0881 21.3457 13.3728 20.817L15.8645 16.1896C15.9068 16.111 15.928 16.0717 15.9551 16.0373C15.9793 16.0068 16.0069 15.9792 16.0374 15.9551C16.0718 15.9279 16.111 15.9068 16.1896 15.8645L20.817 13.3728Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx24(
+            "path",
+            {
+              d: "M9 3.5V2M5.06066 5.06066L4 4M5.06066 13L4 14.0607M13 5.06066L14.0607 4M3.5 9H2M15.8645 16.1896L13.3727 20.817C13.0881 21.3457 12.9457 21.61 12.7745 21.6769C12.6259 21.7349 12.4585 21.7185 12.324 21.6328C12.1689 21.534 12.0806 21.2471 11.9038 20.6733L8.44519 9.44525C8.3008 8.97651 8.2286 8.74213 8.28669 8.58383C8.33729 8.44595 8.44595 8.33729 8.58383 8.2867C8.74213 8.22861 8.9765 8.3008 9.44525 8.44519L20.6732 11.9038C21.247 12.0806 21.5339 12.169 21.6327 12.324C21.7185 12.4586 21.7348 12.6259 21.6768 12.7745C21.61 12.9458 21.3456 13.0881 20.817 13.3728L16.1896 15.8645C16.111 15.9068 16.0717 15.9279 16.0374 15.9551C16.0068 15.9792 15.9792 16.0068 15.9551 16.0374C15.9279 16.0717 15.9068 16.111 15.8645 16.1896Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/download.tsx
+import { forwardRef as forwardRef22 } from "react";
+import { jsx as jsx25, jsxs as jsxs13 } from "react/jsx-runtime";
+var DownloadIcon = forwardRef22(
+  function DownloadIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs13(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx25(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M11.8959 21.9995C17.4185 22.0569 21.942 17.6266 21.9994 12.104C22.0568 6.58148 17.6265 2.058 12.104 2.00056C6.5814 1.94311 2.05792 6.37346 2.00048 11.896C1.94304 17.4186 6.37338 21.942 11.8959 21.9995Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx25(
+            "path",
+            {
+              d: "M8 12L12 16M12 16L16 12M12 16V8M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/edit.tsx
+import { forwardRef as forwardRef23 } from "react";
+import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
+var EditIcon = forwardRef23(function EditIcon2(_a, ref) {
+  var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+  return /* @__PURE__ */ jsxs14(
+    "svg",
+    __spreadProps(__spreadValues({
+      ref,
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    }, other), {
+      children: [
+        duotone && /* @__PURE__ */ jsx26(
+          "path",
+          {
+            opacity: "0.12",
+            d: "M8 14.3255C8 13.8363 8 13.5917 8.05526 13.3615C8.10425 13.1574 8.18506 12.9624 8.29472 12.7834C8.4184 12.5816 8.59136 12.4086 8.93726 12.0627L18.5 2.49998C19.3285 1.67155 20.6716 1.67156 21.5 2.49998C22.3285 3.32841 22.3285 4.67156 21.5 5.49998L11.9373 15.0627C11.5914 15.4086 11.4184 15.5816 11.2166 15.7053C11.0377 15.8149 10.8426 15.8957 10.6385 15.9447C10.4083 16 10.1637 16 9.67454 16H8V14.3255Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx26(
+          "path",
+          {
+            d: "M11 3.99998H6.8C5.11984 3.99998 4.27976 3.99998 3.63803 4.32696C3.07354 4.61458 2.6146 5.07353 2.32698 5.63801C2 6.27975 2 7.11983 2 8.79998V17.2C2 18.8801 2 19.7202 2.32698 20.362C2.6146 20.9264 3.07354 21.3854 3.63803 21.673C4.27976 22 5.11984 22 6.8 22H15.2C16.8802 22 17.7202 22 18.362 21.673C18.9265 21.3854 19.3854 20.9264 19.673 20.362C20 19.7202 20 18.8801 20 17.2V13M7.99997 16H9.67452C10.1637 16 10.4083 16 10.6385 15.9447C10.8425 15.8957 11.0376 15.8149 11.2166 15.7053C11.4184 15.5816 11.5914 15.4086 11.9373 15.0627L21.5 5.49998C22.3284 4.67156 22.3284 3.32841 21.5 2.49998C20.6716 1.67156 19.3284 1.67155 18.5 2.49998L8.93723 12.0627C8.59133 12.4086 8.41838 12.5816 8.29469 12.7834C8.18504 12.9624 8.10423 13.1574 8.05523 13.3615C7.99997 13.5917 7.99997 13.8363 7.99997 14.3255V16Z",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    })
+  );
+});
+
+// src/icons/expand.tsx
+import { forwardRef as forwardRef24 } from "react";
+import { jsx as jsx27 } from "react/jsx-runtime";
+var ExpandIcon = forwardRef24(
+  function ExpandIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsx27(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: /* @__PURE__ */ jsx27(
+          "path",
+          {
+            d: "M16 8L21 3M21 3H16M21 3V8M8 8L3 3M3 3L3 8M3 3L8 3M8 16L3 21M3 21H8M3 21L3 16M16 16L21 21M21 21V16M21 21H16",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      })
+    );
+  }
+);
+
+// src/icons/flipBackward.tsx
+import { forwardRef as forwardRef25 } from "react";
+import { jsx as jsx28 } from "react/jsx-runtime";
+var FlipBackwardIcon = forwardRef25(
+  function FlipBackwardIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsx28(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: /* @__PURE__ */ jsx28(
+          "path",
+          {
+            d: "M3 9H16.5C18.9853 9 21 11.0147 21 13.5C21 15.9853 18.9853 18 16.5 18H12M3 9L7 5M3 9L7 13",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      })
+    );
+  }
+);
+
+// src/icons/flipForward.tsx
+import { forwardRef as forwardRef26 } from "react";
+import { jsx as jsx29 } from "react/jsx-runtime";
+var FlipForwardIcon = forwardRef26(
+  function FlipForwardIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsx29(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: /* @__PURE__ */ jsx29(
+          "path",
+          {
+            d: "M21 9H7.5C5.01472 9 3 11.0147 3 13.5C3 15.9853 5.01472 18 7.5 18H12M21 9L17 5M21 9L17 13",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      })
+    );
+  }
+);
+
+// src/icons/helpCircle.tsx
+import { forwardRef as forwardRef27 } from "react";
+import { jsx as jsx30, jsxs as jsxs15 } from "react/jsx-runtime";
+var HelpCircleIcon = forwardRef27(
+  function HelpCircleIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs15(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx30(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx30(
+            "path",
+            {
+              d: "M9.09 9C9.3251 8.33167 9.78915 7.76811 10.4 7.40913C11.0108 7.05016 11.7289 6.91894 12.4272 7.03871C13.1255 7.15849 13.7588 7.52152 14.2151 8.06353C14.6713 8.60553 14.9211 9.29152 14.92 10C14.92 12 11.92 13 11.92 13M12 17H12.01M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/home.tsx
+import { forwardRef as forwardRef28 } from "react";
+import { jsx as jsx31, jsxs as jsxs16 } from "react/jsx-runtime";
+var HomeIcon = forwardRef28(function HomeIcon2(_a, ref) {
+  var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+  return /* @__PURE__ */ jsxs16(
+    "svg",
+    __spreadProps(__spreadValues({
+      ref,
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    }, other), {
+      children: [
+        duotone && /* @__PURE__ */ jsx31("path", { opacity: "0.12", d: "M9 21V12H15V21", fill: "currentColor" }),
+        /* @__PURE__ */ jsx31(
+          "path",
+          {
+            d: "M9 21V13.6C9 13.0399 9 12.7599 9.10899 12.546C9.20487 12.3578 9.35785 12.2049 9.54601 12.109C9.75992 12 10.0399 12 10.6 12H13.4C13.9601 12 14.2401 12 14.454 12.109C14.6422 12.2049 14.7951 12.3578 14.891 12.546C15 12.7599 15 13.0399 15 13.6V21M11.0177 2.764L4.23539 8.03912C3.78202 8.39175 3.55534 8.56806 3.39203 8.78886C3.24737 8.98444 3.1396 9.20478 3.07403 9.43905C3 9.70352 3 9.9907 3 10.5651V17.8C3 18.9201 3 19.4801 3.21799 19.908C3.40973 20.2843 3.71569 20.5903 4.09202 20.782C4.51984 21 5.07989 21 6.2 21H17.8C18.9201 21 19.4802 21 19.908 20.782C20.2843 20.5903 20.5903 20.2843 20.782 19.908C21 19.4801 21 18.9201 21 17.8V10.5651C21 9.9907 21 9.70352 20.926 9.43905C20.8604 9.20478 20.7526 8.98444 20.608 8.78886C20.4447 8.56806 20.218 8.39175 19.7646 8.03913L12.9823 2.764C12.631 2.49075 12.4553 2.35412 12.2613 2.3016C12.0902 2.25526 11.9098 2.25526 11.7387 2.3016C11.5447 2.35412 11.369 2.49075 11.0177 2.764Z",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    })
+  );
+});
+
+// src/icons/image.tsx
+import { forwardRef as forwardRef29 } from "react";
+import { jsx as jsx32, jsxs as jsxs17 } from "react/jsx-runtime";
+var ImageIcon = forwardRef29(
+  function ImageIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs17(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsxs17("g", { opacity: "0.12", children: [
+            /* @__PURE__ */ jsx32(
+              "path",
+              {
+                d: "M6.36567 19.6343L14.8686 11.1314C15.2646 10.7354 15.4626 10.5373 15.691 10.4632C15.8918 10.3979 16.1082 10.3979 16.309 10.4632C16.5373 10.5373 16.7353 10.7354 17.1314 11.1314L21 15V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9264 20.3854 19.362 20.673C18.7202 21 17.8801 21 16.2 21H6.93136C6.32554 21 6.02264 21 5.88237 20.8802C5.76067 20.7763 5.69608 20.6203 5.70864 20.4608C5.72311 20.2769 5.9373 20.0627 6.36567 19.6343Z",
+                fill: "currentColor"
+              }
+            ),
+            /* @__PURE__ */ jsx32(
+              "path",
+              {
+                d: "M8.49999 10.5C9.60456 10.5 10.5 9.60457 10.5 8.5C10.5 7.39543 9.60456 6.5 8.49999 6.5C7.39542 6.5 6.49999 7.39543 6.49999 8.5C6.49999 9.60457 7.39542 10.5 8.49999 10.5Z",
+                fill: "currentColor"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx32(
+            "path",
+            {
+              d: "M16.2 21H6.93137C6.32555 21 6.02265 21 5.88238 20.8802C5.76068 20.7763 5.69609 20.6203 5.70865 20.4608C5.72312 20.2769 5.93731 20.0627 6.36569 19.6343L14.8686 11.1314C15.2646 10.7354 15.4627 10.5373 15.691 10.4632C15.8918 10.3979 16.1082 10.3979 16.309 10.4632C16.5373 10.5373 16.7354 10.7354 17.1314 11.1314L21 15V16.2M16.2 21C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2M16.2 21H7.8C6.11984 21 5.27976 21 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3 18.7202 3 17.8802 3 16.2V7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V16.2M10.5 8.5C10.5 9.60457 9.60457 10.5 8.5 10.5C7.39543 10.5 6.5 9.60457 6.5 8.5C6.5 7.39543 7.39543 6.5 8.5 6.5C9.60457 6.5 10.5 7.39543 10.5 8.5Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/imageDown.tsx
+import { forwardRef as forwardRef30 } from "react";
+import { jsx as jsx33, jsxs as jsxs18 } from "react/jsx-runtime";
+var ImageDownIcon = forwardRef30(
+  function ImageDownIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs18(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsxs18("g", { opacity: "0.12", children: [
+            /* @__PURE__ */ jsx33(
+              "path",
+              {
+                d: "M8.50004 10.5C9.60461 10.5 10.5 9.60457 10.5 8.5C10.5 7.39543 9.60461 6.5 8.50004 6.5C7.39547 6.5 6.50004 7.39543 6.50004 8.5C6.50004 9.60457 7.39547 10.5 8.50004 10.5Z",
+                fill: "currentColor"
+              }
+            ),
+            /* @__PURE__ */ jsx33(
+              "path",
+              {
+                d: "M6.53118 19.608L14.9901 11.9181C15.3487 11.5921 15.528 11.4291 15.7326 11.3627C15.9129 11.3041 16.1062 11.298 16.2898 11.3451C16.4982 11.3985 16.6874 11.5499 17.0659 11.8527L19.8631 14.0905C20.2412 14.3929 20.4303 14.5442 20.5733 14.7264C20.753 14.9554 20.8806 15.2208 20.9471 15.5042C21 15.7296 21 15.9717 21 16.456C21 17.8951 21 18.6147 20.7583 19.1799C20.4547 19.8894 19.8895 20.4547 19.18 20.7582C18.6148 21 17.8952 21 16.456 21H7.06932C6.42632 21 6.10481 21 5.96322 20.8755C5.84049 20.7676 5.77822 20.6066 5.79646 20.4442C5.81751 20.2568 6.0554 20.0406 6.53118 19.608Z",
+                fill: "currentColor"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx33(
+            "path",
+            {
+              d: "M16 5L19 8M19 8L22 5M19 8V2M12.5 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21H17C17.93 21 18.395 21 18.7765 20.8978C19.8117 20.6204 20.6204 19.8117 20.8978 18.7765C21 18.395 21 17.93 21 17M10.5 8.5C10.5 9.60457 9.60457 10.5 8.5 10.5C7.39543 10.5 6.5 9.60457 6.5 8.5C6.5 7.39543 7.39543 6.5 8.5 6.5C9.60457 6.5 10.5 7.39543 10.5 8.5ZM14.99 11.9181L6.53115 19.608C6.05536 20.0406 5.81747 20.2568 5.79643 20.4442C5.77819 20.6066 5.84045 20.7676 5.96319 20.8755C6.10478 21 6.42628 21 7.06929 21H16.456C17.8951 21 18.6147 21 19.1799 20.7582C19.8894 20.4547 20.4547 19.8894 20.7582 19.1799C21 18.6147 21 17.8951 21 16.456C21 15.9717 21 15.7296 20.9471 15.5042C20.8805 15.2208 20.753 14.9554 20.5733 14.7264C20.4303 14.5442 20.2412 14.3929 19.8631 14.0905L17.0658 11.8527C16.6874 11.5499 16.4982 11.3985 16.2898 11.3451C16.1061 11.298 15.9129 11.3041 15.7325 11.3627C15.5279 11.4291 15.3486 11.5921 14.99 11.9181Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/imageX.tsx
+import { forwardRef as forwardRef31 } from "react";
+import { jsx as jsx34, jsxs as jsxs19 } from "react/jsx-runtime";
+var ImageXIcon = forwardRef31(
+  function ImageXIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs19(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsxs19("g", { opacity: "0.12", children: [
+            /* @__PURE__ */ jsx34(
+              "path",
+              {
+                d: "M8.50016 10.5C9.60473 10.5 10.5002 9.60457 10.5002 8.5C10.5002 7.39543 9.60473 6.5 8.50016 6.5C7.39559 6.5 6.50016 7.39543 6.50016 8.5C6.50016 9.60457 7.39559 10.5 8.50016 10.5Z",
+                fill: "currentColor"
+              }
+            ),
+            /* @__PURE__ */ jsx34(
+              "path",
+              {
+                d: "M6.53131 19.608L14.9902 11.9181C15.3488 11.5921 15.5281 11.4291 15.7327 11.3627C15.913 11.3041 16.1063 11.298 16.29 11.3451C16.4983 11.3985 16.6875 11.5499 17.066 11.8527L19.8632 14.0905C20.2413 14.3929 20.4304 14.5442 20.5734 14.7264C20.7531 14.9554 20.8807 15.2208 20.9472 15.5042C21.0002 15.7296 21.0002 15.9717 21.0002 16.456C21.0002 17.8951 21.0002 18.6147 20.7584 19.1799C20.4549 19.8894 19.8896 20.4547 19.1801 20.7582C18.6149 21 17.8953 21 16.4561 21H7.06944C6.42644 21 6.10494 21 5.96334 20.8755C5.84061 20.7676 5.77835 20.6066 5.79659 20.4442C5.81763 20.2568 6.05552 20.0406 6.53131 19.608Z",
+                fill: "currentColor"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx34(
+            "path",
+            {
+              d: "M16.5 2.5L21.5 7.5M21.5 2.5L16.5 7.5M12.5 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21H17C17.93 21 18.395 21 18.7765 20.8978C19.8117 20.6204 20.6204 19.8117 20.8978 18.7765C21 18.395 21 17.93 21 17M10.5 8.5C10.5 9.60457 9.60457 10.5 8.5 10.5C7.39543 10.5 6.5 9.60457 6.5 8.5C6.5 7.39543 7.39543 6.5 8.5 6.5C9.60457 6.5 10.5 7.39543 10.5 8.5ZM14.99 11.9181L6.53115 19.608C6.05536 20.0406 5.81747 20.2568 5.79643 20.4442C5.77819 20.6066 5.84045 20.7676 5.96319 20.8755C6.10478 21 6.42628 21 7.06929 21H16.456C17.8951 21 18.6147 21 19.1799 20.7582C19.8894 20.4547 20.4547 19.8894 20.7582 19.1799C21 18.6147 21 17.8951 21 16.456C21 15.9717 21 15.7296 20.9471 15.5042C20.8805 15.2208 20.753 14.9554 20.5733 14.7264C20.4303 14.5442 20.2412 14.3929 19.8631 14.0905L17.0658 11.8527C16.6874 11.5499 16.4982 11.3985 16.2898 11.3451C16.1061 11.298 15.9129 11.3041 15.7325 11.3627C15.5279 11.4291 15.3486 11.5921 14.99 11.9181Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/infoCircle.tsx
+import { forwardRef as forwardRef32 } from "react";
+import { jsx as jsx35, jsxs as jsxs20 } from "react/jsx-runtime";
+var InfoCircleIcon = forwardRef32(
+  function InfoCircleIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs20(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx35(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx35(
+            "path",
+            {
+              d: "M12 16V12M12 8H12.01M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/lightbulb.tsx
+import { forwardRef as forwardRef33 } from "react";
+import { jsx as jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
+var LightbulbIcon = forwardRef33(
+  function LightbulbIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs21(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx36(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M15 15.3264C17.3649 14.2029 19 11.7924 19 9C19 5.13401 15.866 2 12 2C8.13401 2 5 5.13401 5 9C5 11.7924 6.63505 14.2029 9 15.3264V16C9 16.9319 9 17.3978 9.15224 17.7654C9.35523 18.2554 9.74458 18.6448 10.2346 18.8478C10.6022 19 11.0681 19 12 19C12.9319 19 13.3978 19 13.7654 18.8478C14.2554 18.6448 14.6448 18.2554 14.8478 17.7654C15 17.3978 15 16.9319 15 16V15.3264Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx36(
+            "path",
+            {
+              d: "M9.5 22H14.5M10 10H14M12 10L12 16M15 15.3264C17.3649 14.2029 19 11.7924 19 9C19 5.13401 15.866 2 12 2C8.13401 2 5 5.13401 5 9C5 11.7924 6.63505 14.2029 9 15.3264V16C9 16.9319 9 17.3978 9.15224 17.7654C9.35523 18.2554 9.74458 18.6448 10.2346 18.8478C10.6022 19 11.0681 19 12 19C12.9319 19 13.3978 19 13.7654 18.8478C14.2554 18.6448 14.6448 18.2554 14.8478 17.7654C15 17.3978 15 16.9319 15 16V15.3264Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/lock.tsx
+import { forwardRef as forwardRef34 } from "react";
+import { jsx as jsx37, jsxs as jsxs22 } from "react/jsx-runtime";
+var LockIcon = forwardRef34(function LockIcon2(_a, ref) {
+  var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+  return /* @__PURE__ */ jsxs22(
+    "svg",
+    __spreadProps(__spreadValues({
+      ref,
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    }, other), {
+      children: [
+        duotone && /* @__PURE__ */ jsx37(
+          "path",
+          {
+            opacity: "0.12",
+            d: "M4 14.8C4 13.1198 4 12.2798 4.32698 11.638C4.6146 11.0735 5.07354 10.6146 5.63803 10.327C6.27976 10 7.11984 10 8.8 10H15.2C16.8802 10 17.7202 10 18.362 10.327C18.9265 10.6146 19.3854 11.0735 19.673 11.638C20 12.2798 20 13.1198 20 14.8V16.2C20 17.8802 20 18.7202 19.673 19.362C19.3854 19.9265 18.9265 20.3854 18.362 20.673C17.7202 21 16.8802 21 15.2 21H8.8C7.11984 21 6.27976 21 5.63803 20.673C5.07354 20.3854 4.6146 19.9265 4.32698 19.362C4 18.7202 4 17.8802 4 16.2V14.8Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx37(
+          "path",
+          {
+            d: "M17 10V8C17 5.23858 14.7614 3 12 3C9.23858 3 7 5.23858 7 8V10M12 14.5V16.5M8.8 21H15.2C16.8802 21 17.7202 21 18.362 20.673C18.9265 20.3854 19.3854 19.9265 19.673 19.362C20 18.7202 20 17.8802 20 16.2V14.8C20 13.1198 20 12.2798 19.673 11.638C19.3854 11.0735 18.9265 10.6146 18.362 10.327C17.7202 10 16.8802 10 15.2 10H8.8C7.11984 10 6.27976 10 5.63803 10.327C5.07354 10.6146 4.6146 11.0735 4.32698 11.638C4 12.2798 4 13.1198 4 14.8V16.2C4 17.8802 4 18.7202 4.32698 19.362C4.6146 19.9265 5.07354 20.3854 5.63803 20.673C6.27976 21 7.11984 21 8.8 21Z",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    })
+  );
+});
+
+// src/icons/logIn.tsx
+import { forwardRef as forwardRef35 } from "react";
+import { jsx as jsx38, jsxs as jsxs23 } from "react/jsx-runtime";
+var LogInIcon = forwardRef35(
+  function LogInIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs23(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx38(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M21 16.2V7.8C21 6.11984 21 5.27976 20.673 4.63803C20.3854 4.07354 19.9265 3.6146 19.362 3.32698C18.7202 3 17.8802 3 16.2 3H10C9.07003 3 8.60504 3 8.22354 3.10222C7.18827 3.37962 6.37962 4.18827 6.10222 5.22354C6 5.60504 6 6.07003 6 7V16.2C6 17.8802 6 18.7202 6.32698 19.362C6.6146 19.9265 7.07354 20.3854 7.63803 20.673C8.27976 21 9.11984 21 10.8 21H16.2C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx38(
+            "path",
+            {
+              d: "M6 17C6 17.93 6 18.395 6.10222 18.7765C6.37962 19.8117 7.18827 20.6204 8.22354 20.8978C8.60504 21 9.07003 21 10 21H16.2C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2V7.8C21 6.11984 21 5.27976 20.673 4.63803C20.3854 4.07354 19.9265 3.6146 19.362 3.32698C18.7202 3 17.8802 3 16.2 3H10C9.07003 3 8.60504 3 8.22354 3.10222C7.18827 3.37962 6.37962 4.18827 6.10222 5.22354C6 5.60504 6 6.07003 6 7M12 8L16 12M16 12L12 16M16 12H3",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/magicWand.tsx
+import { forwardRef as forwardRef36 } from "react";
+import { jsx as jsx39, jsxs as jsxs24 } from "react/jsx-runtime";
+var MagicWandIcon = forwardRef36(
+  function MagicWandIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs24(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx39(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M3.13134 20.1314C2.73533 19.7354 2.53732 19.5373 2.46313 19.309C2.39787 19.1082 2.39787 18.8918 2.46313 18.691C2.53732 18.4627 2.73532 18.2646 3.13134 17.8686L9.99997 11L13 14L6.13134 20.8686C5.73532 21.2646 5.53732 21.4627 5.30899 21.5368C5.10814 21.6021 4.8918 21.6021 4.69095 21.5368C4.46263 21.4627 4.26462 21.2646 3.8686 20.8686L3.13134 20.1314Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx39(
+            "path",
+            {
+              d: "M13 14L9.99997 11M15.0103 3.5V2M18.9497 5.06066L20.0103 4M18.9497 13L20.0103 14.0607M11.0103 5.06066L9.94966 4M20.5103 9H22.0103M6.13134 20.8686L15.3686 11.6314C15.7646 11.2354 15.9626 11.0373 16.0368 10.809C16.1021 10.6082 16.1021 10.3918 16.0368 10.191C15.9626 9.96265 15.7646 9.76465 15.3686 9.36863L14.6313 8.63137C14.2353 8.23535 14.0373 8.03735 13.809 7.96316C13.6081 7.8979 13.3918 7.8979 13.191 7.96316C12.9626 8.03735 12.7646 8.23535 12.3686 8.63137L3.13134 17.8686C2.73532 18.2646 2.53732 18.4627 2.46313 18.691C2.39787 18.8918 2.39787 19.1082 2.46313 19.309C2.53732 19.5373 2.73533 19.7354 3.13134 20.1314L3.8686 20.8686C4.26462 21.2646 4.46263 21.4627 4.69095 21.5368C4.8918 21.6021 5.10814 21.6021 5.30899 21.5368C5.53732 21.4627 5.73533 21.2646 6.13134 20.8686Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/mail.tsx
+import { forwardRef as forwardRef37 } from "react";
+import { jsx as jsx40, jsxs as jsxs25 } from "react/jsx-runtime";
+var MailIcon = forwardRef37(function MailIcon2(_a, ref) {
+  var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+  return /* @__PURE__ */ jsxs25(
+    "svg",
+    __spreadProps(__spreadValues({
+      ref,
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    }, other), {
+      children: [
+        duotone && /* @__PURE__ */ jsx40(
+          "path",
+          {
+            opacity: "0.12",
+            d: "M13.8351 12.7154C13.1739 13.1783 12.8433 13.4097 12.4837 13.4993C12.1661 13.5785 11.8339 13.5785 11.5163 13.4993C11.1567 13.4097 10.8261 13.1783 10.1649 12.7154L2 7C2 5.34315 3.34315 4 5 4H19C20.6569 4 22 5.34315 22 7L13.8351 12.7154Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx40(
+          "path",
+          {
+            d: "M2 7L10.1649 12.7154C10.8261 13.1783 11.1567 13.4097 11.5163 13.4993C11.8339 13.5785 12.1661 13.5785 12.4837 13.4993C12.8433 13.4097 13.1739 13.1783 13.8351 12.7154L22 7M6.8 20H17.2C18.8802 20 19.7202 20 20.362 19.673C20.9265 19.3854 21.3854 18.9265 21.673 18.362C22 17.7202 22 16.8802 22 15.2V8.8C22 7.11984 22 6.27976 21.673 5.63803C21.3854 5.07354 20.9265 4.6146 20.362 4.32698C19.7202 4 18.8802 4 17.2 4H6.8C5.11984 4 4.27976 4 3.63803 4.32698C3.07354 4.6146 2.6146 5.07354 2.32698 5.63803C2 6.27976 2 7.11984 2 8.8V15.2C2 16.8802 2 17.7202 2.32698 18.362C2.6146 18.9265 3.07354 19.3854 3.63803 19.673C4.27976 20 5.11984 20 6.8 20Z",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    })
+  );
+});
+
+// src/icons/menu.tsx
+import { forwardRef as forwardRef38 } from "react";
+import { jsx as jsx41 } from "react/jsx-runtime";
+var MenuIcon = forwardRef38(function MenuIcon2(_a, ref) {
+  var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+  return /* @__PURE__ */ jsx41(
+    "svg",
+    __spreadProps(__spreadValues({
+      ref,
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    }, other), {
+      children: /* @__PURE__ */ jsx41(
+        "path",
+        {
+          d: "M3 12H21M3 6H21M3 18H21",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    })
+  );
+});
+
+// src/icons/messageChatSquare.tsx
+import { forwardRef as forwardRef39 } from "react";
+import { jsx as jsx42, jsxs as jsxs26 } from "react/jsx-runtime";
+var MessageChatSquareIcon = forwardRef39(
+  function MessageChatSquareIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs26(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx42(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M22 14.2C22 13.0799 22 12.5198 21.782 12.092C21.5903 11.7157 21.2843 11.4097 20.908 11.218C20.4802 11 19.9201 11 18.8 11H13.2C12.0799 11 11.5198 11 11.092 11.218C10.7157 11.4097 10.4097 11.7157 10.218 12.092C10 12.5198 10 13.0799 10 14.2V16.7143C10 17.8344 10 18.3944 10.218 18.8223C10.4097 19.1986 10.7157 19.5046 11.092 19.6963C11.5198 19.9143 12.0799 19.9143 13.2 19.9143H14.9969C15.3695 19.9143 15.5558 19.9143 15.7356 19.9474C15.8951 19.9768 16.0504 20.0255 16.1982 20.0924C16.3647 20.1678 16.5177 20.2742 16.8236 20.4869L19 22V19.9143C19.9319 19.9143 20.3978 19.9143 20.7654 19.762C21.2554 19.5591 21.6448 19.1697 21.8478 18.6797C22 18.3121 22 17.8462 22 16.9143V14.2Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx42(
+            "path",
+            {
+              d: "M10 15L6.92474 18.1137C6.49579 18.548 6.28131 18.7652 6.09695 18.7805C5.93701 18.7938 5.78042 18.7295 5.67596 18.6076C5.55556 18.4672 5.55556 18.162 5.55556 17.5515V15.9916C5.55556 15.444 5.10707 15.0477 4.5652 14.9683V14.9683C3.25374 14.7762 2.22378 13.7463 2.03168 12.4348C2 12.2186 2 11.9605 2 11.4444V6.8C2 5.11984 2 4.27976 2.32698 3.63803C2.6146 3.07354 3.07354 2.6146 3.63803 2.32698C4.27976 2 5.11984 2 6.8 2H14.2C15.8802 2 16.7202 2 17.362 2.32698C17.9265 2.6146 18.3854 3.07354 18.673 3.63803C19 4.27976 19 5.11984 19 6.8V11M19 22L16.8236 20.4869C16.5177 20.2742 16.3647 20.1678 16.1982 20.0924C16.0504 20.0255 15.8951 19.9768 15.7356 19.9474C15.5558 19.9143 15.3695 19.9143 14.9969 19.9143H13.2C12.0799 19.9143 11.5198 19.9143 11.092 19.6963C10.7157 19.5046 10.4097 19.1986 10.218 18.8223C10 18.3944 10 17.8344 10 16.7143V14.2C10 13.0799 10 12.5198 10.218 12.092C10.4097 11.7157 10.7157 11.4097 11.092 11.218C11.5198 11 12.0799 11 13.2 11H18.8C19.9201 11 20.4802 11 20.908 11.218C21.2843 11.4097 21.5903 11.7157 21.782 12.092C22 12.5198 22 13.0799 22 14.2V16.9143C22 17.8462 22 18.3121 21.8478 18.6797C21.6448 19.1697 21.2554 19.5591 20.7654 19.762C20.3978 19.9143 19.9319 19.9143 19 19.9143V22Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/messagePlusSquare.tsx
+import { forwardRef as forwardRef40 } from "react";
+import { jsx as jsx43, jsxs as jsxs27 } from "react/jsx-runtime";
+var MessagePlusSquareIcon = forwardRef40(
+  function MessagePlusSquareIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs27(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx43(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M3 7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V13.2C21 14.8802 21 15.7202 20.673 16.362C20.3854 16.9265 19.9265 17.3854 19.362 17.673C18.7202 18 17.8802 18 16.2 18H13.6837C13.0597 18 12.7477 18 12.4492 18.0613C12.1844 18.1156 11.9282 18.2055 11.6875 18.3285C11.4162 18.4671 11.1725 18.662 10.6852 19.0518L8.29976 20.9602C7.88367 21.2931 7.67563 21.4595 7.50054 21.4597C7.34827 21.4599 7.20422 21.3906 7.10923 21.2716C7 21.1348 7 20.8684 7 20.3355V18C6.07003 18 5.60504 18 5.22354 17.8978C4.18827 17.6204 3.37962 16.8117 3.10222 15.7765C3 15.395 3 14.93 3 14V7.8Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx43(
+            "path",
+            {
+              d: "M12 13.5V7.5M9 10.5H15M7 18V20.3355C7 20.8684 7 21.1348 7.10923 21.2716C7.20422 21.3906 7.34827 21.4599 7.50054 21.4597C7.67563 21.4595 7.88367 21.2931 8.29976 20.9602L10.6852 19.0518C11.1725 18.662 11.4162 18.4671 11.6875 18.3285C11.9282 18.2055 12.1844 18.1156 12.4492 18.0613C12.7477 18 13.0597 18 13.6837 18H16.2C17.8802 18 18.7202 18 19.362 17.673C19.9265 17.3854 20.3854 16.9265 20.673 16.362C21 15.7202 21 14.8802 21 13.2V7.8C21 6.11984 21 5.27976 20.673 4.63803C20.3854 4.07354 19.9265 3.6146 19.362 3.32698C18.7202 3 17.8802 3 16.2 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V14C3 14.93 3 15.395 3.10222 15.7765C3.37962 16.8117 4.18827 17.6204 5.22354 17.8978C5.60504 18 6.07003 18 7 18Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/messageTextSquare.tsx
+import { forwardRef as forwardRef41 } from "react";
+import { jsx as jsx44, jsxs as jsxs28 } from "react/jsx-runtime";
+var MessageTextSquareIcon = forwardRef41(
+  function MessageTextSquareIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs28(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx44(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M3 7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V13.2C21 14.8802 21 15.7202 20.673 16.362C20.3854 16.9265 19.9265 17.3854 19.362 17.673C18.7202 18 17.8802 18 16.2 18H13.6837C13.0597 18 12.7477 18 12.4492 18.0613C12.1844 18.1156 11.9282 18.2055 11.6875 18.3285C11.4162 18.4671 11.1725 18.662 10.6852 19.0518L8.29976 20.9602C7.88367 21.2931 7.67563 21.4595 7.50054 21.4597C7.34827 21.4599 7.20422 21.3906 7.10923 21.2716C7 21.1348 7 20.8684 7 20.3355V18C6.07003 18 5.60504 18 5.22354 17.8978C4.18827 17.6204 3.37962 16.8117 3.10222 15.7765C3 15.395 3 14.93 3 14V7.8Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx44(
+            "path",
+            {
+              d: "M7 8.5H12M7 12H15M7 18V20.3355C7 20.8684 7 21.1348 7.10923 21.2716C7.20422 21.3906 7.34827 21.4599 7.50054 21.4597C7.67563 21.4595 7.88367 21.2931 8.29976 20.9602L10.6852 19.0518C11.1725 18.662 11.4162 18.4671 11.6875 18.3285C11.9282 18.2055 12.1844 18.1156 12.4492 18.0613C12.7477 18 13.0597 18 13.6837 18H16.2C17.8802 18 18.7202 18 19.362 17.673C19.9265 17.3854 20.3854 16.9265 20.673 16.362C21 15.7202 21 14.8802 21 13.2V7.8C21 6.11984 21 5.27976 20.673 4.63803C20.3854 4.07354 19.9265 3.6146 19.362 3.32698C18.7202 3 17.8802 3 16.2 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V14C3 14.93 3 15.395 3.10222 15.7765C3.37962 16.8117 4.18827 17.6204 5.22354 17.8978C5.60504 18 6.07003 18 7 18Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/microphone.tsx
+import { forwardRef as forwardRef42 } from "react";
+import { jsx as jsx45, jsxs as jsxs29 } from "react/jsx-runtime";
+var MicrophoneIcon = forwardRef42(
+  function MicrophoneIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs29(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx45(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M9 5C9 3.34315 10.3431 2 12 2C13.6569 2 15 3.34315 15 5V12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12V5Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx45(
+            "path",
+            {
+              d: "M19 10V12C19 15.866 15.866 19 12 19M5 10V12C5 15.866 8.13401 19 12 19M12 19V22M8 22H16M12 15C10.3431 15 9 13.6569 9 12V5C9 3.34315 10.3431 2 12 2C13.6569 2 15 3.34315 15 5V12C15 13.6569 13.6569 15 12 15Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/microphoneOff.tsx
+import { forwardRef as forwardRef43 } from "react";
+import { jsx as jsx46, jsxs as jsxs30 } from "react/jsx-runtime";
+var MicrophoneOffIcon = forwardRef43(
+  function MicrophoneOffIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs30(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx46(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M9 12C9 13.6569 10.3431 15 12 15C12.8291 15 13.5796 14.6637 14.1226 14.12L9 9V12Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx46(
+            "path",
+            {
+              d: "M15 9.4V5C15 3.34315 13.6569 2 12 2C10.8224 2 9.80325 2.67852 9.3122 3.66593M12 19V22M12 19C8.13401 19 5 15.866 5 12V10M12 19C15.866 19 19 15.866 19 12V10M8 22H16M2 2L22 22M12 15C10.3431 15 9 13.6569 9 12V9L14.1226 14.12C13.5796 14.6637 12.8291 15 12 15Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/monitor.tsx
+import { forwardRef as forwardRef44 } from "react";
+import { jsx as jsx47, jsxs as jsxs31 } from "react/jsx-runtime";
+var MonitorIcon = forwardRef44(
+  function MonitorIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs31(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx47(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M2 7.8C2 6.11984 2 5.27976 2.32698 4.63803C2.6146 4.07354 3.07354 3.6146 3.63803 3.32698C4.27976 3 5.11984 3 6.8 3H17.2C18.8802 3 19.7202 3 20.362 3.32698C20.9265 3.6146 21.3854 4.07354 21.673 4.63803C22 5.27976 22 6.11984 22 7.8V12.2C22 13.8802 22 14.7202 21.673 15.362C21.3854 15.9265 20.9265 16.3854 20.362 16.673C19.7202 17 18.8802 17 17.2 17H6.8C5.11984 17 4.27976 17 3.63803 16.673C3.07354 16.3854 2.6146 15.9265 2.32698 15.362C2 14.7202 2 13.8802 2 12.2V7.8Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx47(
+            "path",
+            {
+              d: "M7.57181 21C8.90661 20.3598 10.41 20 12 20C13.59 20 15.0934 20.3598 16.4282 21M6.8 17H17.2C18.8802 17 19.7202 17 20.362 16.673C20.9265 16.3854 21.3854 15.9265 21.673 15.362C22 14.7202 22 13.8802 22 12.2V7.8C22 6.11984 22 5.27976 21.673 4.63803C21.3854 4.07354 20.9265 3.6146 20.362 3.32698C19.7202 3 18.8802 3 17.2 3H6.8C5.11984 3 4.27976 3 3.63803 3.32698C3.07354 3.6146 2.6146 4.07354 2.32698 4.63803C2 5.27976 2 6.11984 2 7.8V12.2C2 13.8802 2 14.7202 2.32698 15.362C2.6146 15.9265 3.07354 16.3854 3.63803 16.673C4.27976 17 5.11984 17 6.8 17Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/notificationBox.tsx
+import { forwardRef as forwardRef45 } from "react";
+import { jsx as jsx48, jsxs as jsxs32 } from "react/jsx-runtime";
+var NotificationBoxIcon = forwardRef45(
+  function NotificationBoxIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs32(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx48(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M20.1213 3.87868C21.2929 5.05025 21.2929 6.94975 20.1213 8.12132C18.9497 9.29289 17.0503 9.29289 15.8787 8.12132C14.7071 6.94975 14.7071 5.05025 15.8787 3.87868C17.0503 2.70711 18.9497 2.70711 20.1213 3.87868",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx48(
+            "path",
+            {
+              d: "M11 4H7.8C6.11984 4 5.27976 4 4.63803 4.32698C4.07354 4.6146 3.6146 5.07354 3.32698 5.63803C3 6.27976 3 7.11984 3 8.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21H15.2C16.8802 21 17.7202 21 18.362 20.673C18.9265 20.3854 19.3854 19.9265 19.673 19.362C20 18.7202 20 17.8802 20 16.2V13M20.1213 3.87868C21.2929 5.05025 21.2929 6.94975 20.1213 8.12132C18.9497 9.29289 17.0503 9.29289 15.8787 8.12132C14.7071 6.94975 14.7071 5.05025 15.8787 3.87868C17.0503 2.70711 18.9497 2.70711 20.1213 3.87868Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/pauseCircle.tsx
+import { forwardRef as forwardRef46 } from "react";
+import { jsx as jsx49, jsxs as jsxs33 } from "react/jsx-runtime";
+var PauseCircleIcon = forwardRef46(
+  function PauseCircleIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs33(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx49(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx49(
+            "path",
+            {
+              d: "M9.5 15V9M14.5 15V9M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/phone.tsx
+import { forwardRef as forwardRef47 } from "react";
+import { jsx as jsx50, jsxs as jsxs34 } from "react/jsx-runtime";
+var PhoneIcon = forwardRef47(
+  function PhoneIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs34(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx50(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M5 5.2C5 4.0799 5 3.51984 5.21799 3.09202C5.40973 2.71569 5.71569 2.40973 6.09202 2.21799C6.51984 2 7.0799 2 8.2 2H15.8C16.9201 2 17.4802 2 17.908 2.21799C18.2843 2.40973 18.5903 2.71569 18.782 3.09202C19 3.51984 19 4.07989 19 5.2V18.8C19 19.9201 19 20.4802 18.782 20.908C18.5903 21.2843 18.2843 21.5903 17.908 21.782C17.4802 22 16.9201 22 15.8 22H8.2C7.0799 22 6.51984 22 6.09202 21.782C5.71569 21.5903 5.40973 21.2843 5.21799 20.908C5 20.4802 5 19.9201 5 18.8V5.2Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx50(
+            "path",
+            {
+              d: "M12 17.5H12.01M8.2 22H15.8C16.9201 22 17.4802 22 17.908 21.782C18.2843 21.5903 18.5903 21.2843 18.782 20.908C19 20.4802 19 19.9201 19 18.8V5.2C19 4.07989 19 3.51984 18.782 3.09202C18.5903 2.71569 18.2843 2.40973 17.908 2.21799C17.4802 2 16.9201 2 15.8 2H8.2C7.0799 2 6.51984 2 6.09202 2.21799C5.71569 2.40973 5.40973 2.71569 5.21799 3.09202C5 3.51984 5 4.0799 5 5.2V18.8C5 19.9201 5 20.4802 5.21799 20.908C5.40973 21.2843 5.71569 21.5903 6.09202 21.782C6.51984 22 7.07989 22 8.2 22ZM12.5 17.5C12.5 17.7761 12.2761 18 12 18C11.7239 18 11.5 17.7761 11.5 17.5C11.5 17.2239 11.7239 17 12 17C12.2761 17 12.5 17.2239 12.5 17.5Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/pieChart.tsx
+import { forwardRef as forwardRef48 } from "react";
+import { jsx as jsx51, jsxs as jsxs35 } from "react/jsx-runtime";
+var PieChartIcon = forwardRef48(
+  function PieChartIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs35(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx51(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M14 2.79999C14 2.52298 14 2.38448 14.0615 2.27223C14.1122 2.17963 14.2075 2.09344 14.3047 2.0522C14.4225 2.0022 14.5479 2.01478 14.7987 2.03993C16.6271 2.22333 18.346 3.03229 19.6569 4.34313C20.9677 5.65398 21.7767 7.37289 21.9601 9.20129C21.9852 9.45206 21.9978 9.57744 21.9478 9.69527C21.9066 9.79248 21.8204 9.88774 21.7278 9.93848C21.6155 9.99998 21.477 9.99999 21.2 9.99999L14.8 9.99999C14.52 9.99999 14.38 9.99999 14.273 9.94549C14.1789 9.89755 14.1024 9.82106 14.0545 9.72698C14 9.62003 14 9.48001 14 9.19999L14 2.79999Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx51(
+            "path",
+            {
+              d: "M17.2 14C17.477 14 17.6155 14 17.7278 14.0615C17.8204 14.1122 17.9065 14.2075 17.9478 14.3047C17.9978 14.4225 17.9852 14.5479 17.96 14.7987C17.8296 16.0987 17.3822 17.3514 16.6518 18.4445C15.7727 19.7601 14.5233 20.7855 13.0615 21.391C11.5997 21.9965 9.99113 22.155 8.43928 21.8463C6.88743 21.5376 5.46197 20.7757 4.34315 19.6568C3.22433 18.538 2.4624 17.1126 2.15372 15.5607C1.84504 14.0089 2.00347 12.4003 2.60897 10.9385C3.21447 9.47671 4.23985 8.22728 5.55544 7.34823C6.64856 6.61783 7.90125 6.17039 9.20131 6.03995C9.45207 6.01479 9.57745 6.00221 9.69528 6.0522C9.79249 6.09344 9.88776 6.17964 9.9385 6.27224C10 6.38449 10 6.52299 10 6.79999V13.2C10 13.48 10 13.62 10.0545 13.727C10.1024 13.8211 10.1789 13.8976 10.273 13.9455C10.38 14 10.52 14 10.8 14H17.2Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          ",",
+          /* @__PURE__ */ jsx51(
+            "path",
+            {
+              d: "M14 2.79999C14 2.52298 14 2.38448 14.0615 2.27223C14.1122 2.17963 14.2075 2.09344 14.3047 2.0522C14.4225 2.0022 14.5479 2.01478 14.7987 2.03993C16.6271 2.22333 18.346 3.03229 19.6569 4.34313C20.9677 5.65398 21.7767 7.37289 21.9601 9.20129C21.9852 9.45206 21.9978 9.57744 21.9478 9.69527C21.9066 9.79248 21.8204 9.88774 21.7278 9.93848C21.6155 9.99998 21.477 9.99999 21.2 9.99999L14.8 9.99999C14.52 9.99999 14.38 9.99999 14.273 9.94549C14.1789 9.89755 14.1024 9.82106 14.0545 9.72698C14 9.62003 14 9.48001 14 9.19999V2.79999Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/playCircle.tsx
+import { forwardRef as forwardRef49 } from "react";
+import { jsx as jsx52, jsxs as jsxs36 } from "react/jsx-runtime";
+var PlayCircleIcon = forwardRef49(
+  function PlayCircleIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs36(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx52(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M9.5 8.96536C9.5 8.48808 9.5 8.24943 9.59974 8.11621C9.68666 8.0001 9.81971 7.92746 9.96438 7.91713C10.1304 7.90527 10.3311 8.03432 10.7326 8.29242L15.4532 11.3271C15.8016 11.551 15.9758 11.663 16.0359 11.8054C16.0885 11.9298 16.0885 12.0702 16.0359 12.1946C15.9758 12.337 15.8016 12.449 15.4532 12.673L10.7326 15.7076C10.3311 15.9657 10.1304 16.0948 9.96438 16.0829C9.81971 16.0726 9.68666 16 9.59974 15.8839C9.5 15.7506 9.5 15.512 9.5 15.0347V8.96536Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx52(
+            "path",
+            {
+              d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          ",",
+          /* @__PURE__ */ jsx52(
+            "path",
+            {
+              d: "M9.5 8.96533C9.5 8.48805 9.5 8.24941 9.59974 8.11618C9.68666 8.00007 9.81971 7.92744 9.96438 7.9171C10.1304 7.90525 10.3311 8.03429 10.7326 8.29239L15.4532 11.3271C15.8016 11.551 15.9758 11.663 16.0359 11.8054C16.0885 11.9298 16.0885 12.0702 16.0359 12.1946C15.9758 12.337 15.8016 12.449 15.4532 12.6729L10.7326 15.7076C10.3311 15.9657 10.1304 16.0948 9.96438 16.0829C9.81971 16.0726 9.68666 15.9999 9.59974 15.8838C9.5 15.7506 9.5 15.512 9.5 15.0347V8.96533Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/plus.tsx
+import { forwardRef as forwardRef50 } from "react";
+import { jsx as jsx53 } from "react/jsx-runtime";
+var PlusIcon = forwardRef50(function PlusIcon2(_a, ref) {
+  var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+  return /* @__PURE__ */ jsx53(
+    "svg",
+    __spreadProps(__spreadValues({
+      ref,
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    }, other), {
+      children: /* @__PURE__ */ jsx53(
+        "path",
+        {
+          d: "M12 5V19M5 12H19",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    })
+  );
+});
+
+// src/icons/plusCircle.tsx
+import { forwardRef as forwardRef51 } from "react";
+import { jsx as jsx54, jsxs as jsxs37 } from "react/jsx-runtime";
+var PlusCircleIcon = forwardRef51(
+  function PlusCircleIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs37(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx54(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx54(
+            "path",
+            {
+              d: "M12 8V16M8 12H16M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/puzzlePiece.tsx
+import { forwardRef as forwardRef52 } from "react";
+import { jsx as jsx55, jsxs as jsxs38 } from "react/jsx-runtime";
+var PuzzlePieceIcon = forwardRef52(
+  function PuzzlePieceIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs38(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx55(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M7.5 4.5C7.5 3.11929 8.61929 2 10 2C11.3807 2 12.5 3.11929 12.5 4.5V6H13.5C14.8978 6 15.5967 6 16.1481 6.22836C16.8831 6.53284 17.4672 7.11687 17.7716 7.85195C18 8.40326 18 9.10218 18 10.5H19.5C20.8807 10.5 22 11.6193 22 13C22 14.3807 20.8807 15.5 19.5 15.5H18V17.2C18 18.8802 18 19.7202 17.673 20.362C17.3854 20.9265 16.9265 21.3854 16.362 21.673C15.7202 22 14.8802 22 13.2 22H12.5V20.25C12.5 19.0074 11.4926 18 10.25 18C9.00736 18 8 19.0074 8 20.25V22H6.8C5.11984 22 4.27976 22 3.63803 21.673C3.07354 21.3854 2.6146 20.9265 2.32698 20.362C2 19.7202 2 18.8802 2 17.2V15.5H3.5C4.88071 15.5 6 14.3807 6 13C6 11.6193 4.88071 10.5 3.5 10.5H2C2 9.10218 2 8.40326 2.22836 7.85195C2.53284 7.11687 3.11687 6.53284 3.85195 6.22836C4.40326 6 5.10218 6 6.5 6H7.5V4.5Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx55(
+            "path",
+            {
+              d: "M7.5 4.5C7.5 3.11929 8.61929 2 10 2C11.3807 2 12.5 3.11929 12.5 4.5V6H13.5C14.8978 6 15.5967 6 16.1481 6.22836C16.8831 6.53284 17.4672 7.11687 17.7716 7.85195C18 8.40326 18 9.10218 18 10.5H19.5C20.8807 10.5 22 11.6193 22 13C22 14.3807 20.8807 15.5 19.5 15.5H18V17.2C18 18.8802 18 19.7202 17.673 20.362C17.3854 20.9265 16.9265 21.3854 16.362 21.673C15.7202 22 14.8802 22 13.2 22H12.5V20.25C12.5 19.0074 11.4926 18 10.25 18C9.00736 18 8 19.0074 8 20.25V22H6.8C5.11984 22 4.27976 22 3.63803 21.673C3.07354 21.3854 2.6146 20.9265 2.32698 20.362C2 19.7202 2 18.8802 2 17.2V15.5H3.5C4.88071 15.5 6 14.3807 6 13C6 11.6193 4.88071 10.5 3.5 10.5H2C2 9.10218 2 8.40326 2.22836 7.85195C2.53284 7.11687 3.11687 6.53284 3.85195 6.22836C4.40326 6 5.10218 6 6.5 6H7.5V4.5Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/qrCode.tsx
+import { forwardRef as forwardRef53 } from "react";
+import { jsx as jsx56, jsxs as jsxs39 } from "react/jsx-runtime";
+var QrCodeIcon = forwardRef53(
+  function QrCodeIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs39(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx56(
+            "path",
+            {
+              opacity: "0.4",
+              d: "M3.01 12H3M8.01 17H8M12.01 21H12M21.01 12H21M15.5 12H17.5M3 17H4.5M3 21H8M12 2V8",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ jsx56(
+            "path",
+            {
+              d: "M7 12H12V17M17.6 21H19.4C19.9601 21 20.2401 21 20.454 20.891C20.6422 20.7951 20.7951 20.6422 20.891 20.454C21 20.2401 21 19.9601 21 19.4V17.6C21 17.0399 21 16.7599 20.891 16.546C20.7951 16.3578 20.6422 16.2049 20.454 16.109C20.2401 16 19.9601 16 19.4 16H17.6C17.0399 16 16.7599 16 16.546 16.109C16.3578 16.2049 16.2049 16.3578 16.109 16.546C16 16.7599 16 17.0399 16 17.6V19.4C16 19.9601 16 20.2401 16.109 20.454C16.2049 20.6422 16.3578 20.7951 16.546 20.891C16.7599 21 17.0399 21 17.6 21ZM17.6 8H19.4C19.9601 8 20.2401 8 20.454 7.89101C20.6422 7.79513 20.7951 7.64215 20.891 7.45399C21 7.24008 21 6.96005 21 6.4V4.6C21 4.03995 21 3.75992 20.891 3.54601C20.7951 3.35785 20.6422 3.20487 20.454 3.10899C20.2401 3 19.9601 3 19.4 3H17.6C17.0399 3 16.7599 3 16.546 3.10899C16.3578 3.20487 16.2049 3.35785 16.109 3.54601C16 3.75992 16 4.03995 16 4.6V6.4C16 6.96005 16 7.24008 16.109 7.45399C16.2049 7.64215 16.3578 7.79513 16.546 7.89101C16.7599 8 17.0399 8 17.6 8ZM4.6 8H6.4C6.96005 8 7.24008 8 7.45399 7.89101C7.64215 7.79513 7.79513 7.64215 7.89101 7.45399C8 7.24008 8 6.96005 8 6.4V4.6C8 4.03995 8 3.75992 7.89101 3.54601C7.79513 3.35785 7.64215 3.20487 7.45399 3.10899C7.24008 3 6.96005 3 6.4 3H4.6C4.03995 3 3.75992 3 3.54601 3.10899C3.35785 3.20487 3.20487 3.35785 3.10899 3.54601C3 3.75992 3 4.03995 3 4.6V6.4C3 6.96005 3 7.24008 3.10899 7.45399C3.20487 7.64215 3.35785 7.79513 3.54601 7.89101C3.75992 8 4.03995 8 4.6 8Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/receiptCheck.tsx
+import { forwardRef as forwardRef54 } from "react";
+import { jsx as jsx57, jsxs as jsxs40 } from "react/jsx-runtime";
+var ReceiptCheckIcon = forwardRef54(
+  function ReceiptCheckIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs40(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx57(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M4 7.8C4 6.11984 4 5.27976 4.32698 4.63803C4.6146 4.07354 5.07354 3.6146 5.63803 3.32698C6.27976 3 7.11984 3 8.8 3H15.2C16.8802 3 17.7202 3 18.362 3.32698C18.9265 3.6146 19.3854 4.07354 19.673 4.63803C20 5.27976 20 6.11984 20 7.8V21L17.25 19L14.75 21L12 19L9.25 21L6.75 19L4 21V7.8Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx57(
+            "path",
+            {
+              d: "M9 10.5L11 12.5L15.5 8M20 21V7.8C20 6.11984 20 5.27976 19.673 4.63803C19.3854 4.07354 18.9265 3.6146 18.362 3.32698C17.7202 3 16.8802 3 15.2 3H8.8C7.11984 3 6.27976 3 5.63803 3.32698C5.07354 3.6146 4.6146 4.07354 4.32698 4.63803C4 5.27976 4 6.11984 4 7.8V21L6.75 19L9.25 21L12 19L14.75 21L17.25 19L20 21Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/recording.tsx
+import { forwardRef as forwardRef55 } from "react";
+import { jsx as jsx58, jsxs as jsxs41 } from "react/jsx-runtime";
+var RecordingIcon = forwardRef55(
+  function RecordingIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs41(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx58(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx58(
+            "path",
+            {
+              d: "M6 11V13M10 9V15M14 7V17M18 11V13M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/refreshCcw.tsx
+import { forwardRef as forwardRef56 } from "react";
+import { jsx as jsx59 } from "react/jsx-runtime";
+var RefreshCcwIcon = forwardRef56(
+  function RefreshCcwIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsx59(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: /* @__PURE__ */ jsx59(
+          "path",
+          {
+            d: "M2 10C2 10 4.00498 7.26822 5.63384 5.63824C7.26269 4.00827 9.5136 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.89691 21 4.43511 18.2543 3.35177 14.5M2 10V4M2 10H8",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      })
+    );
+  }
+);
+
+// src/icons/refreshCw.tsx
+import { forwardRef as forwardRef57 } from "react";
+import { jsx as jsx60 } from "react/jsx-runtime";
+var RefreshCwIcon = forwardRef57(
+  function RefreshCwIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsx60(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: /* @__PURE__ */ jsx60(
+          "path",
+          {
+            d: "M14 22C14 22 14.8492 21.8787 18.364 18.364C21.8787 14.8492 21.8787 9.15076 18.364 5.63604C17.1187 4.39077 15.5993 3.58669 14 3.22383M14 22H20M14 22L14 16M10 2.00019C10 2.00019 9.15076 2.12152 5.63604 5.63624C2.12132 9.15095 2.12132 14.8494 5.63604 18.3642C6.88131 19.6094 8.40072 20.4135 10 20.7764M10 2.00019L4 2M10 2.00019L10 8",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      })
+    );
+  }
+);
+
+// src/icons/rocket.tsx
+import { forwardRef as forwardRef58 } from "react";
+import { jsx as jsx61, jsxs as jsxs42 } from "react/jsx-runtime";
+var RocketIcon = forwardRef58(
+  function RocketIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs42(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx61(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M12 15L9 12C9.53214 10.6194 10.2022 9.29607 11 8.05C12.1652 6.18699 13.7876 4.65305 15.713 3.5941C17.6384 2.53514 19.8027 1.98637 22 2C22 4.72 21.22 9.5 16 13C14.7369 13.7987 13.3968 14.4687 12 15Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx61(
+            "path",
+            {
+              d: "M12 15L9 12M12 15C13.3968 14.4687 14.7369 13.7987 16 13M12 15V20C12 20 15.03 19.45 16 18C17.08 16.38 16 13 16 13M9 12C9.53214 10.6194 10.2022 9.29607 11 8.05C12.1652 6.18699 13.7876 4.65305 15.713 3.5941C17.6384 2.53514 19.8027 1.98637 22 2C22 4.72 21.22 9.5 16 13M9 12H4C4 12 4.55 8.97 6 8C7.62 6.92 11 8 11 8M4.5 16.5C3 17.76 2.5 21.5 2.5 21.5C2.5 21.5 6.24 21 7.5 19.5C8.21 18.66 8.2 17.37 7.41 16.59C7.02131 16.219 6.50929 16.0046 5.97223 15.988C5.43516 15.9714 4.91088 16.1537 4.5 16.5Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/save.tsx
+import { forwardRef as forwardRef59 } from "react";
+import { jsx as jsx62, jsxs as jsxs43 } from "react/jsx-runtime";
+var SaveIcon = forwardRef59(function SaveIcon2(_a, ref) {
+  var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+  return /* @__PURE__ */ jsxs43(
+    "svg",
+    __spreadProps(__spreadValues({
+      ref,
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    }, other), {
+      children: [
+        duotone && /* @__PURE__ */ jsxs43("g", { opacity: "0.12", children: [
+          /* @__PURE__ */ jsx62(
+            "path",
+            {
+              d: "M7 3H15.2929C15.7456 3 16.1799 3.17986 16.5 3.5C16.8201 3.82014 17 4.25435 17 4.70711V6.4C17 6.96005 17 7.24008 16.891 7.45399C16.7951 7.64215 16.6422 7.79513 16.454 7.89101C16.2401 8 15.9601 8 15.4 8H8.6C8.03995 8 7.75992 8 7.54601 7.89101C7.35785 7.79513 7.20487 7.64215 7.10899 7.45399C7 7.24008 7 6.96005 7 6.4V3Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx62(
+            "path",
+            {
+              d: "M7 14.6C7 14.0399 7 13.7599 7.10899 13.546C7.20487 13.3578 7.35785 13.2049 7.54601 13.109C7.75992 13 8.03995 13 8.6 13H15.4C15.9601 13 16.2401 13 16.454 13.109C16.6422 13.2049 16.7951 13.3578 16.891 13.546C17 13.7599 17 14.0399 17 14.6V21H7V14.6Z",
+              fill: "currentColor"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx62(
+          "path",
+          {
+            d: "M7 3V6.4C7 6.96005 7 7.24008 7.10899 7.45399C7.20487 7.64215 7.35785 7.79513 7.54601 7.89101C7.75992 8 8.03995 8 8.6 8H15.4C15.9601 8 16.2401 8 16.454 7.89101C16.6422 7.79513 16.7951 7.64215 16.891 7.45399C17 7.24008 17 6.96005 17 6.4V4M17 21V14.6C17 14.0399 17 13.7599 16.891 13.546C16.7951 13.3578 16.6422 13.2049 16.454 13.109C16.2401 13 15.9601 13 15.4 13H8.6C8.03995 13 7.75992 13 7.54601 13.109C7.35785 13.2049 7.20487 13.3578 7.10899 13.546C7 13.7599 7 14.0399 7 14.6V21M21 9.32548V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7202 21 17.8802 21 16.2 21H7.8C6.11984 21 5.27976 21 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3 18.7202 3 17.8802 3 16.2V7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H14.6745C15.1637 3 15.4083 3 15.6385 3.05526C15.8425 3.10425 16.0376 3.18506 16.2166 3.29472C16.4184 3.4184 16.5914 3.59135 16.9373 3.93726L20.0627 7.06274C20.4086 7.40865 20.5816 7.5816 20.7053 7.78343C20.8149 7.96237 20.8957 8.15746 20.9447 8.36154C21 8.59171 21 8.8363 21 9.32548Z",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    })
+  );
+});
+
+// src/icons/search.tsx
+import { forwardRef as forwardRef60 } from "react";
+import { jsx as jsx63, jsxs as jsxs44 } from "react/jsx-runtime";
+var SearchMdIcon = forwardRef60(
+  function SearchMdIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs44(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx63(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx63(
+            "path",
+            {
+              d: "M21 21L16.65 16.65M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/send.tsx
+import { forwardRef as forwardRef61 } from "react";
+import { jsx as jsx64, jsxs as jsxs45 } from "react/jsx-runtime";
+var SendIcon = forwardRef61(function SendIcon2(_a, ref) {
+  var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+  return /* @__PURE__ */ jsxs45(
+    "svg",
+    __spreadProps(__spreadValues({
+      ref,
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    }, other), {
+      children: [
+        duotone && /* @__PURE__ */ jsx64(
+          "path",
+          {
+            opacity: "0.12",
+            d: "M2.57395 4.72924C2.39247 4.18249 2.30174 3.90911 2.36778 3.74072C2.42514 3.59448 2.54789 3.48369 2.69923 3.44158C2.87349 3.39309 3.13616 3.51129 3.66151 3.7477L20.3788 11.2704C20.8931 11.5019 21.1503 11.6176 21.2298 11.7784C21.2988 11.918 21.2988 12.0819 21.2298 12.2216C21.1503 12.3823 20.8931 12.4981 20.3788 12.7295L3.66733 20.2497C3.1404 20.4868 2.87693 20.6054 2.7025 20.5567C2.55102 20.5144 2.42825 20.4033 2.37109 20.2568C2.30527 20.0881 2.39699 19.8141 2.58042 19.2662L4.91534 12.2915C4.94675 12.1976 4.96246 12.1507 4.96873 12.1027C4.9743 12.0601 4.97436 12.017 4.9689 11.9744C4.96275 11.9264 4.94716 11.8794 4.91599 11.7855L2.57395 4.72924Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx64(
+          "path",
+          {
+            d: "M10.5 12H5M4.91534 12.2915L2.58042 19.2662C2.39699 19.8141 2.30527 20.0881 2.37109 20.2568C2.42825 20.4033 2.55102 20.5144 2.7025 20.5567C2.87693 20.6054 3.1404 20.4868 3.66733 20.2497L20.3788 12.7295C20.8931 12.4981 21.1503 12.3823 21.2298 12.2216C21.2988 12.0819 21.2988 11.918 21.2298 11.7784C21.1503 11.6176 20.8931 11.5019 20.3788 11.2704L3.66151 3.7477C3.13616 3.51129 2.87349 3.39309 2.69923 3.44158C2.54789 3.48369 2.42514 3.59448 2.36778 3.74072C2.30174 3.90911 2.39247 4.18249 2.57395 4.72924L4.91599 11.7855C4.94716 11.8794 4.96275 11.9264 4.9689 11.9744C4.97436 12.017 4.9743 12.0601 4.96873 12.1027C4.96246 12.1507 4.94675 12.1976 4.91534 12.2915Z",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    })
+  );
+});
+
+// src/icons/settings.tsx
+import { forwardRef as forwardRef62 } from "react";
+import { jsx as jsx65, jsxs as jsxs46 } from "react/jsx-runtime";
+var SettingsIcon = forwardRef62(
+  function SettingsIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs46(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx65(
+            "path",
+            {
+              opacity: "0.12",
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              d: "M18.6236 15.6005C18.5702 15.3056 18.6063 15.0015 18.7273 14.7273C18.8425 14.4584 19.0339 14.2291 19.2778 14.0676C19.5217 13.906 19.8075 13.8193 20.1 13.8182H20.1818C20.664 13.8182 21.1265 13.6266 21.4675 13.2856C21.8084 12.9447 22 12.4822 22 12C22 11.5178 21.8084 11.0553 21.4675 10.7144C21.1265 10.3734 20.664 10.1818 20.1818 10.1818H20.0273C19.7347 10.1807 19.4489 10.094 19.205 9.93245C18.9611 9.77093 18.7698 9.54161 18.6545 9.27273V9.2C18.5335 8.9258 18.4974 8.62164 18.5509 8.32674C18.6044 8.03183 18.745 7.75971 18.9545 7.54545L19.0091 7.49091C19.1781 7.32205 19.3122 7.12152 19.4037 6.9008C19.4952 6.68008 19.5423 6.44348 19.5423 6.20455C19.5423 5.96561 19.4952 5.72901 19.4037 5.50829C19.3122 5.28757 19.1781 5.08704 19.0091 4.91818C18.8402 4.74913 18.6397 4.61503 18.419 4.52353C18.1983 4.43203 17.9617 4.38493 17.7227 4.38493C17.4838 4.38493 17.2472 4.43203 17.0265 4.52353C16.8057 4.61503 16.6052 4.74913 16.4364 4.91818L16.3818 4.97273C16.1676 5.18231 15.8954 5.3229 15.6005 5.37637C15.3056 5.42984 15.0015 5.39374 14.7273 5.27273C14.4584 5.15749 14.2291 4.96614 14.0676 4.72224C13.906 4.47834 13.8193 4.19253 13.8182 3.9V3.81818C13.8182 3.33597 13.6266 2.87351 13.2856 2.53253C12.9447 2.19156 12.4822 2 12 2C11.5178 2 11.0553 2.19156 10.7144 2.53253C10.3734 2.87351 10.1818 3.33597 10.1818 3.81818V3.97273C10.1807 4.26526 10.094 4.55107 9.93245 4.79497C9.77093 5.03887 9.54161 5.23022 9.27273 5.34545H9.2C8.9258 5.46647 8.62164 5.50257 8.32674 5.4491C8.03183 5.39562 7.75971 5.25503 7.54545 5.04545L7.49091 4.99091C7.32205 4.82186 7.12152 4.68775 6.9008 4.59626C6.68008 4.50476 6.44348 4.45766 6.20455 4.45766C5.96561 4.45766 5.72901 4.50476 5.50829 4.59626C5.28757 4.68775 5.08704 4.82186 4.91818 4.99091C4.74913 5.15977 4.61503 5.36029 4.52353 5.58102C4.43203 5.80174 4.38493 6.03834 4.38493 6.27727C4.38493 6.51621 4.43203 6.7528 4.52353 6.97353C4.61503 7.19425 4.74913 7.39478 4.91818 7.56364L4.97273 7.61818C5.18231 7.83244 5.3229 8.10456 5.37637 8.39947C5.42984 8.69437 5.39374 8.99853 5.27273 9.27273C5.16883 9.55521 4.98236 9.79991 4.73754 9.97501C4.49273 10.1501 4.2009 10.2475 3.9 10.2545H3.81818C3.33597 10.2545 2.87351 10.4461 2.53253 10.7871C2.19156 11.1281 2 11.5905 2 12.0727C2 12.5549 2.19156 13.0174 2.53253 13.3584C2.87351 13.6994 3.33597 13.8909 3.81818 13.8909H3.97273C4.26526 13.8921 4.55107 13.9788 4.79497 14.1403C5.03887 14.3018 5.23022 14.5311 5.34545 14.8C5.46647 15.0742 5.50257 15.3784 5.4491 15.6733C5.39562 15.9682 5.25503 16.2403 5.04545 16.4545L4.99091 16.5091C4.82186 16.678 4.68775 16.8785 4.59626 17.0992C4.50476 17.3199 4.45766 17.5565 4.45766 17.7955C4.45766 18.0344 4.50476 18.271 4.59626 18.4917C4.68775 18.7124 4.82186 18.913 4.99091 19.0818C5.15977 19.2509 5.36029 19.385 5.58102 19.4765C5.80174 19.568 6.03834 19.6151 6.27727 19.6151C6.51621 19.6151 6.7528 19.568 6.97353 19.4765C7.19425 19.385 7.39478 19.2509 7.56364 19.0818L7.61818 19.0273C7.83244 18.8177 8.10456 18.6771 8.39947 18.6236C8.69437 18.5702 8.99853 18.6063 9.27273 18.7273C9.55521 18.8312 9.79991 19.0176 9.97501 19.2625C10.1501 19.5073 10.2475 19.7991 10.2545 20.1V20.1818C10.2545 20.664 10.4461 21.1265 10.7871 21.4675C11.1281 21.8084 11.5905 22 12.0727 22C12.5549 22 13.0174 21.8084 13.3584 21.4675C13.6994 21.1265 13.8909 20.664 13.8909 20.1818V20.0273C13.8921 19.7347 13.9788 19.4489 14.1403 19.205C14.3018 18.9611 14.5311 18.7698 14.8 18.6545C15.0742 18.5335 15.3784 18.4974 15.6733 18.5509C15.9682 18.6044 16.2403 18.745 16.4545 18.9545L16.5091 19.0091C16.678 19.1781 16.8785 19.3122 17.0992 19.4037C17.3199 19.4952 17.5565 19.5423 17.7955 19.5423C18.0344 19.5423 18.271 19.4952 18.4917 19.4037C18.7124 19.3122 18.913 19.1781 19.0818 19.0091C19.2509 18.8402 19.385 18.6397 19.4765 18.419C19.568 18.1983 19.6151 17.9617 19.6151 17.7227C19.6151 17.4838 19.568 17.2472 19.4765 17.0265C19.385 16.8057 19.2509 16.6052 19.0818 16.4364L19.0273 16.3818C18.8177 16.1676 18.6771 15.8954 18.6236 15.6005ZM15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx65(
+            "path",
+            {
+              d: "M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          ",",
+          /* @__PURE__ */ jsx65(
+            "path",
+            {
+              d: "M18.7273 14.7273C18.6063 15.0015 18.5702 15.3056 18.6236 15.6005C18.6771 15.8954 18.8177 16.1676 19.0273 16.3818L19.0818 16.4364C19.2509 16.6052 19.385 16.8057 19.4765 17.0265C19.568 17.2472 19.6151 17.4838 19.6151 17.7227C19.6151 17.9617 19.568 18.1983 19.4765 18.419C19.385 18.6397 19.2509 18.8402 19.0818 19.0091C18.913 19.1781 18.7124 19.3122 18.4917 19.4037C18.271 19.4952 18.0344 19.5423 17.7955 19.5423C17.5565 19.5423 17.3199 19.4952 17.0992 19.4037C16.8785 19.3122 16.678 19.1781 16.5091 19.0091L16.4545 18.9545C16.2403 18.745 15.9682 18.6044 15.6733 18.5509C15.3784 18.4974 15.0742 18.5335 14.8 18.6545C14.5311 18.7698 14.3018 18.9611 14.1403 19.205C13.9788 19.4489 13.8921 19.7347 13.8909 20.0273V20.1818C13.8909 20.664 13.6994 21.1265 13.3584 21.4675C13.0174 21.8084 12.5549 22 12.0727 22C11.5905 22 11.1281 21.8084 10.7871 21.4675C10.4461 21.1265 10.2545 20.664 10.2545 20.1818V20.1C10.2475 19.7991 10.1501 19.5073 9.97501 19.2625C9.79991 19.0176 9.55521 18.8312 9.27273 18.7273C8.99853 18.6063 8.69437 18.5702 8.39947 18.6236C8.10456 18.6771 7.83244 18.8177 7.61818 19.0273L7.56364 19.0818C7.39478 19.2509 7.19425 19.385 6.97353 19.4765C6.7528 19.568 6.51621 19.6151 6.27727 19.6151C6.03834 19.6151 5.80174 19.568 5.58102 19.4765C5.36029 19.385 5.15977 19.2509 4.99091 19.0818C4.82186 18.913 4.68775 18.7124 4.59626 18.4917C4.50476 18.271 4.45766 18.0344 4.45766 17.7955C4.45766 17.5565 4.50476 17.3199 4.59626 17.0992C4.68775 16.8785 4.82186 16.678 4.99091 16.5091L5.04545 16.4545C5.25503 16.2403 5.39562 15.9682 5.4491 15.6733C5.50257 15.3784 5.46647 15.0742 5.34545 14.8C5.23022 14.5311 5.03887 14.3018 4.79497 14.1403C4.55107 13.9788 4.26526 13.8921 3.97273 13.8909H3.81818C3.33597 13.8909 2.87351 13.6994 2.53253 13.3584C2.19156 13.0174 2 12.5549 2 12.0727C2 11.5905 2.19156 11.1281 2.53253 10.7871C2.87351 10.4461 3.33597 10.2545 3.81818 10.2545H3.9C4.2009 10.2475 4.49273 10.1501 4.73754 9.97501C4.98236 9.79991 5.16883 9.55521 5.27273 9.27273C5.39374 8.99853 5.42984 8.69437 5.37637 8.39947C5.3229 8.10456 5.18231 7.83244 4.97273 7.61818L4.91818 7.56364C4.74913 7.39478 4.61503 7.19425 4.52353 6.97353C4.43203 6.7528 4.38493 6.51621 4.38493 6.27727C4.38493 6.03834 4.43203 5.80174 4.52353 5.58102C4.61503 5.36029 4.74913 5.15977 4.91818 4.99091C5.08704 4.82186 5.28757 4.68775 5.50829 4.59626C5.72901 4.50476 5.96561 4.45766 6.20455 4.45766C6.44348 4.45766 6.68008 4.50476 6.9008 4.59626C7.12152 4.68775 7.32205 4.82186 7.49091 4.99091L7.54545 5.04545C7.75971 5.25503 8.03183 5.39562 8.32674 5.4491C8.62164 5.50257 8.9258 5.46647 9.2 5.34545H9.27273C9.54161 5.23022 9.77093 5.03887 9.93245 4.79497C10.094 4.55107 10.1807 4.26526 10.1818 3.97273V3.81818C10.1818 3.33597 10.3734 2.87351 10.7144 2.53253C11.0553 2.19156 11.5178 2 12 2C12.4822 2 12.9447 2.19156 13.2856 2.53253C13.6266 2.87351 13.8182 3.33597 13.8182 3.81818V3.9C13.8193 4.19253 13.906 4.47834 14.0676 4.72224C14.2291 4.96614 14.4584 5.15749 14.7273 5.27273C15.0015 5.39374 15.3056 5.42984 15.6005 5.37637C15.8954 5.3229 16.1676 5.18231 16.3818 4.97273L16.4364 4.91818C16.6052 4.74913 16.8057 4.61503 17.0265 4.52353C17.2472 4.43203 17.4838 4.38493 17.7227 4.38493C17.9617 4.38493 18.1983 4.43203 18.419 4.52353C18.6397 4.61503 18.8402 4.74913 19.0091 4.91818C19.1781 5.08704 19.3122 5.28757 19.4037 5.50829C19.4952 5.72901 19.5423 5.96561 19.5423 6.20455C19.5423 6.44348 19.4952 6.68008 19.4037 6.9008C19.3122 7.12152 19.1781 7.32205 19.0091 7.49091L18.9545 7.54545C18.745 7.75971 18.6044 8.03183 18.5509 8.32674C18.4974 8.62164 18.5335 8.9258 18.6545 9.2V9.27273C18.7698 9.54161 18.9611 9.77093 19.205 9.93245C19.4489 10.094 19.7347 10.1807 20.0273 10.1818H20.1818C20.664 10.1818 21.1265 10.3734 21.4675 10.7144C21.8084 11.0553 22 11.5178 22 12C22 12.4822 21.8084 12.9447 21.4675 13.2856C21.1265 13.6266 20.664 13.8182 20.1818 13.8182H20.1C19.8075 13.8193 19.5217 13.906 19.2778 14.0676C19.0339 14.2291 18.8425 14.4584 18.7273 14.7273Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/share.tsx
+import { forwardRef as forwardRef63 } from "react";
+import { jsx as jsx66, jsxs as jsxs47 } from "react/jsx-runtime";
+var ShareIcon = forwardRef63(
+  function ShareIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs47(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsxs47("g", { opacity: "0.12", children: [
+            /* @__PURE__ */ jsx66(
+              "path",
+              {
+                d: "M18 8C19.6569 8 21 6.65685 21 5C21 3.34315 19.6569 2 18 2C16.3431 2 15 3.34315 15 5C15 6.65685 16.3431 8 18 8Z",
+                fill: "currentColor"
+              }
+            ),
+            /* @__PURE__ */ jsx66(
+              "path",
+              {
+                d: "M6 15C7.65685 15 9 13.6569 9 12C9 10.3431 7.65685 9 6 9C4.34315 9 3 10.3431 3 12C3 13.6569 4.34315 15 6 15Z",
+                fill: "currentColor"
+              }
+            ),
+            /* @__PURE__ */ jsx66(
+              "path",
+              {
+                d: "M18 22C19.6569 22 21 20.6569 21 19C21 17.3431 19.6569 16 18 16C16.3431 16 15 17.3431 15 19C15 20.6569 16.3431 22 18 22Z",
+                fill: "currentColor"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx66(
+            "path",
+            {
+              d: "M8.59 13.51L15.42 17.49M15.41 6.51L8.59 10.49M21 5C21 6.65685 19.6569 8 18 8C16.3431 8 15 6.65685 15 5C15 3.34315 16.3431 2 18 2C19.6569 2 21 3.34315 21 5ZM9 12C9 13.6569 7.65685 15 6 15C4.34315 15 3 13.6569 3 12C3 10.3431 4.34315 9 6 9C7.65685 9 9 10.3431 9 12ZM21 19C21 20.6569 19.6569 22 18 22C16.3431 22 15 20.6569 15 19C15 17.3431 16.3431 16 18 16C19.6569 16 21 17.3431 21 19Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/skipBack.tsx
+import { forwardRef as forwardRef64 } from "react";
+import { jsx as jsx67, jsxs as jsxs48 } from "react/jsx-runtime";
+var SkipBackIcon = forwardRef64(
+  function SkipBackIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs48(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx67(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M19 16.671C19 17.7367 19 18.2696 18.7816 18.5432C18.5916 18.7812 18.3035 18.9197 17.999 18.9194C17.6488 18.919 17.2327 18.5861 16.4005 17.9204L10.5618 13.2494C10.0279 12.8223 9.76102 12.6088 9.66438 12.3508C9.57965 12.1246 9.57965 11.8754 9.66438 11.6492C9.76102 11.3912 10.0279 11.1777 10.5618 10.7506L16.4005 6.07961C17.2327 5.41388 17.6488 5.08101 17.999 5.08063C18.3035 5.0803 18.5916 5.21876 18.7816 5.45678C19 5.73045 19 6.2633 19 7.329V16.671Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx67(
+            "path",
+            {
+              d: "M5 19V5M16.4005 6.07961L10.5617 10.7506C10.0279 11.1777 9.76097 11.3912 9.66433 11.6492C9.5796 11.8754 9.5796 12.1246 9.66433 12.3508C9.76097 12.6088 10.0279 12.8223 10.5617 13.2494L16.4005 17.9204C17.2327 18.5861 17.6487 18.919 17.9989 18.9194C18.3035 18.9197 18.5916 18.7812 18.7815 18.5432C19 18.2695 19 17.7367 19 16.671V7.329C19 6.2633 19 5.73045 18.7815 5.45677C18.5916 5.21876 18.3035 5.0803 17.9989 5.08063C17.6487 5.081 17.2327 5.41387 16.4005 6.07961Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/skipForward.tsx
+import { forwardRef as forwardRef65 } from "react";
+import { jsx as jsx68, jsxs as jsxs49 } from "react/jsx-runtime";
+var SkipForwardIcon = forwardRef65(
+  function SkipForwardIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs49(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx68(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M5 7.329C5 6.2633 5 5.73045 5.21846 5.45678C5.40845 5.21876 5.69654 5.0803 6.00108 5.08063C6.35125 5.08101 6.76734 5.41387 7.59951 6.07961L13.4383 10.7506C13.9721 11.1777 14.239 11.3912 14.3357 11.6492C14.4204 11.8754 14.4204 12.1246 14.3357 12.3508C14.239 12.6088 13.9721 12.8223 13.4383 13.2494L7.59951 17.9204C6.76734 18.5861 6.35125 18.919 6.00108 18.9194C5.69654 18.9197 5.40845 18.7812 5.21846 18.5432C5 18.2696 5 17.7367 5 16.671V7.329Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx68(
+            "path",
+            {
+              d: "M19 5V19M7.59951 17.9204L13.4383 13.2494C13.9721 12.8223 14.239 12.6088 14.3357 12.3508C14.4204 12.1246 14.4204 11.8754 14.3357 11.6492C14.239 11.3912 13.9721 11.1777 13.4383 10.7506L7.59951 6.07961C6.76734 5.41387 6.35125 5.081 6.00108 5.08063C5.69654 5.0803 5.40845 5.21876 5.21846 5.45677C5 5.73045 5 6.2633 5 7.329V16.671C5 17.7367 5 18.2695 5.21846 18.5432C5.40845 18.7812 5.69654 18.9197 6.00108 18.9194C6.35125 18.919 6.76734 18.5861 7.59951 17.9204Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/stars.tsx
+import { forwardRef as forwardRef66 } from "react";
+import { jsx as jsx69, jsxs as jsxs50 } from "react/jsx-runtime";
+var StarsIcon = forwardRef66(
+  function StarsIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs50(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx69(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M13 3L14.7342 7.50886C15.0162 8.24209 15.1572 8.60871 15.3765 8.91709C15.5708 9.1904 15.8096 9.42919 16.0829 9.62353C16.3913 9.8428 16.7579 9.98381 17.4911 10.2658L22 12L17.4911 13.7342C16.7579 14.0162 16.3913 14.1572 16.0829 14.3765C15.8096 14.5708 15.5708 14.8096 15.3765 15.0829C15.1572 15.3913 15.0162 15.7579 14.7342 16.4911L13 21L11.2658 16.4911C10.9838 15.7579 10.8428 15.3913 10.6235 15.0829C10.4292 14.8096 10.1904 14.5708 9.91709 14.3765C9.60871 14.1572 9.24209 14.0162 8.50886 13.7342L4 12L8.50886 10.2658C9.24209 9.98381 9.60871 9.8428 9.91709 9.62353C10.1904 9.42919 10.4292 9.1904 10.6235 8.91709C10.8428 8.60871 10.9838 8.24209 11.2658 7.50886L13 3Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx69(
+            "path",
+            {
+              d: "M4.5 22V17M4.5 7V2M2 4.5H7M2 19.5H7M13 3L11.2658 7.50886C10.9838 8.24209 10.8428 8.60871 10.6235 8.91709C10.4292 9.1904 10.1904 9.42919 9.91709 9.62353C9.60871 9.8428 9.24209 9.98381 8.50886 10.2658L4 12L8.50886 13.7342C9.24209 14.0162 9.60871 14.1572 9.91709 14.3765C10.1904 14.5708 10.4292 14.8096 10.6235 15.0829C10.8428 15.3913 10.9838 15.7579 11.2658 16.4911L13 21L14.7342 16.4911C15.0162 15.7579 15.1572 15.3913 15.3765 15.0829C15.5708 14.8096 15.8096 14.5708 16.0829 14.3765C16.3913 14.1572 16.7579 14.0162 17.4911 13.7342L22 12L17.4911 10.2658C16.7579 9.98381 16.3913 9.8428 16.0829 9.62353C15.8096 9.42919 15.5708 9.1904 15.3765 8.91709C15.1572 8.60871 15.0162 8.24209 14.7342 7.50886L13 3Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/trash.tsx
+import { forwardRef as forwardRef67 } from "react";
+import { jsx as jsx70, jsxs as jsxs51 } from "react/jsx-runtime";
+var TrashIcon = forwardRef67(
+  function TrashIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs51(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx70(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M18.2987 16.5193L19 6H5L5.70129 16.5193C5.8065 18.0975 5.85911 18.8867 6.19998 19.485C6.50009 20.0118 6.95276 20.4353 7.49834 20.6997C8.11803 21 8.90891 21 10.4907 21H13.5093C15.0911 21 15.882 21 16.5017 20.6997C17.0472 20.4353 17.4999 20.0118 17.8 19.485C18.1409 18.8867 18.1935 18.0975 18.2987 16.5193Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx70(
+            "path",
+            {
+              d: "M9 3H15M3 6H21M19 6L18.2987 16.5193C18.1935 18.0975 18.1409 18.8867 17.8 19.485C17.4999 20.0118 17.0472 20.4353 16.5017 20.6997C15.882 21 15.0911 21 13.5093 21H10.4907C8.90891 21 8.11803 21 7.49834 20.6997C6.95276 20.4353 6.50009 20.0118 6.19998 19.485C5.85911 18.8867 5.8065 18.0975 5.70129 16.5193L5 6M10 10.5V15.5M14 10.5V15.5",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/trendDown.tsx
+import { forwardRef as forwardRef68 } from "react";
+import { jsx as jsx71 } from "react/jsx-runtime";
+var TrendDownIcon = forwardRef68(
+  function TrendDownIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsx71(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: /* @__PURE__ */ jsx71(
+          "path",
+          {
+            d: "M22 17L14.1314 9.13137C13.7354 8.73535 13.5373 8.53735 13.309 8.46316C13.1082 8.3979 12.8918 8.3979 12.691 8.46316C12.4627 8.53735 12.2646 8.73535 11.8686 9.13137L9.13137 11.8686C8.73535 12.2646 8.53735 12.4627 8.30902 12.5368C8.10817 12.6021 7.89183 12.6021 7.69098 12.5368C7.46265 12.4627 7.26465 12.2646 6.86863 11.8686L2 7M22 17H15M22 17V10",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      })
+    );
+  }
+);
+
+// src/icons/trendUp.tsx
+import { forwardRef as forwardRef69 } from "react";
+import { jsx as jsx72 } from "react/jsx-runtime";
+var TrendUpIcon = forwardRef69(
+  function TrendUpIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsx72(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: /* @__PURE__ */ jsx72(
+          "path",
+          {
+            d: "M22 7L14.1314 14.8686C13.7354 15.2646 13.5373 15.4627 13.309 15.5368C13.1082 15.6021 12.8918 15.6021 12.691 15.5368C12.4627 15.4627 12.2646 15.2646 11.8686 14.8686L9.13137 12.1314C8.73535 11.7354 8.53735 11.5373 8.30902 11.4632C8.10817 11.3979 7.89183 11.3979 7.69098 11.4632C7.46265 11.5373 7.26465 11.7354 6.86863 12.1314L2 17M22 7H15M22 7V14",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      })
+    );
+  }
+);
+
+// src/icons/user.tsx
+import { forwardRef as forwardRef70 } from "react";
+import { jsx as jsx73, jsxs as jsxs52 } from "react/jsx-runtime";
+var UserIcon = forwardRef70(function UserIcon2(_a, ref) {
+  var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+  return /* @__PURE__ */ jsxs52(
+    "svg",
+    __spreadProps(__spreadValues({
+      ref,
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    }, other), {
+      children: [
+        duotone && /* @__PURE__ */ jsx73(
+          "path",
+          {
+            opacity: "0.12",
+            d: "M12 12C14.4853 12 16.5 9.98528 16.5 7.5C16.5 5.01472 14.4853 3 12 3C9.51472 3 7.5 5.01472 7.5 7.5C7.5 9.98528 9.51472 12 12 12Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx73(
+          "path",
+          {
+            d: "M20 21C20 19.6044 20 18.9067 19.8278 18.3389C19.44 17.0605 18.4395 16.06 17.1611 15.6722C16.5933 15.5 15.8956 15.5 14.5 15.5H9.5C8.10444 15.5 7.40665 15.5 6.83886 15.6722C5.56045 16.06 4.56004 17.0605 4.17224 18.3389C4 18.9067 4 19.6044 4 21M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    })
+  );
+});
+
+// src/icons/userPlus.tsx
+import { forwardRef as forwardRef71 } from "react";
+import { jsx as jsx74, jsxs as jsxs53 } from "react/jsx-runtime";
+var UserPlusIcon = forwardRef71(
+  function UserPlusIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs53(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx74(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M10 12C12.4853 12 14.5 9.98528 14.5 7.5C14.5 5.01472 12.4853 3 10 3C7.51472 3 5.5 5.01472 5.5 7.5C5.5 9.98528 7.51472 12 10 12Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx74(
+            "path",
+            {
+              d: "M12 15.5H7.5C6.10444 15.5 5.40665 15.5 4.83886 15.6722C3.56045 16.06 2.56004 17.0605 2.17224 18.3389C2 18.9067 2 19.6044 2 21M19 21V15M16 18H22M14.5 7.5C14.5 9.98528 12.4853 12 10 12C7.51472 12 5.5 9.98528 5.5 7.5C5.5 5.01472 7.51472 3 10 3C12.4853 3 14.5 5.01472 14.5 7.5Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/userX.tsx
+import { forwardRef as forwardRef72 } from "react";
+import { jsx as jsx75, jsxs as jsxs54 } from "react/jsx-runtime";
+var UserXIcon = forwardRef72(
+  function UserXIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs54(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx75(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M10 12C12.4853 12 14.5 9.98528 14.5 7.5C14.5 5.01472 12.4853 3 10 3C7.51472 3 5.5 5.01472 5.5 7.5C5.5 9.98528 7.51472 12 10 12Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx75(
+            "path",
+            {
+              d: "M16.5 16L21.5 21M21.5 16L16.5 21M12 15.5H7.5C6.10444 15.5 5.40665 15.5 4.83886 15.6722C3.56045 16.06 2.56004 17.0605 2.17224 18.3389C2 18.9067 2 19.6044 2 21M14.5 7.5C14.5 9.98528 12.4853 12 10 12C7.51472 12 5.5 9.98528 5.5 7.5C5.5 5.01472 7.51472 3 10 3C12.4853 3 14.5 5.01472 14.5 7.5Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/users.tsx
+import { forwardRef as forwardRef73 } from "react";
+import { jsx as jsx76, jsxs as jsxs55 } from "react/jsx-runtime";
+var UsersIcon = forwardRef73(
+  function UsersIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs55(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx76(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M9.5 11C11.7091 11 13.5 9.20914 13.5 7C13.5 4.79086 11.7091 3 9.5 3C7.29086 3 5.5 4.79086 5.5 7C5.5 9.20914 7.29086 11 9.5 11Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx76(
+            "path",
+            {
+              d: "M22 21V19C22 17.1362 20.7252 15.5701 19 15.126M15.5 3.29076C16.9659 3.88415 18 5.32131 18 7C18 8.67869 16.9659 10.1159 15.5 10.7092M17 21C17 19.1362 17 18.2044 16.6955 17.4693C16.2895 16.4892 15.5108 15.7105 14.5307 15.3045C13.7956 15 12.8638 15 11 15H8C6.13623 15 5.20435 15 4.46927 15.3045C3.48915 15.7105 2.71046 16.4892 2.30448 17.4693C2 18.2044 2 19.1362 2 21M13.5 7C13.5 9.20914 11.7091 11 9.5 11C7.29086 11 5.5 9.20914 5.5 7C5.5 4.79086 7.29086 3 9.5 3C11.7091 3 13.5 4.79086 13.5 7Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/usersPlus.tsx
+import { forwardRef as forwardRef74 } from "react";
+import { jsx as jsx77, jsxs as jsxs56 } from "react/jsx-runtime";
+var UsersPlusIcon = forwardRef74(
+  function UsersPlusIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs56(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx77(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M9.5 11C11.7091 11 13.5 9.20914 13.5 7C13.5 4.79086 11.7091 3 9.5 3C7.29086 3 5.5 4.79086 5.5 7C5.5 9.20914 7.29086 11 9.5 11Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx77(
+            "path",
+            {
+              d: "M19 21V15M16 18H22M12 15H8C6.13623 15 5.20435 15 4.46927 15.3045C3.48915 15.7105 2.71046 16.4892 2.30448 17.4693C2 18.2044 2 19.1362 2 21M15.5 3.29076C16.9659 3.88415 18 5.32131 18 7C18 8.67869 16.9659 10.1159 15.5 10.7092M13.5 7C13.5 9.20914 11.7091 11 9.5 11C7.29086 11 5.5 9.20914 5.5 7C5.5 4.79086 7.29086 3 9.5 3C11.7091 3 13.5 4.79086 13.5 7Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/usersX.tsx
+import { forwardRef as forwardRef75 } from "react";
+import { jsx as jsx78, jsxs as jsxs57 } from "react/jsx-runtime";
+var UsersXIcon = forwardRef75(
+  function UsersXIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs57(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx78(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M9.5 11C11.7091 11 13.5 9.20914 13.5 7C13.5 4.79086 11.7091 3 9.5 3C7.29086 3 5.5 4.79086 5.5 7C5.5 9.20914 7.29086 11 9.5 11Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx78(
+            "path",
+            {
+              d: "M16.5 16L21.5 21M21.5 16L16.5 21M15.5 3.29076C16.9659 3.88415 18 5.32131 18 7C18 8.67869 16.9659 10.1159 15.5 10.7092M12 15H8C6.13623 15 5.20435 15 4.46927 15.3045C3.48915 15.7105 2.71046 16.4892 2.30448 17.4693C2 18.2044 2 19.1362 2 21M13.5 7C13.5 9.20914 11.7091 11 9.5 11C7.29086 11 5.5 9.20914 5.5 7C5.5 4.79086 7.29086 3 9.5 3C11.7091 3 13.5 4.79086 13.5 7Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/videoRecorder.tsx
+import { forwardRef as forwardRef76 } from "react";
+import { jsx as jsx79, jsxs as jsxs58 } from "react/jsx-runtime";
+var VideoRecorderIcon = forwardRef76(
+  function VideoRecorderIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs58(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx79(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M2 9.8C2 8.11984 2 7.27976 2.32698 6.63803C2.6146 6.07354 3.07354 5.6146 3.63803 5.32698C4.27976 5 5.11984 5 6.8 5H12.2C13.8802 5 14.7202 5 15.362 5.32698C15.9265 5.6146 16.3854 6.07354 16.673 6.63803C17 7.27976 17 8.11984 17 9.8V14.2C17 15.8802 17 16.7202 16.673 17.362C16.3854 17.9265 15.9265 18.3854 15.362 18.673C14.7202 19 13.8802 19 12.2 19H6.8C5.11984 19 4.27976 19 3.63803 18.673C3.07354 18.3854 2.6146 17.9265 2.32698 17.362C2 16.7202 2 15.8802 2 14.2V9.8Z",
+              fill: "currentColor",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ jsx79(
+            "path",
+            {
+              d: "M22 8.93137C22 8.32555 22 8.02265 21.8802 7.88238C21.7763 7.76068 21.6203 7.69609 21.4608 7.70865C21.2769 7.72312 21.0627 7.93731 20.6343 8.36569L17 12L20.6343 15.6343C21.0627 16.0627 21.2769 16.2769 21.4608 16.2914C21.6203 16.3039 21.7763 16.2393 21.8802 16.1176C22 15.9774 22 15.6744 22 15.0686V8.93137Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          ",",
+          /* @__PURE__ */ jsx79(
+            "path",
+            {
+              d: "M2 9.8C2 8.11984 2 7.27976 2.32698 6.63803C2.6146 6.07354 3.07354 5.6146 3.63803 5.32698C4.27976 5 5.11984 5 6.8 5H12.2C13.8802 5 14.7202 5 15.362 5.32698C15.9265 5.6146 16.3854 6.07354 16.673 6.63803C17 7.27976 17 8.11984 17 9.8V14.2C17 15.8802 17 16.7202 16.673 17.362C16.3854 17.9265 15.9265 18.3854 15.362 18.673C14.7202 19 13.8802 19 12.2 19H6.8C5.11984 19 4.27976 19 3.63803 18.673C3.07354 18.3854 2.6146 17.9265 2.32698 17.362C2 16.7202 2 15.8802 2 14.2V9.8Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/videoRecorderOff.tsx
+import { forwardRef as forwardRef77 } from "react";
+import { jsx as jsx80, jsxs as jsxs59 } from "react/jsx-runtime";
+var VideoRecorderOffIcon = forwardRef77(
+  function VideoRecorderOffIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs59(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx80(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M5 19H14C15.3527 19 16.4962 18.1048 16.8705 16.8745L5 5C3.34315 5 2 6.34315 2 8V16C2 17.6569 3.34315 19 5 19Z",
+              fill: "currentColor",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ jsx80(
+            "path",
+            {
+              d: "M5 5C3.34315 5 2 6.34315 2 8V16C2 17.6569 3.34315 19 5 19H14C15.3527 19 16.4962 18.1048 16.8705 16.8745M17 12L20.6343 8.36569C21.0627 7.93731 21.2769 7.72312 21.4608 7.70865C21.6203 7.69609 21.7763 7.76068 21.8802 7.88238C22 8.02265 22 8.32556 22 8.93137V15.0686C22 15.6744 22 15.9774 21.8802 16.1176C21.7763 16.2393 21.6203 16.3039 21.4608 16.2914C21.2769 16.2769 21.0627 16.0627 20.6343 15.6343L17 12ZM17 12V9.8C17 8.11984 17 7.27976 16.673 6.63803C16.3854 6.07354 15.9265 5.6146 15.362 5.32698C14.7202 5 13.8802 5 12.2 5H9.5M2 2L22 22",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/volumeMax.tsx
+import { forwardRef as forwardRef78 } from "react";
+import { jsx as jsx81, jsxs as jsxs60 } from "react/jsx-runtime";
+var VolumeMaxIcon = forwardRef78(
+  function VolumeMaxIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs60(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx81(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M2 9.59999C2 9.03994 2 8.75991 2.10899 8.546C2.20487 8.35784 2.35785 8.20485 2.54601 8.10898C2.75992 7.99999 3.03995 7.99999 3.6 7.99999H5.33726C5.58185 7.99999 5.70414 7.99999 5.81923 7.97236C5.92127 7.94786 6.01881 7.90746 6.10828 7.85263C6.2092 7.79079 6.29568 7.70431 6.46863 7.53136L9.63432 4.36567C10.0627 3.9373 10.2769 3.72311 10.4608 3.70864C10.6203 3.69608 10.7763 3.76067 10.8802 3.88237C11 4.02264 11 4.32554 11 4.93136V19.0686C11 19.6744 11 19.9773 10.8802 20.1176C10.7763 20.2393 10.6203 20.3039 10.4608 20.2913C10.2769 20.2769 10.0627 20.0627 9.63431 19.6343L6.46863 16.4686C6.29568 16.2957 6.2092 16.2092 6.10828 16.1473C6.01881 16.0925 5.92127 16.0521 5.81923 16.0276C5.70414 16 5.58185 16 5.33726 16H3.6C3.03995 16 2.75992 16 2.54601 15.891C2.35785 15.7951 2.20487 15.6421 2.10899 15.454C2 15.2401 2 14.96 2 14.4V9.59999Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx81(
+            "path",
+            {
+              d: "M19.7479 4.99999C21.1652 6.97023 22 9.38762 22 12C22 14.6124 21.1652 17.0298 19.7479 19M15.7453 7.99999C16.5362 9.13382 17 10.5127 17 12C17 13.4872 16.5362 14.8662 15.7453 16M9.63432 4.36567L6.46863 7.53136C6.29568 7.70431 6.2092 7.79079 6.10828 7.85263C6.01881 7.90746 5.92127 7.94786 5.81923 7.97236C5.70414 7.99999 5.58185 7.99999 5.33726 7.99999H3.6C3.03995 7.99999 2.75992 7.99999 2.54601 8.10898C2.35785 8.20485 2.20487 8.35784 2.10899 8.546C2 8.75991 2 9.03994 2 9.59999V14.4C2 14.96 2 15.2401 2.10899 15.454C2.20487 15.6421 2.35785 15.7951 2.54601 15.891C2.75992 16 3.03995 16 3.6 16H5.33726C5.58185 16 5.70414 16 5.81923 16.0276C5.92127 16.0521 6.01881 16.0925 6.10828 16.1473C6.2092 16.2092 6.29568 16.2957 6.46863 16.4686L9.63431 19.6343C10.0627 20.0627 10.2769 20.2769 10.4608 20.2913C10.6203 20.3039 10.7763 20.2393 10.8802 20.1176C11 19.9773 11 19.6744 11 19.0686V4.93136C11 4.32554 11 4.02264 10.8802 3.88237C10.7763 3.76067 10.6203 3.69608 10.4608 3.70864C10.2769 3.72311 10.0627 3.9373 9.63432 4.36567Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/volumeX.tsx
+import { forwardRef as forwardRef79 } from "react";
+import { jsx as jsx82, jsxs as jsxs61 } from "react/jsx-runtime";
+var VolumeXIcon = forwardRef79(
+  function VolumeXIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs61(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx82(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M2 9.60005C2 9.04 2 8.75997 2.10899 8.54606C2.20487 8.3579 2.35785 8.20492 2.54601 8.10904C2.75992 8.00005 3.03995 8.00005 3.6 8.00005H5.33726C5.58185 8.00005 5.70414 8.00005 5.81923 7.97242C5.92127 7.94792 6.01881 7.90752 6.10828 7.85269C6.2092 7.79085 6.29568 7.70437 6.46863 7.53142L9.63432 4.36573C10.0627 3.93736 10.2769 3.72317 10.4608 3.7087C10.6203 3.69614 10.7763 3.76073 10.8802 3.88243C11 4.0227 11 4.3256 11 4.93142V19.0687C11 19.6745 11 19.9774 10.8802 20.1177C10.7763 20.2394 10.6203 20.304 10.4608 20.2914C10.2769 20.2769 10.0627 20.0627 9.63431 19.6344L6.46863 16.4687C6.29568 16.2957 6.2092 16.2093 6.10828 16.1474C6.01881 16.0926 5.92127 16.0522 5.81923 16.0277C5.70414 16 5.58185 16 5.33726 16H3.6C3.03995 16 2.75992 16 2.54601 15.8911C2.35785 15.7952 2.20487 15.6422 2.10899 15.454C2 15.2401 2 14.9601 2 14.4V9.60005Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx82(
+            "path",
+            {
+              d: "M22 8.99999L16 15M16 8.99999L22 15M9.63432 4.36567L6.46863 7.53136C6.29568 7.70431 6.2092 7.79079 6.10828 7.85263C6.01881 7.90746 5.92127 7.94786 5.81923 7.97236C5.70414 7.99999 5.58185 7.99999 5.33726 7.99999H3.6C3.03995 7.99999 2.75992 7.99999 2.54601 8.10898C2.35785 8.20485 2.20487 8.35784 2.10899 8.546C2 8.75991 2 9.03994 2 9.59999V14.4C2 14.96 2 15.2401 2.10899 15.454C2.20487 15.6421 2.35785 15.7951 2.54601 15.891C2.75992 16 3.03995 16 3.6 16H5.33726C5.58185 16 5.70414 16 5.81923 16.0276C5.92127 16.0521 6.01881 16.0925 6.10828 16.1473C6.2092 16.2092 6.29568 16.2957 6.46863 16.4686L9.63431 19.6343C10.0627 20.0627 10.2769 20.2769 10.4608 20.2913C10.6203 20.3039 10.7763 20.2393 10.8802 20.1176C11 19.9773 11 19.6744 11 19.0686V4.93136C11 4.32554 11 4.02264 10.8802 3.88237C10.7763 3.76067 10.6203 3.69608 10.4608 3.70864C10.2769 3.72311 10.0627 3.9373 9.63432 4.36567Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/xCircle.tsx
+import { forwardRef as forwardRef80 } from "react";
+import { jsx as jsx83, jsxs as jsxs62 } from "react/jsx-runtime";
+var XCircleIcon = forwardRef80(
+  function XCircleIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs62(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx83(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx83(
+            "path",
+            {
+              d: "M15 9L9 15M9 9L15 15M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/xClose.tsx
+import { forwardRef as forwardRef81 } from "react";
+import { jsx as jsx84 } from "react/jsx-runtime";
+var XCloseIcon = forwardRef81(
+  function XCloseIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsx84(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: /* @__PURE__ */ jsx84(
+          "path",
+          {
+            d: "M18 6L6 18M6 6L18 18",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      })
+    );
+  }
+);
 export {
+  ActivityIcon,
+  AlertCircleIcon,
+  ArrowDownIcon,
+  ArrowLeftIcon,
+  ArrowRightIcon,
+  ArrowUpIcon,
   Badge,
+  BellIcon,
   Button,
+  CalendarCheckIcon,
+  CalendarIcon,
+  CalendarPlusIcon,
+  CameraIcon,
+  CameraOffIcon,
+  CheckCircleIcon,
+  ChevronDownIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  ChevronUpIcon,
+  CopyIcon,
+  CursorClickIcon,
+  DownloadIcon,
   Drawer,
+  EditIcon,
+  ExpandIcon,
+  FlipBackwardIcon,
+  FlipForwardIcon,
+  HelpCircleIcon,
+  HomeIcon,
+  ImageDownIcon,
+  ImageIcon,
+  ImageXIcon,
+  InfoCircleIcon,
+  LightbulbIcon,
+  LockIcon,
+  LogInIcon,
+  MagicWandIcon,
+  MailIcon,
+  MenuIcon,
+  MessageChatSquareIcon,
+  MessagePlusSquareIcon,
+  MessageTextSquareIcon,
+  MicrophoneIcon,
+  MicrophoneOffIcon,
+  MonitorIcon,
+  NotificationBoxIcon,
+  PauseCircleIcon,
+  PhoneIcon,
+  PieChartIcon,
+  PlayCircleIcon,
+  PlusCircleIcon,
+  PlusIcon,
+  PuzzlePieceIcon,
+  QrCodeIcon,
+  ReceiptCheckIcon,
+  RecordingIcon,
+  RefreshCcwIcon,
+  RefreshCwIcon,
+  RocketIcon,
+  SaveIcon,
+  SearchMdIcon,
+  SendIcon,
+  SettingsIcon,
+  ShareIcon,
+  SkipBackIcon,
+  SkipForwardIcon,
+  StarsIcon,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  TextField,
+  TrashIcon,
+  TrendDownIcon,
+  TrendUpIcon,
+  UserIcon,
+  UserPlusIcon,
+  UserXIcon,
+  UsersIcon,
+  UsersPlusIcon,
+  UsersXIcon,
+  VideoRecorderIcon,
+  VideoRecorderOffIcon,
+  VolumeMaxIcon,
+  VolumeXIcon,
+  XCircleIcon,
+  XCloseIcon,
   useDrawerState
 };