@invopop/popui 0.1.3 → 0.1.4-beta.2

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>

package/dist/svg/IconOrder.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 IconOrder: $$__sveltets_2_IsomorphicComponent<{
+    classes?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type IconOrder = InstanceType<typeof IconOrder>;
+export default IconOrder;

package/dist/svg/IconPayment.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="M30.44 31.605c.83-.426 1.794-.433 2.715-.023l2.164.99c.408.184.721.518.88.939.049.132.076.268.091.404l2.335-1.054a1.684 1.684 0 0 1 2.226.842 1.685 1.685 0 0 1-.842 2.226l-5.282 2.383a2.902 2.902 0 0 1-2.088.12l-2.76-.882a1.362 1.362 0 0 1-1.323 1.06h-.195C27.611 38.61 27 38 27 37.25V33.36c0-.75.61-1.361 1.361-1.361h.195c.363 0 .692.145.936.378.267-.312.58-.583.947-.772Zm2.235 1.042c-.596-.265-1.185-.267-1.703-.002a2.1 2.1 0 0 0-1.055 1.381v2.313l3.077.983c.413.133.857.107 1.252-.071l5.282-2.384a.512.512 0 0 0 .27-.288.518.518 0 0 0-.695-.654c-.027.013-3.848 1.74-3.89 1.755a1.686 1.686 0 0 1-1.288-.043l-1.531-.697a.583.583 0 1 1 .481-1.062l1.532.696a.516.516 0 1 0 .428-.94l-2.16-.987ZM35.75 25a2.92 2.92 0 0 1 2.917 2.917 2.92 2.92 0 0 1-2.917 2.916 2.92 2.92 0 0 1-2.917-2.916A2.92 2.92 0 0 1 35.75 25Zm0 1.75a.583.583 0 0 0-.583.583V28.5a.583.583 0 1 0 1.166 0v-1.167a.583.583 0 0 0-.583-.583Z"
+      />
+    </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_18244" />
+      <feBlend in="SourceGraphic" in2="effect1_dropShadow_9631_18244" result="shape" />
+    </filter>
+  </defs>
+</svg>

package/dist/svg/IconPayment.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 IconPayment: $$__sveltets_2_IsomorphicComponent<{
+    classes?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type IconPayment = InstanceType<typeof IconPayment>;
+export default IconPayment;

package/dist/table/table-body.svelte

@@ -8,6 +8,10 @@
   }: WithElementRef<HTMLAttributes<HTMLTableSectionElement>> = $props()
 </script>
 
-<tbody bind:this={ref} data-slot="table-body" class={cn('[&_tr:hover]:bg-neutral-50', className)}>
+<tbody
+  bind:this={ref}
+  data-slot="table-body"
+  class={cn('[&_tr:hover]:bg-background-default-secondary', className)}
+>
   {@render children?.()}
 </tbody>

package/dist/table/table-cell.svelte

@@ -7,7 +7,8 @@
   let {
     ref = $bindable(null),
     class: className,
-    children
+    children,
+    ...restProps
   }: WithElementRef<HTMLTdAttributes> = $props()
 </script>
 
@@ -15,9 +16,10 @@
   bind:this={ref}
   data-slot="table-cell"
   class={cn(
-    'py-3 pl-3 pr-3 align-middle text-neutral-500 font-normal text-base [&:has([role=checkbox])]:pr-2 [&:has([role=menu])]:pl-1 relative',
+    'py-[9px] [&:has([role=menu])]:py-0 [&:has([data-uuid-copy])]:py-0 pl-3 pr-3 align-middle text-foreground font-normal text-base [&:has([role=menu])]:pl-1 relative z-1 [&:has([role=menu])]:bg-white [&:has([type=checkbox])]:bg-white',
     className
   )}
+  {...restProps}
   onclick={bubble('click')}
   onkeydown={bubble('keydown')}
 >

package/dist/table/table-footer.svelte

@@ -11,7 +11,7 @@
 <tfoot
   bind:this={ref}
   data-slot="table-footer"
-  class={cn('bg-muted/50 text-primary-foreground font-medium', className)}
+  class={cn('bg-muted/50 text-foreground font-medium', className)}
 >
   {@render children?.()}
 </tfoot>

package/dist/table/table-head.svelte

@@ -4,7 +4,8 @@
   let {
     ref = $bindable(null),
     class: className,
-    children
+    children,
+    ...restProps
   }: WithElementRef<HTMLThAttributes> = $props()
 </script>
 
@@ -12,9 +13,10 @@
   bind:this={ref}
   data-slot="table-head"
   class={cn(
-    'text-neutral-600 text-base font-normal p-3 text-left align-middle [&:has([role=checkbox])]:pr-0',
+    'text-foreground-default-secondary text-base font-normal text-left align-middle [&:has([role=checkbox])]:pr-0 px-3 hover:bg-background-default-secondary transition-colors',
     className
   )}
+  {...restProps}
 >
   {@render children?.()}
 </th>

package/dist/table/table-header.svelte

@@ -15,7 +15,7 @@
 <thead
   bind:this={ref}
   data-slot="table-header"
-  class={cn('[&_tr]:border-b [&_tr]:border-neutral-100 bg-white', className)}
+  class={cn('sticky top-0 z-20 [&_tr]:border-b [&_tr]:border-border bg-background', className)}
   onclick={bubble('click')}
   onkeydown={bubble('keydown')}
 >

package/dist/table/table-row.svelte

@@ -10,7 +10,8 @@
     oncontextmenu,
     onkeydown,
     onmouseover,
-    onfocus
+    onfocus,
+    ...restProps
   }: WithElementRef<HTMLAttributes<HTMLTableRowElement>> = $props()
 </script>
 
