@coopdigital/react 1.18.0 → 1.19.1

package/src/components/icons/HelpIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/HomeFilledIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/HomeIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/HowDoIAssistantIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/InfoIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/KebabIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/LoadingIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string
@@ -24,13 +24,13 @@ export const LoadingIcon = ({
     fill: fill ?? "currentColor",
     id: uid,
     role: alt ? "img" : undefined,
-    viewBox: "0 0 28 28",
+    viewBox: "0 0 32 32",
     ...props,
   }
   return (
     <svg {...componentProps} ref={ref}>
       {alt ? <title id={uid + "__title"}>{alt}</title> : null}
-      <path d="M13.001.002c.551-.039 1 .414 1 .966l-.005.102c-.052.504-.479.897-.995.94A12 12 0 0 0 2.915 9.375l-.162.414a11.998 11.998 0 0 0 15.425 15.425l.414-.162a12 12 0 0 0 5.131-4.055l.254-.364a12 12 0 0 0 1.98-5.667c.046-.55.49-.999 1.043-.999s1.004.448.964 1a14 14 0 0 1-2.323 6.778l-.296.425a14 14 0 0 1-5.987 4.732l-.483.19a14 14 0 0 1-14.401-2.866l-.373-.36a14 14 0 0 1-3.72-6.662l-.112-.506a14 14 0 0 1 .607-7.606l.19-.482a14 14 0 0 1 4.73-5.988l.426-.295a14 14 0 0 1 6.78-2.325" />
+      <path d="M15.01 2.01c.551-.039 1 .414 1 .966l-.005.102c-.052.504-.479.897-.995.94a12 12 0 0 0-10.086 7.365l-.162.414a11.998 11.998 0 0 0 15.425 15.425l.414-.162a12 12 0 0 0 5.131-4.055l.254-.364a12 12 0 0 0 1.98-5.667c.046-.55.49-.999 1.043-.999s1.004.448.964 1a14 14 0 0 1-2.323 6.778l-.296.425a14 14 0 0 1-5.987 4.732l-.483.19a14 14 0 0 1-14.401-2.866l-.373-.36a14 14 0 0 1-3.72-6.662l-.112-.506a14 14 0 0 1 .607-7.606l.19-.482a14 14 0 0 1 4.73-5.988l.426-.295A14 14 0 0 1 15.01 2.01" />
     </svg>
   )
 }

