@invopop/popui 0.1.2 → 0.1.3-6.beta.1

package/dist/range-calendar/range-calendar-head-cell.svelte

@@ -11,7 +11,7 @@
 <RangeCalendarPrimitive.HeadCell
   bind:ref
   class={cn(
-    'text-[#989AA4] w-(--cell-size) h-(--cell-size) text-sm font-normal border-b border-neutral-100 flex items-center justify-center',
+    'text-foreground-default-tertiary w-(--cell-size) h-(--cell-size) text-sm font-normal border-b border-border flex items-center justify-center',
     className
   )}
   {...restProps}

package/dist/range-calendar/range-calendar-header.svelte

@@ -11,7 +11,7 @@
 <RangeCalendarPrimitive.Header
   bind:ref
   class={cn(
-    'h-11 flex w-full items-center justify-center gap-1.5 text-base font-medium pt-2 pb-3',
+    'h-11 flex w-full items-center justify-center gap-1.5 text-base font-medium pt-2 pb-3 text-foreground',
     className
   )}
   {...restProps}

package/dist/range-calendar/range-calendar-month-select.svelte

@@ -33,7 +33,7 @@
         {/each}
       </select>
       <span
-        class="[&>svg]:text-muted-foreground flex h-8 select-none items-center gap-1 rounded-md pl-2 pr-1 text-sm font-medium [&>svg]:size-3.5"
+        class="[&>svg]:text-foreground flex h-8 select-none items-center gap-1 rounded-md pl-2 pr-1 text-sm font-medium [&>svg]:size-3.5"
         aria-hidden="true"
       >
         {monthItems.find((item) => item.value === value)?.label || selectedMonthItem.label}

package/dist/range-calendar/range-calendar-next-button.svelte