@@ -18,7 +19,7 @@
   bind:this={ref}
   data-slot="table-row"
   class={cn(
-    'data-[state=selected]:bg-neutral-50 data-[state=checked]:bg-workspace-accent-50 transition-colors',
+    'group/row data-[state=selected]:bg-background-selected data-[state=checked]:bg-background-selected transition-colors h-10 data-[state=selected]:hover:bg-background-selected data-[state=checked]:hover:bg-background-selected',
     className
   )}
   {oncontextmenu}
@@ -26,6 +27,7 @@
   {onkeydown}
   {onmouseover}
   {onfocus}
+  {...restProps}
 >
   {@render children?.()}
 </tr>

package/dist/table/table.svelte

@@ -8,8 +8,8 @@
   }: WithElementRef<HTMLTableAttributes> = $props()
 </script>
 
-<div data-slot="table-container" class="relative w-full overflow-x-auto">
-  <table bind:this={ref} data-slot="table" class={cn('w-full caption-bottom', className)}>
+<div data-slot="table-container" class="relative w-full">
+  <table bind:this={ref} data-slot="table" class={cn('caption-bottom', className)}>
     {@render children?.()}
   </table>
 </div>

package/dist/tabs/tabs-list.svelte

@@ -1,14 +1,20 @@
 <script lang="ts">
   import { Tabs as TabsPrimitive } from 'bits-ui'
   import { cn } from '../utils.js'
-  let { ref = $bindable(null), class: className, children }: TabsPrimitive.ListProps = $props()
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    variant
+  }: TabsPrimitive.ListProps & { variant?: 'md' | 'lg' } = $props()
 </script>
 
 <TabsPrimitive.List
   bind:ref
   data-slot="tabs-list"
   class={cn(
-    'bg-neutral-100 border border-neutral-200 text-base text-neutral-800 inline-flex h-7 items-center justify-center rounded-md p-0.5 w-full',
+    'bg-background-default-tertiary text-base text-foreground inline-flex items-center justify-center p-0.5 w-full',
+    variant === 'lg' ? 'rounded-lg h-8' : 'rounded-md h-7',
     className
   )}
 >

package/dist/tabs/tabs-list.svelte.d.ts

@@ -1,4 +1,7 @@
 import { Tabs as TabsPrimitive } from 'bits-ui';
-declare const TabsList: import("svelte").Component<TabsPrimitive.ListProps, {}, "ref">;
+type $$ComponentProps = TabsPrimitive.ListProps & {
+    variant?: 'md' | 'lg';
+};
+declare const TabsList: import("svelte").Component<$$ComponentProps, {}, "ref">;
 type TabsList = ReturnType<typeof TabsList>;
 export default TabsList;