package/src/components/icons/LocationFilledIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/LocationIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/LogoutIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/MailIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/MenuIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/MessageIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string
@@ -30,7 +30,7 @@ export const MessageIcon = ({
   return (
     <svg {...componentProps} ref={ref}>
       {alt ? <title id={uid + "__title"}>{alt}</title> : null}
-      <path d="M30 31a1 1 0 0 1-.75-.34l-7.64-8.6H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h28a1 1 0 0 1 .71.29A1 1 0 0 1 31 2v28a1 1 0 0 1-.65.93.8.8 0 0 1-.35.07M3 20.06h19.06a1 1 0 0 1 .75.33l6.19 7V3H3Z" />
+      <path d="M4 6v14h16.586a2 2 0 0 1 1.414.586l6 6V6zm26 20.586c0 1.782-2.154 2.674-3.414 1.414l-6-6H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h24a2 2 0 0 1 2 2z" />
     </svg>
   )
 }

package/src/components/icons/MinusIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/NotesFilledIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/NotesIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/OpenNewIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string
@@ -30,8 +30,8 @@ export const OpenNewIcon = ({
   return (
     <svg {...componentProps} ref={ref}>
       {alt ? <title id={uid + "__title"}>{alt}</title> : null}
-      <path d="M14.16 18.84a1 1 0 0 1-.71-.29 1 1 0 0 1 0-1.42L30 .59a1 1 0 0 1 1.41 0 1 1 0 0 1 0 1.42L14.87 18.55a1 1 0 0 1-.71.29" />
-      <path d="M31 14a1 1 0 0 1-1-1V2H19a1 1 0 0 1 0-2h12a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1M24 32H2a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h11.21a1 1 0 0 1 0 2H2v22h22V18.7a1 1 0 0 1 2 0V30a2 2 0 0 1-2 2" />
+      <path d="M13.733 7.875a.813.813 0 0 1 0 1.625H4.625v17.875H22.5v-9.181a.813.813 0 0 1 1.625 0v9.181A1.624 1.624 0 0 1 22.5 29H4.625A1.625 1.625 0 0 1 3 27.375V9.5a1.625 1.625 0 0 1 1.625-1.625z" />
+      <path d="M28.188 3a.813.813 0 0 1 .812.813v9.75a.813.813 0 0 1-1.625 0V5.779L15.082 18.072a.815.815 0 0 1-.889.175.814.814 0 0 1-.265-1.329l12.3-12.293h-7.79a.813.813 0 0 1 0-1.625z" />
     </svg>
   )
 }

package/src/components/icons/OwnBagIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/PadlockIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/PencilIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string
@@ -23,7 +23,11 @@ export const PencilIcon = ({ alt, className, fill, id, ref, ...props }: IconProp
   return (
     <svg {...componentProps} ref={ref}>
       {alt ? <title id={uid + "__title"}>{alt}</title> : null}
-      <path d="M31.7 6.12 25.88.3a1 1 0 0 0-1.4 0L1.3 23.47a.86.86 0 0 0-.3.6L0 30.9a1.14 1.14 0 0 0 .3.8.91.91 0 0 0 .7.3h.1l6.82-1a.61.61 0 0 0 .61-.3L31.7 7.52a1 1 0 0 0 0-1.4M7.22 29l-3.57.56L5.08 28a1 1 0 0 0 0-1.42 1 1 0 0 0-1.41.05L2.39 28l.52-3.29 1.91-1.91 4.12 4.52Zm3.14-3.11-4.12-4.54L25.18 2.41l4.41 4.41Z" />
+      <path
+        clipRule="evenodd"
+        d="M21.879 2.707a3 3 0 0 1 4.242 0l3.172 3.172a3 3 0 0 1 0 4.242L10.207 29.207a1 1 0 0 1-.565.283l-5.681.812a2 2 0 0 1-2.263-2.263l.812-5.68a1 1 0 0 1 .283-.566zM6 21.414 10.586 26l-1.558 1.557-3.7.528 1.38-1.378a1 1 0 1 0-1.415-1.414l-1.379 1.379.528-3.701zM27.88 8.707 12 24.586 7.414 20 23.293 4.121a1 1 0 0 1 1.414 0l3.172 3.172a1 1 0 0 1 0 1.414"
+        fillRule="evenodd"
+      />
     </svg>
   )
 }

package/src/components/icons/PhoneIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/PowerIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/SaveFilledIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/SaveIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/ScooterIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/SearchFilledIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/SearchIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/SendIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/SpannerIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string
@@ -24,13 +24,16 @@ export const SpannerIcon = ({
     fill: fill ?? "currentColor",
     id: uid,
     role: alt ? "img" : undefined,
-    viewBox: "0 0 24 24",
+    viewBox: "0 0 32 32",
     ...props,
   }
   return (
     <svg {...componentProps} ref={ref}>
       {alt ? <title id={uid + "__title"}>{alt}</title> : null}
-      <path d="M13 7.5a5.5 5.5 0 0 0-6.025-5.475l2.482 2.482c.78.78.963 1.79.858 2.603a3.6 3.6 0 0 1-1.054 2.108l-.019.017-.02.02a3.6 3.6 0 0 1-2.108 1.06c-.815.106-1.825-.076-2.607-.858L2.025 6.975A5.5 5.5 0 0 0 7.5 13v2A7.5 7.5 0 0 1 .653 4.435c.26-.577 1.008-.653 1.455-.206l3.813 3.814c.47.47 1.265.347 1.77-.09l.097-.09.04-.042.036-.036c.476-.464.657-1.256.265-1.766l-.086-.098-3.814-3.813c-.447-.447-.371-1.196.206-1.455A7.5 7.5 0 0 1 14.916 8.61c-.051.34.046.689.288.931l7.624 7.624a4 4 0 0 1-5.657 5.657l-7.62-7.619a1.08 1.08 0 0 0-.93-.287A7.4 7.4 0 0 1 7.5 15v-2q.416-.001.82-.062l.167-.021a3.07 3.07 0 0 1 2.479.871l7.619 7.62a2 2 0 0 0 2.83-2.83l-7.626-7.624c-.745-.745-.985-1.755-.85-2.643A5.4 5.4 0 0 0 13 7.5" />
+      <path
+        d="M11.5 5a6.5 6.5 0 0 1 6.428 7.46 2.08 2.08 0 0 0 .568 1.787l7.625 7.624a3 3 0 0 1-4.243 4.243l-7.62-7.619a2.08 2.08 0 0 0-1.788-.568 6.5 6.5 0 0 1-6.98-8.902l3.724 3.725c.516.516 1.193.648 1.771.573a2.6 2.6 0 0 0 1.52-.764l.057-.058c.414-.403.69-.95.762-1.519.074-.577-.059-1.253-.574-1.768L9.024 5.489A6.5 6.5 0 0 1 11.5 5Z"
+        strokeWidth="2"
+      />
     </svg>
   )
 }

package/src/components/icons/StarFilledIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/StarIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/TickAltFilledIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/TickAltIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/TickIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/TruckIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/UserWipeIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/VoucherFilledIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/VoucherIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/WarningCircleFilledIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/WarningCircleIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/WarningFilledIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/WarningIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/WifiIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string

package/src/components/icons/WriteIcon.tsx

@@ -2,7 +2,7 @@ import type { JSX, SVGProps } from "react"
 
 import clsx from "clsx"
 
-import { useId } from "../../hooks/useId"
+import { useId } from "@/hooks/useId"
 
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string
@@ -23,10 +23,11 @@ export const WriteIcon = ({ alt, className, fill, id, ref, ...props }: IconProps
   return (
     <svg {...componentProps} ref={ref}>
       {alt ? <title id={uid + "__title"}>{alt}</title> : null}
-      <path d="M19.67 10.13 17.9 11.9H7a1 1 0 0 1 0-2h12a1 1 0 0 1 .67.23M14.9 14.9l-2 2H7a1 1 0 0 1 0-2ZM20 15.9a1 1 0 0 1-1 1h-1.87l2-2a1 1 0 0 1 .82.59.85.85 0 0 1 .05.41M19 21.9H7a1 1 0 0 1 0-2h12a1 1 0 1 1 0 2" />
-      <path d="M24.08 10v20h-22V6h21.73l1.54-1.54a1.9 1.9 0 0 0-1-.44H2.07a2 2 0 0 0-2 2V30a2 2 0 0 0 2 2h22a2 2 0 0 0 2-2V8Z" />
-      <path d="M30.62 3.41 28.5 1.29a1 1 0 0 0-1.42 0L22.38 6l-3.9 3.9-5 5-1.33 1.33a1 1 0 0 0-.27.48v.19l-.6 2.57a.8.8 0 0 0 0 .43 1 1 0 0 0 1.19.77l2.74-.67a.64.64 0 0 0 .29-.13.6.6 0 0 0 .19-.14l2.85-2.86 1.4-1.39L30.62 4.82a1 1 0 0 0 0-1.41M15 19.06l-2.75.63.62-2.75 6.82-6.81L23.81 6l1.54-1.54L27.79 2l2.13 2.12Z" />
-      <path d="M31.33 2.7 29.21.58a2.06 2.06 0 0 0-2.83 0L11.44 15.52a2.1 2.1 0 0 0-.54 1l-.09.41-.54 2.34a2.18 2.18 0 0 0 .54 1.87 2 2 0 0 0 1.4.58 1.8 1.8 0 0 0 .46-.05l2.75-.67a2.1 2.1 0 0 0 1-.54L31.33 5.53a2 2 0 0 0 0-2.83M15 19.06l-2.75.63.62-2.75 6.82-6.81L23.81 6l1.54-1.54L27.79 2l2.13 2.12Z" />
+      <path
+        clipRule="evenodd"
+        d="M25.586 2a2 2 0 0 1 2.828 0L30 3.585a2 2 0 0 1 0 2.828l-4 4V27a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h18.586zM5 6a1 1 0 0 0-1 1v20a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V12.413L17.413 19H19a1 1 0 1 1 0 2H8a1 1 0 0 1 0-2h3.278l1.001-3H8a1 1 0 0 1 0-2h5.586l3-3H8a1 1 0 0 1 0-2h10.586l3-3zm9.374 10.04-.794 2.38 2.378-.793L28.586 5 27 3.414z"
+        fillRule="evenodd"
+      />
     </svg>
   )
 }

package/src/hooks/useSlots.ts

@@ -1,6 +1,6 @@
 import React from "react"
 
-import { LazyComponent, SlotConfig } from "../types"
+import { LazyComponent, SlotConfig } from "@/types"
 
 type Slots<T> = Record<keyof T, React.ReactNode>