@@ -16,13 +16,13 @@
 </script>
 
 {#snippet Fallback()}
-  <Icon src={ChevronRight} class="size-4" />
+  <Icon src={ChevronRight} class="size-4 shrink-0" />
 {/snippet}
 <RangeCalendarPrimitive.NextButton
   bind:ref
   class={cn(
-    buttonVariants({ variant, size: 'icon-sm' }),
-    'select-none disabled:opacity-50 rtl:rotate-180',
+    buttonVariants({ variant, size: 'sm' }),
+    'size-6 group select-none disabled:opacity-50 rtl:rotate-180',
     className
   )}
   children={children || Fallback}

package/dist/range-calendar/range-calendar-prev-button.svelte

@@ -16,13 +16,13 @@
 </script>
 
 {#snippet Fallback()}
-  <Icon src={ChevronLeft} class="size-4" />
+  <Icon src={ChevronLeft} class="size-4 shrink-0" />
 {/snippet}
 <RangeCalendarPrimitive.PrevButton
   bind:ref
   class={cn(
-    buttonVariants({ variant, size: 'icon-sm' }),
-    'select-none disabled:opacity-50 rtl:rotate-180',
+    buttonVariants({ variant, size: 'sm' }),
+    'size-6 group select-none disabled:opacity-50 rtl:rotate-180',
     className
   )}
   children={children || Fallback}

package/dist/range-calendar/range-calendar.svelte

@@ -44,7 +44,7 @@
   {weekdayFormat}
   {disableDaysOutsideMonth}
   class={cn(
-    'bg-white group/calendar px-3 pb-3 pt-2 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent',
+    'bg-background group/calendar px-3 pb-2 pt-1 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent',
     className
   )}
   {locale}

package/dist/sonner/index.d.ts

@@ -0,0 +1 @@
+export { default as Toaster } from "./sonner.svelte";

package/dist/sonner/index.js

@@ -0,0 +1 @@
+export { default as Toaster } from "./sonner.svelte";

package/dist/sonner/sonner.svelte

@@ -0,0 +1,44 @@
+<script lang="ts">
+  import { Toaster as Sonner, type ToasterProps as SonnerProps } from 'svelte-sonner'
+  import { mode } from 'mode-watcher'
+  import { Icon } from '@steeze-ui/svelte-icon'
+  import { Success, Failure, Info } from '@invopop/ui-icons'
+
+  let { ...restProps }: SonnerProps = $props()
+</script>
+
+<Sonner
+  theme={mode.current}
+  class="toaster group"
+  toastOptions={{
+    unstyled: true,
+    classes: {
+      toast:
+        'group toast bg-background-default-negative border-0 rounded-lg text-foreground-inverse flex gap-2 items-start pl-3 pr-2 py-2 w-[336px] [&>[data-content]]:flex-1',
+      title: 'font-medium text-base text-foreground-inverse',
+      description: 'font-normal text-base text-foreground-inverse-secondary',
+      actionButton:
+        'bg-background-selected-inverse rounded px-2 py-1 text-sm font-medium text-foreground-inverse hover:bg-background-selected-inverse-hover transition-colors',
+      closeButton: 'hidden'
+    }
+  }}
+  {...restProps}
+>
+  {#snippet successIcon()}
+    <Icon src={Success} class="size-4 mt-0.5" />
+  {/snippet}
+
+  {#snippet errorIcon()}
+    <Icon src={Failure} class="size-4 mt-0.5" />
+  {/snippet}
+
+  {#snippet infoIcon()}
+    <Icon src={Info} class="size-4 mt-0.5 text-icon-inverse" />
+  {/snippet}
+</Sonner>
+
+<style>
+  :global(.toaster) {
+    --width: 336px;
+  }
+</style>

package/dist/sonner/sonner.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Toaster as Sonner, type ToasterProps as SonnerProps } from 'svelte-sonner';
+declare const Sonner: import("svelte").Component<SonnerProps, {}, "">;
+type Sonner = ReturnType<typeof Sonner>;
+export default Sonner;

package/dist/svg/CheckBadge.svelte

@@ -0,0 +1,18 @@
+<svg
+  width="26"
+  height="26"
+  viewBox="0 0 26 26"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+  class="absolute top-[-16px] right-[-16px]"
+>
+  <path
+    d="M13 1C6.3835 1 1 6.3835 1 13C1 19.6165 6.3835 25 13 25C19.6165 25 25 19.6165 25 13C25 6.3835 19.6165 1 13 1Z"
+    fill="#169958"
+  />
+  <circle cx="13" cy="13" r="10" stroke="white" stroke-opacity="0.4" stroke-width="0.6" />
+  <path
+    d="M18.1078 9.82205C15.7021 11.6837 13.6627 14.2538 12.0477 17.4584C11.8808 17.7912 11.5495 17.9999 11.1884 17.9999C10.83 18.004 10.4922 17.7885 10.3253 17.4517C9.58119 15.9471 8.7491 14.7239 7.78243 13.7123C7.40457 13.3176 7.40586 12.6764 7.78632 12.2831C8.16418 11.8898 8.78016 11.8898 9.15932 12.2871C9.90083 13.063 10.5699 13.9413 11.182 14.9435C12.7853 12.1888 14.7199 9.92443 16.9509 8.19887C17.3805 7.8675 17.9888 7.9591 18.3084 8.40766C18.628 8.85488 18.5387 9.48934 18.1078 9.82205Z"
+    fill="white"
+  />
+</svg>

package/dist/svg/CheckBadge.svelte.d.ts

@@ -0,0 +1,26 @@
+export default CheckBadge;
+type CheckBadge = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const CheckBadge: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/svg/IconDelivery.svelte

@@ -0,0 +1,86 @@
+<script lang="ts">
+  export let classes = ''
+</script>
+
+<svg class={classes} xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 97 117">
+  <g filter="url(#a)">
+    <foreignObject width="97" height="119" x="0" y="-2">
+      <div style="backdrop-filter:blur(10px);clip-path:url(#b);height:100%;width:100%"></div>
+    </foreignObject>
+    <g data-figma-bg-blur-radius="20">
+      <rect width="57" height="79" x="20" y="18" fill="#fff" rx="6" />
+      <rect width="57" height="79" x="20" y="18" fill="#169958" fill-opacity=".02" rx="6" />
+      <rect
+        width="56.2"
+        height="78.2"
+        x="20.4"
+        y="18.4"
+        stroke="#169958"
+        stroke-opacity=".6"
+        stroke-width=".8"
+        rx="5.6"
+      />
+    </g>
+    <rect
+      width="50.4"
+      height="72.4"
+      x="23.3"
+      y="21.3"
+      stroke="#018551"
+      stroke-opacity=".2"
+      stroke-width=".6"
+      rx="3.7"
+    />
+    <rect width="19" height="2" x="28" y="45" fill="#018551" rx="1" />
+    <rect width="15" height="2" x="28" y="68" fill="#018551" rx="1" />
+    <rect width="10" height="2" x="59" y="50" fill="#018551" rx="1" />
+    <rect width="12" height="2" x="57" y="73" fill="#018551" rx="1" />
+    <rect width="14" height="2" x="55" y="54" fill="#018551" rx="1" />
+    <rect width="14" height="2" x="55" y="77" fill="#018551" rx="1" />
+    <rect width="10" height="2" x="59" y="58" fill="#018551" rx="1" />
+    <rect width="12" height="2" x="57" y="62" fill="#018551" rx="1" />
+    <rect width="8" height="2" x="61" y="81" fill="#018551" rx="1" />
+    <rect width="16" height="2" x="28" y="50" fill="#018551" fill-opacity=".2" rx="1" />
+    <rect width="12" height="2" x="28" y="73" fill="#018551" fill-opacity=".2" rx="1" />
+    <rect width="11" height="2" x="28" y="54" fill="#018551" fill-opacity=".2" rx="1" />
+    <rect width="16" height="2" x="28" y="77" fill="#018551" fill-opacity=".2" rx="1" />
+    <rect width="14" height="2" x="28" y="58" fill="#018551" fill-opacity=".2" rx="1" />
+    <rect width="18" height="2" x="28" y="81" fill="#018551" fill-opacity=".2" rx="1" />
+    <rect width="16" height="2" x="28" y="62" fill="#018551" fill-opacity=".2" rx="1" />
+    <g clip-path="url(#c)">
+      <path
+        fill="#018551"
+        d="M34.973 26.556a2.14 2.14 0 0 1 2.138 2.138v.195h1.131c.465 0 .894.235 1.145.626l1.397 2.171c.142.22.217.476.217.737v1.716a2.14 2.14 0 0 1-2.139 2.138h-.43a1.948 1.948 0 0 1-1.905 1.556c-.938 0-1.723-.67-1.904-1.556h-2.218a1.948 1.948 0 0 1-1.905 1.556 1.947 1.947 0 0 1-1.918-1.63A2.14 2.14 0 0 1 27 34.138v-5.445a2.14 2.14 0 0 1 2.139-2.138h5.834ZM30.5 35.11a.778.778 0 0 0 0 1.556.778.778 0 0 0 0-1.556Zm6.027 0a.779.779 0 0 0 0 1.556.78.78 0 0 0 .779-.778.78.78 0 0 0-.779-.778Zm.584-3.5h2.237l-.943-1.466a.193.193 0 0 0-.163-.09h-1.13v1.556Z"
+      />
+    </g>
+  </g>
+  <defs>
+    <clipPath id="b" transform="translate(0 2)">
+      <rect width="57" height="79" x="20" y="18" rx="6" />
+    </clipPath>
+    <clipPath id="c">
+      <path fill="#fff" d="M27 25h14v14H27z" />
+    </clipPath>
+    <filter
+      id="a"
+      width="97"
+      height="119"
+      x="0"
+      y="0"
+      color-interpolation-filters="sRGB"
+      filterUnits="userSpaceOnUse"
+    >
+      <feFlood flood-opacity="0" result="BackgroundImageFix" />
+      <feColorMatrix
+        in="SourceAlpha"
+        result="hardAlpha"
+        values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+      />
+      <feOffset dy="2" />
+      <feGaussianBlur stdDeviation="10" />
+      <feColorMatrix values="0 0 0 0 0.0392157 0 0 0 0 0.0392157 0 0 0 0 0.0392157 0 0 0 0.04 0" />
+      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_9631_17687" />
+      <feBlend in="SourceGraphic" in2="effect1_dropShadow_9631_17687" result="shape" />
+    </filter>
+  </defs>
+</svg>

package/dist/svg/IconDelivery.svelte.d.ts

@@ -0,0 +1,20 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const IconDelivery: $$__sveltets_2_IsomorphicComponent<{
+    classes?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type IconDelivery = InstanceType<typeof IconDelivery>;
+export default IconDelivery;

package/dist/svg/IconEmpty.svelte

@@ -1,143 +1,135 @@
-<svg 
-  fill="none" 
-  xmlns="http://www.w3.org/2000/svg" 
-  viewBox="0 0 352 120"
->
-  <g clip-path="url(#a99)">
-    <mask 
-      id="b98" 
-      style="mask-type:alpha" 
-      maskUnits="userSpaceOnUse" 
-      x="0" 
-      y="-1" 
-      width="353" 
+<svg width="352" height="120" viewBox="0 0 352 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g clip-path="url(#clip0_1410_923)">
+    <mask
+      id="mask0_1410_923"
+      style="mask-type:alpha"
+      maskUnits="userSpaceOnUse"
+      x="0"
+      y="-1"
+      width="353"
       height="121"
     >
-      <path 
-        d="M0-1h353v121H0V-1Zm78 47a6 6 0 0 1 6-6h30a6 6 0 0 1 6 6v30a6 6 0 0 1-6 6H84a6 6 0 0 1-6-6V46Zm167-6a6 6 0 0 0-6 6v30a6 6 0 0 0 6 6h30a6 6 0 0 0 6-6V46a6 6 0 0 0-6-6h-30Z" 
-        fill-rule="evenodd" 
-        clip-rule="evenodd"
-        fill="#D9D9D9"
+      <path
+        d="M353 120H0V-1H353V120ZM84 40C80.6863 40 78 42.6863 78 46V76C78 79.3137 80.6863 82 84 82H114C117.314 82 120 79.3137 120 76V46C120 42.6863 117.314 40 114 40H84ZM245 40C241.686 40 239 42.6863 239 46V76C239 79.3137 241.686 82 245 82H275C278.314 82 281 79.3137 281 76V46C281 42.6863 278.314 40 275 40H245Z"
+        fill="black"
       />
     </mask>
-    <g mask="url(#b98)">
-      <path 
-        d="M35.6 12.4H.4m35.2 0v-48.6m0 48.6 17.5 24.4M.4 61l-35.1-48.6H.4M.4 61v48.5M.3 61h70.2M.3 109.5h-35l35 48.6h35m-35-48.6h35m-35 0 35 48.6m70.4 0 17.5 24.5v-48.8m-17.5 24.3H70.5m35.2 0-17.5-24.3m17.5 24.3v-48.6m17.5 24.3 17.6 24.3H176l-35.2-48.6m-17.6 24.3-17.5-24.3m35.1 0H176m-35.2 0-35-48.5m35 48.5h-35.1m70.3 0 35 48.6h35.2M176 109.5h70.3m-70.3 0L140.8 61h-35" 
-        stroke="url(#c97)" 
-        stroke-width=".6"
+    <g mask="url(#mask0_1410_923)">
+      <path
+        d="M35.6124 12.398H0.445778M35.6124 12.398V-36.2311M35.6124 12.398L53.126 36.7825M0.445778 61.0272L-34.7209 12.398H0.445778M0.445778 61.0272L0.306227 109.517M0.445778 61.0272H70.6396M0.306227 109.517H-34.7209L0.306227 158.146H35.3333M0.306227 109.517H35.3333M0.306227 109.517L35.3333 158.146M105.667 158.146L123.25 182.6V133.831M105.667 158.146H70.5M105.667 158.146L88.1531 133.831M105.667 158.146V109.517M123.25 133.831L140.833 158.146H175.954L140.833 109.517M123.25 133.831L105.667 109.517M140.833 109.517H176M140.833 109.517L105.806 61.0272M140.833 109.517H105.667M176 109.517L211.027 158.146H246.194M176 109.517H246.333M176 109.517L140.833 61.0272H105.806M316.527 158.146L334.11 182.6V133.971M316.527 158.146L316.574 109.656M316.527 158.146H281.36M316.527 158.146L281.5 109.517M334.11 133.971L351.554 158.146H386.721L351.694 109.656M334.11 133.971L316.574 109.656M351.694 109.656H386.86L351.694 61.0272H316.667M351.694 109.656L316.667 61.0272M351.694 109.656H316.574M316.667 61.0272V-36.2311H351.833V12.398H281.5M316.667 61.0272H281.5M281.5 12.398V61.0272M281.5 12.398C281.5 -6.59284 281.5 -17.2403 281.5 -36.2311L263.917 -60.6156M281.5 12.398L246.333 -36.2311M281.5 61.0272L246.333 12.2583M281.5 61.0272H246.333M281.5 61.0272V109.517M281.5 61.0272L299.037 85.3417M211.167 61.0272L176 12.2583H211.167M211.167 61.0272H246.333M211.167 61.0272V109.517L246.194 158.146M246.333 12.2583V-36.2311M246.333 12.2583H211.167M246.333 -36.2311V-85L263.917 -60.6156M246.333 -36.2311H211.167V12.2583M263.917 -60.6156V36.6427M211.167 12.2583L246.333 61.0272M246.333 61.0272V109.517M316.574 109.656L299.037 85.3417M246.194 158.146H281.36M281.5 109.517H246.333M246.333 109.517L281.36 158.146M299.037 85.3417V133.831M0.445778 12.398V-36.2311H35.6124M0.445778 12.398L35.3333 61.0272V109.517M35.6124 -36.2311V-84.8603L53.126 -60.4758M35.6124 -36.2311L70.6396 12.5378M70.6396 12.5378V-36.0914L53.126 -60.4758M70.6396 12.5378H140.973V-36.0914H105.806V61.0272M70.6396 12.5378V61.0272M70.6396 61.0272L53.126 36.7825M70.6396 61.0272H105.806M70.6396 61.0272V109.517M70.6396 61.0272L88.1531 85.2719M53.126 -60.4758V36.7825M105.667 109.517L88.1531 85.2719M70.6396 109.517H35.3333M70.6396 109.517L88.1531 133.831M35.3333 109.517L70.5 158.146M35.3333 158.146H70.5M88.1531 85.2719V133.831"
+        stroke="url(#paint0_radial_1410_923)"
+        stroke-width="0.6"
       />
     </g>
-    <g filter="url(#d96)">
-      <rect 
-        x="144" 
-        y="28" 
-        width="64" 
-        height="64" 
-        rx="12" 
-        fill="white"
+    <foreignObject x="124" y="8" width="104" height="106"
+      ><div
+        xmlns="http://www.w3.org/1999/xhtml"
+        style="backdrop-filter:blur(10px);clip-path:url(#bgblur_1_1410_923_clip_path);height:100%;width:100%"
+      ></div></foreignObject
+    ><g filter="url(#filter0_d_1410_923)" data-figma-bg-blur-radius="20">
+      <rect x="144" y="28" width="64" height="64" rx="12" fill="var(--color-background)" />
+      <rect
+        x="144.4"
+        y="28.4"
+        width="63.2"
+        height="63.2"
+        rx="11.6"
+        class="stroke-border-selected-bold"
+        stroke-opacity="0.6"
+        stroke-width="0.8"
       />
-      <rect 
-        x="144" 
-        y="28" 
-        width="64" 
-        height="64" 
-        rx="12"
-      />
-      <rect 
-        x="144.4" 
-        y="28.4" 
-        width="63.2" 
-        height="63.2" 
-        rx="11.6" 
-        stroke="var(--workspace-accent-color, #169958)" 
-        stroke-opacity=".6" 
-        stroke-width="1"
-      />
-      <rect 
-        x="148.3" 
-        y="32.3" 
-        width="55.4" 
-        height="55.4" 
-        rx="7.7" 
-        stroke="var(--workspace-accent-color, #169958)" 
-        stroke-opacity=".4" 
-        stroke-width=".6"
+      <rect
+        x="148.3"
+        y="32.3"
+        width="55.4"
+        height="55.4"
+        rx="7.7"
+        class="stroke-border-selected-bold"
+        stroke-opacity="0.4"
+        stroke-width="0.6"
       />
     </g>
-    <rect 
-      x="238.3" 
-      y="39.3" 
-      width="43.3" 
-      height="43.3" 
-      rx="7.7" 
-      stroke="#030712" 
-      stroke-opacity=".1" 
-      stroke-width=".7" 
+    <rect
+      x="238.344"
+      y="39.3438"
+      width="43.3125"
+      height="43.3125"
+      rx="7.65625"
+      class="stroke-border-default-secondary"
+      stroke-width="0.6875"
       stroke-dasharray="2 3"
     />
-    <rect 
-      x="80" 
-      y="42" 
-      width="38.1" 
-      height="38.1" 
-      rx="5.3" 
-      stroke="#030712" 
-      stroke-opacity=".1" 
-      stroke-width=".4"
+    <rect
+      x="79.9563"
+      y="41.9563"
+      width="38.0875"
+      height="38.0875"
+      rx="5.29375"
+      class="stroke-border-default-secondary"
+      stroke-width="0.4125"
+    />
+    <rect
+      x="240.956"
+      y="41.9563"
+      width="38.0875"
+      height="38.0875"
+      rx="5.29375"
+      class="stroke-border-default-secondary"
+      stroke-width="0.4125"
+    />
+    <rect
+      x="77.3438"
+      y="39.3438"
+      width="43.3125"
+      height="43.3125"
+      rx="7.65625"
+      class="stroke-border-default-secondary"
+      stroke-width="0.6875"
+      stroke-dasharray="2 3"
     />
   </g>
   <defs>
-    <radialGradient 
-      id="c97" 
-      cx="0" 
-      cy="0" 
-      r="1" 
-      gradientUnits="userSpaceOnUse" 
-      gradientTransform="matrix(.06967 120.59998 -345.06394 .19934 176 62)"
-    >
-      <stop 
-        stop-color="#D1D5DB" 
-        stop-opacity=".6"
-      />
-      <stop 
-        offset=".5" 
-        stop-color="#D1D5DB" 
-        stop-opacity="0"
-      />
-    </radialGradient>
-    <clipPath id="a99">
-      <path 
-        fill="#fff" 
-        d="M0 0h352v120H0z"
-      />
-    </clipPath>
-    <filter 
-      id="d96" 
-      x="124" 
-      y="8" 
-      width="104" 
-      height="106" 
-      filterUnits="userSpaceOnUse" 
+    <filter
+      id="filter0_d_1410_923"
+      x="124"
+      y="8"
+      width="104"
+      height="106"
+      filterUnits="userSpaceOnUse"
       color-interpolation-filters="sRGB"
     >
-      <feFlood 
-        flood-opacity="0" 
-        result="BackgroundImageFix"
-      />
-      <feColorMatrix 
-        in="SourceAlpha" 
-        values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" 
+      <feFlood flood-opacity="0" result="BackgroundImageFix" />
+      <feColorMatrix
+        in="SourceAlpha"
+        type="matrix"
+        values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
         result="hardAlpha"
       />
-      <feOffset dy="2"/>
-      <feGaussianBlur stdDeviation="10"/>
-      <feComposite 
-        in2="hardAlpha" 
-        operator="out"
+      <feOffset dy="2" />
+      <feGaussianBlur stdDeviation="10" />
+      <feComposite in2="hardAlpha" operator="out" />
+      <feColorMatrix
+        type="matrix"
+        values="0 0 0 0 0.0392157 0 0 0 0 0.0392157 0 0 0 0 0.0392157 0 0 0 0.04 0"
       />
-      <feColorMatrix values="0 0 0 0 0.0392157 0 0 0 0 0.0392157 0 0 0 0 0.0392157 0 0 0 0.04 0"/>
-      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_280_210"/>
-      <feBlend in="SourceGraphic" in2="effect1_dropShadow_280_210" result="shape"/>
+      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1410_923" />
+      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1410_923" result="shape" />
     </filter>
+    <clipPath id="bgblur_1_1410_923_clip_path" transform="translate(-124 -8)"
+      ><rect x="144" y="28" width="64" height="64" rx="12" />
+    </clipPath><radialGradient
+      id="paint0_radial_1410_923"
+      cx="0"
+      cy="0"
+      r="1"
+      gradientUnits="userSpaceOnUse"
+      gradientTransform="translate(176 62) rotate(89.9669) scale(120.6 345.064)"
+    >
+      <stop stop-opacity="0.1" />
+      <stop stop-color="var(--color-border-default-secondary)" offset="0.537503" stop-opacity="0" />
+    </radialGradient>
+    <clipPath id="clip0_1410_923">
+      <rect width="352" height="120" fill="var(--color-background)" />
+    </clipPath>
   </defs>
 </svg>

package/dist/svg/IconOrder.svelte

@@ -0,0 +1,81 @@
+<script lang="ts">
+  export let classes = ''
+</script>
+
+<svg class={classes} xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 97 117">
+  <g filter="url(#a)">
+    <foreignObject width="97" height="119" x="0" y="-2">
+      <div style="backdrop-filter:blur(10px);clip-path:url(#b);height:100%;width:100%"></div>
+    </foreignObject>
+    <g data-figma-bg-blur-radius="20">
+      <rect width="57" height="79" x="20" y="18" fill="#fff" rx="6" />
+      <rect width="57" height="79" x="20" y="18" fill="#169958" fill-opacity=".02" rx="6" />
+      <rect
+        width="56.2"
+        height="78.2"
+        x="20.4"
+        y="18.4"
+        stroke="#169958"
+        stroke-opacity=".6"
+        stroke-width=".8"
+        rx="5.6"
+      />
+    </g>
+    <rect
+      width="50.4"
+      height="72.4"
+      x="23.3"
+      y="21.3"
+      stroke="#018551"
+      stroke-opacity=".2"
+      stroke-width=".6"
+      rx="3.7"
+    />
+    <rect width="19" height="2" x="28" y="45" fill="#018551" rx="1" />
+    <rect width="15" height="2" x="28" y="68" fill="#018551" rx="1" />
+    <rect width="10" height="2" x="59" y="50" fill="#018551" rx="1" />
+    <rect width="12" height="2" x="57" y="73" fill="#018551" rx="1" />
+    <rect width="14" height="2" x="55" y="54" fill="#018551" rx="1" />
+    <rect width="14" height="2" x="55" y="77" fill="#018551" rx="1" />
+    <rect width="10" height="2" x="59" y="58" fill="#018551" rx="1" />
+    <rect width="12" height="2" x="57" y="62" fill="#018551" rx="1" />
+    <rect width="8" height="2" x="61" y="81" fill="#018551" rx="1" />
+    <rect width="16" height="2" x="28" y="50" fill="#018551" fill-opacity=".2" rx="1" />
+    <rect width="12" height="2" x="28" y="73" fill="#018551" fill-opacity=".2" rx="1" />
+    <rect width="11" height="2" x="28" y="54" fill="#018551" fill-opacity=".2" rx="1" />
+    <rect width="16" height="2" x="28" y="77" fill="#018551" fill-opacity=".2" rx="1" />
+    <rect width="14" height="2" x="28" y="58" fill="#018551" fill-opacity=".2" rx="1" />
+    <rect width="18" height="2" x="28" y="81" fill="#018551" fill-opacity=".2" rx="1" />
+    <rect width="16" height="2" x="28" y="62" fill="#018551" fill-opacity=".2" rx="1" />
+    <path
+      fill="#018551"
+      d="M37.306 26.555h-6.612c-1.18 0-2.139.96-2.139 2.14v6.61c0 1.18.96 2.14 2.14 2.14h4.022c.571 0 1.108-.223 1.512-.627l2.589-2.589c.404-.404.626-.94.626-1.512v-4.023c0-1.18-.959-2.139-2.139-2.139Zm-4.667 8.167h-1.167a.583.583 0 0 1 0-1.166h1.167a.583.583 0 0 1 0 1.166Zm.583-2.139h-1.75a.583.583 0 0 1 0-1.166h1.75a.583.583 0 0 1 0 1.166Zm-1.75-2.139a.583.583 0 0 1 0-1.166h5.056a.583.583 0 0 1 0 1.166h-5.056Zm6.52 2.96-2.588 2.589c-.068.068-.153.113-.237.158v-2.79c0-.107.087-.194.194-.194h2.791a.962.962 0 0 1-.16.237Z"
+    />
+  </g>
+  <defs>
+    <clipPath id="b" transform="translate(0 2)">
+      <rect width="57" height="79" x="20" y="18" rx="6" />
+    </clipPath>
+    <filter
+      id="a"
+      width="97"
+      height="119"
+      x="0"
+      y="0"
+      color-interpolation-filters="sRGB"
+      filterUnits="userSpaceOnUse"
+    >
+      <feFlood flood-opacity="0" result="BackgroundImageFix" />
+      <feColorMatrix
+        in="SourceAlpha"
+        result="hardAlpha"
+        values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+      />
+      <feOffset dy="2" />
+      <feGaussianBlur stdDeviation="10" />
+      <feColorMatrix values="0 0 0 0 0.0392157 0 0 0 0 0.0392157 0 0 0 0 0.0392157 0 0 0 0.04 0" />
+      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_9631_18422" />
+      <feBlend in="SourceGraphic" in2="effect1_dropShadow_9631_18422" result="shape" />
+    </filter>
+  </defs>
+</svg>