fix: update snapshot tests with box-border class for TresLeches pane

src/components/__snapshots__/BooleanControl.test.ts.snap

@@ -2,7 +2,7 @@
 
 exports[`boolean Control > should render a boolean control 1`] = `
 "<div class="tresleches-container">
-  <div id="tres-leches-pane-default" class="tl-z-24 tl-bg-white dark:tl-bg-dark-200 tl-shadow-xl tl-p-1 tl-font-sans tl-text-xs tl-flex tl-flex-col tl-rounded-lg tl-absolute tl-top-4" >
+  <div id="tres-leches-pane-default" class="tl-box-border tl-z-24 tl-bg-white dark:tl-bg-dark-200 tl-shadow-xl tl-p-1 tl-font-sans tl-text-xs tl-flex tl-flex-col tl-rounded-lg tl-absolute tl-top-4" >
     <header class="tl-flex tl-justify-between tl-items-center tl-text-gray-200 dark:tl-text-gray-600 tl-text-xs">
       <div class="w-1/3"></div>
       <div class="tl-cursor-grabbing w-1/3"><i class="i-ic-baseline-drag-indicator"></i><i class="i-ic-baseline-drag-indicator"></i><i class="i-ic-baseline-drag-indicator"></i></div>
@@ -35,7 +35,7 @@ exports[`boolean Control > should render a boolean control 1`] = `
 
 exports[`boolean Control > should render a boolean control with a label 1`] = `
 "<div class="tresleches-container">
-  <div id="tres-leches-pane-default" class="tl-z-24 tl-bg-white dark:tl-bg-dark-200 tl-shadow-xl tl-p-1 tl-font-sans tl-text-xs tl-flex tl-flex-col tl-rounded-lg tl-absolute tl-top-4" >
+  <div id="tres-leches-pane-default" class="tl-box-border tl-z-24 tl-bg-white dark:tl-bg-dark-200 tl-shadow-xl tl-p-1 tl-font-sans tl-text-xs tl-flex tl-flex-col tl-rounded-lg tl-absolute tl-top-4" >
     <header class="tl-flex tl-justify-between tl-items-center tl-text-gray-200 dark:tl-text-gray-600 tl-text-xs">
       <div class="w-1/3"></div>
       <div class="tl-cursor-grabbing w-1/3"><i class="i-ic-baseline-drag-indicator"></i><i class="i-ic-baseline-drag-indicator"></i><i class="i-ic-baseline-drag-indicator"></i></div>

src/components/__snapshots__/ButtonControl.test.ts.snap

@@ -2,7 +2,7 @@
 
 exports[`button Controls > should render a block size button 1`] = `
 "<div class="tresleches-container">
-  <div id="tres-leches-pane-default" class="tl-z-24 tl-bg-white dark:tl-bg-dark-200 tl-shadow-xl tl-p-1 tl-font-sans tl-text-xs tl-flex tl-flex-col tl-rounded-lg tl-relative" >
+  <div id="tres-leches-pane-default" class="tl-box-border tl-z-24 tl-bg-white dark:tl-bg-dark-200 tl-shadow-xl tl-p-1 tl-font-sans tl-text-xs tl-flex tl-flex-col tl-rounded-lg tl-relative" >
     <header class="tl-flex tl-justify-between tl-items-center tl-text-gray-200 dark:tl-text-gray-600 tl-text-xs">
       <!--v-if-->
       <!--v-if-->
@@ -35,7 +35,7 @@ exports[`button Controls > should render a block size button 1`] = `
 
 exports[`button Controls > should render a button 1`] = `
 "<div class="tresleches-container">
-  <div id="tres-leches-pane-default" class="tl-z-24 tl-bg-white dark:tl-bg-dark-200 tl-shadow-xl tl-p-1 tl-font-sans tl-text-xs tl-flex tl-flex-col tl-rounded-lg tl-relative" >
+  <div id="tres-leches-pane-default" class="tl-box-border tl-z-24 tl-bg-white dark:tl-bg-dark-200 tl-shadow-xl tl-p-1 tl-font-sans tl-text-xs tl-flex tl-flex-col tl-rounded-lg tl-relative" >
     <header class="tl-flex tl-justify-between tl-items-center tl-text-gray-200 dark:tl-text-gray-600 tl-text-xs">
       <!--v-if-->
       <!--v-if-->
@@ -68,7 +68,7 @@ exports[`button Controls > should render a button 1`] = `
 
 exports[`button Controls > should render a button with a label 1`] = `
 "<div class="tresleches-container">
-  <div id="tres-leches-pane-default" class="tl-z-24 tl-bg-white dark:tl-bg-dark-200 tl-shadow-xl tl-p-1 tl-font-sans tl-text-xs tl-flex tl-flex-col tl-rounded-lg tl-relative" >
+  <div id="tres-leches-pane-default" class="tl-box-border tl-z-24 tl-bg-white dark:tl-bg-dark-200 tl-shadow-xl tl-p-1 tl-font-sans tl-text-xs tl-flex tl-flex-col tl-rounded-lg tl-relative" >
     <header class="tl-flex tl-justify-between tl-items-center tl-text-gray-200 dark:tl-text-gray-600 tl-text-xs">
       <!--v-if-->
       <!--v-if-->
@@ -101,7 +101,7 @@ exports[`button Controls > should render a button with a label 1`] = `
 
 exports[`button Controls > should render a large button 1`] = `
 "<div class="tresleches-container">
-  <div id="tres-leches-pane-default" class="tl-z-24 tl-bg-white dark:tl-bg-dark-200 tl-shadow-xl tl-p-1 tl-font-sans tl-text-xs tl-flex tl-flex-col tl-rounded-lg tl-relative" >
+  <div id="tres-leches-pane-default" class="tl-box-border tl-z-24 tl-bg-white dark:tl-bg-dark-200 tl-shadow-xl tl-p-1 tl-font-sans tl-text-xs tl-flex tl-flex-col tl-rounded-lg tl-relative" >
     <header class="tl-flex tl-justify-between tl-items-center tl-text-gray-200 dark:tl-text-gray-600 tl-text-xs">
       <!--v-if-->
       <!--v-if-->
@@ -134,7 +134,7 @@ exports[`button Controls > should render a large button 1`] = `
 
 exports[`button Controls > should render a primary button variant by default 1`] = `
 "<div class="tresleches-container">
-  <div id="tres-leches-pane-default" class="tl-z-24 tl-bg-white dark:tl-bg-dark-200 tl-shadow-xl tl-p-1 tl-font-sans tl-text-xs tl-flex tl-flex-col tl-rounded-lg tl-relative" >
+  <div id="tres-leches-pane-default" class="tl-box-border tl-z-24 tl-bg-white dark:tl-bg-dark-200 tl-shadow-xl tl-p-1 tl-font-sans tl-text-xs tl-flex tl-flex-col tl-rounded-lg tl-relative" >
     <header class="tl-flex tl-justify-between tl-items-center tl-text-gray-200 dark:tl-text-gray-600 tl-text-xs">
       <!--v-if-->
       <!--v-if-->
@@ -167,7 +167,7 @@ exports[`button Controls > should render a primary button variant by default 1`]
 
 exports[`button Controls > should render a secondary button variant 1`] = `
 "<div class="tresleches-container">
-  <div id="tres-leches-pane-default" class="tl-z-24 tl-bg-white dark:tl-bg-dark-200 tl-shadow-xl tl-p-1 tl-font-sans tl-text-xs tl-flex tl-flex-col tl-rounded-lg tl-relative" >
+  <div id="tres-leches-pane-default" class="tl-box-border tl-z-24 tl-bg-white dark:tl-bg-dark-200 tl-shadow-xl tl-p-1 tl-font-sans tl-text-xs tl-flex tl-flex-col tl-rounded-lg tl-relative" >
     <header class="tl-flex tl-justify-between tl-items-center tl-text-gray-200 dark:tl-text-gray-600 tl-text-xs">
       <!--v-if-->
       <!--v-if-->
@@ -200,7 +200,7 @@ exports[`button Controls > should render a secondary button variant 1`] = `
 
 exports[`button Controls > should render a small button 1`] = `
 "<div class="tresleches-container">
-  <div id="tres-leches-pane-default" class="tl-z-24 tl-bg-white dark:tl-bg-dark-200 tl-shadow-xl tl-p-1 tl-font-sans tl-text-xs tl-flex tl-flex-col tl-rounded-lg tl-relative" >
+  <div id="tres-leches-pane-default" class="tl-box-border tl-z-24 tl-bg-white dark:tl-bg-dark-200 tl-shadow-xl tl-p-1 tl-font-sans tl-text-xs tl-flex tl-flex-col tl-rounded-lg tl-relative" >
     <header class="tl-flex tl-justify-between tl-items-center tl-text-gray-200 dark:tl-text-gray-600 tl-text-xs">
       <!--v-if-->
       <!--v-if-->
@@ -233,7 +233,7 @@ exports[`button Controls > should render a small button 1`] = `
 
 exports[`button Controls > should render an icon on the button 1`] = `
 "<div class="tresleches-container">
-  <div id="tres-leches-pane-default" class="tl-z-24 tl-bg-white dark:tl-bg-dark-200 tl-shadow-xl tl-p-1 tl-font-sans tl-text-xs tl-flex tl-flex-col tl-rounded-lg tl-relative" >
+  <div id="tres-leches-pane-default" class="tl-box-border tl-z-24 tl-bg-white dark:tl-bg-dark-200 tl-shadow-xl tl-p-1 tl-font-sans tl-text-xs tl-flex tl-flex-col tl-rounded-lg tl-relative" >
     <header class="tl-flex tl-justify-between tl-items-center tl-text-gray-200 dark:tl-text-gray-600 tl-text-xs">
       <!--v-if-->
       <!--v-if-->

src/components/__snapshots__/ColorControl.test.ts.snap

@@ -2,7 +2,7 @@
 
 exports[`color Control > should render a color control 1`] = `
 "<div class="tresleches-container">
-  <div id="tres-leches-pane-default" class="tl-z-24 tl-bg-white dark:tl-bg-dark-200 tl-shadow-xl tl-p-1 tl-font-sans tl-text-xs tl-flex tl-flex-col tl-rounded-lg tl-absolute tl-top-4" >
+  <div id="tres-leches-pane-default" class="tl-box-border tl-z-24 tl-bg-white dark:tl-bg-dark-200 tl-shadow-xl tl-p-1 tl-font-sans tl-text-xs tl-flex tl-flex-col tl-rounded-lg tl-absolute tl-top-4" >
     <header class="tl-flex tl-justify-between tl-items-center tl-text-gray-200 dark:tl-text-gray-600 tl-text-xs">
       <div class="w-1/3"></div>
       <div class="tl-cursor-grabbing w-1/3"><i class="i-ic-baseline-drag-indicator"></i><i class="i-ic-baseline-drag-indicator"></i><i class="i-ic-baseline-drag-indicator"></i></div>

src/components/__snapshots__/Folder.test.ts.snap

@@ -2,7 +2,7 @@
 
 exports[`folder Controls > should render controls within a folder 1`] = `
 "<div class="tresleches-container">
-  <div id="tres-leches-pane-default" class="tl-z-24 tl-bg-white dark:tl-bg-dark-200 tl-shadow-xl tl-p-1 tl-font-sans tl-text-xs tl-flex tl-flex-col tl-rounded-lg tl-relative" >
+  <div id="tres-leches-pane-default" class="tl-box-border tl-z-24 tl-bg-white dark:tl-bg-dark-200 tl-shadow-xl tl-p-1 tl-font-sans tl-text-xs tl-flex tl-flex-col tl-rounded-lg tl-relative" >
     <header class="tl-flex tl-justify-between tl-items-center tl-text-gray-200 dark:tl-text-gray-600 tl-text-xs">
       <!--v-if-->
       <!--v-if-->

src/components/__snapshots__/NumberControl.test.ts.snap

@@ -2,7 +2,7 @@
 
 exports[`number Control > should render a number control 1`] = `
 "<div class="tresleches-container">
-  <div id="tres-leches-pane-default" class="tl-z-24 tl-bg-white dark:tl-bg-dark-200 tl-shadow-xl tl-p-1 tl-font-sans tl-text-xs tl-flex tl-flex-col tl-rounded-lg tl-absolute tl-top-4" >
+  <div id="tres-leches-pane-default" class="tl-box-border tl-z-24 tl-bg-white dark:tl-bg-dark-200 tl-shadow-xl tl-p-1 tl-font-sans tl-text-xs tl-flex tl-flex-col tl-rounded-lg tl-absolute tl-top-4" >
     <header class="tl-flex tl-justify-between tl-items-center tl-text-gray-200 dark:tl-text-gray-600 tl-text-xs">
       <div class="w-1/3"></div>
       <div class="tl-cursor-grabbing w-1/3"><i class="i-ic-baseline-drag-indicator"></i><i class="i-ic-baseline-drag-indicator"></i><i class="i-ic-baseline-drag-indicator"></i></div>

src/components/__snapshots__/SelectControl.test.ts.snap

@@ -2,7 +2,7 @@
 
 exports[`dropdown Control > should render a select control 1`] = `
 "<div class="tresleches-container">
-  <div id="tres-leches-pane-default" class="tl-z-24 tl-bg-white dark:tl-bg-dark-200 tl-shadow-xl tl-p-1 tl-font-sans tl-text-xs tl-flex tl-flex-col tl-rounded-lg tl-absolute tl-top-4" >
+  <div id="tres-leches-pane-default" class="tl-box-border tl-z-24 tl-bg-white dark:tl-bg-dark-200 tl-shadow-xl tl-p-1 tl-font-sans tl-text-xs tl-flex tl-flex-col tl-rounded-lg tl-absolute tl-top-4" >
     <header class="tl-flex tl-justify-between tl-items-center tl-text-gray-200 dark:tl-text-gray-600 tl-text-xs">
       <div class="w-1/3"></div>
       <div class="tl-cursor-grabbing w-1/3"><i class="i-ic-baseline-drag-indicator"></i><i class="i-ic-baseline-drag-indicator"></i><i class="i-ic-baseline-drag-indicator"></i></div>

src/components/__snapshots__/TextControl.test.ts.snap

@@ -2,7 +2,7 @@
 
 exports[`text Control > should render a text control 1`] = `
 "<div class="tresleches-container">
-  <div id="tres-leches-pane-default" class="tl-z-24 tl-bg-white dark:tl-bg-dark-200 tl-shadow-xl tl-p-1 tl-font-sans tl-text-xs tl-flex tl-flex-col tl-rounded-lg tl-absolute tl-top-4" >
+  <div id="tres-leches-pane-default" class="tl-box-border tl-z-24 tl-bg-white dark:tl-bg-dark-200 tl-shadow-xl tl-p-1 tl-font-sans tl-text-xs tl-flex tl-flex-col tl-rounded-lg tl-absolute tl-top-4" >
     <header class="tl-flex tl-justify-between tl-items-center tl-text-gray-200 dark:tl-text-gray-600 tl-text-xs">
       <div class="w-1/3"></div>
       <div class="tl-cursor-grabbing w-1/3"><i class="i-ic-baseline-drag-indicator"></i><i class="i-ic-baseline-drag-indicator"></i><i class="i-ic-baseline-drag-indicator"></i></div>

src/components/__snapshots__/TresLeches.test.ts.snap

@@ -2,7 +2,7 @@
 
 exports[`tresLeches > should mount 1`] = `
 "<div class="tresleches-container">
-  <div id="tres-leches-pane-test" class="tl-z-24 tl-bg-white dark:tl-bg-dark-200 tl-shadow-xl tl-p-1 tl-font-sans tl-text-xs tl-flex tl-flex-col tl-rounded-lg tl-absolute tl-top-4" >
+  <div id="tres-leches-pane-test" class="tl-box-border tl-z-24 tl-bg-white dark:tl-bg-dark-200 tl-shadow-xl tl-p-1 tl-font-sans tl-text-xs tl-flex tl-flex-col tl-rounded-lg tl-absolute tl-top-4" >
     <header class="tl-flex tl-justify-between tl-items-center tl-text-gray-200 dark:tl-text-gray-600 tl-text-xs">
       <div class="w-1/3"></div>
       <div class="tl-cursor-grabbing w-1/3"><i class="i-ic-baseline-drag-indicator"></i><i class="i-ic-baseline-drag-indicator"></i><i class="i-ic-baseline-drag-indicator"></i></div>

src/components/__snapshots__/VectorControl.test.ts.snap

@@ -2,7 +2,7 @@
 
 exports[`vector Control > should render multiple numeric inputs 1`] = `
 "<div class="tresleches-container">
-  <div id="tres-leches-pane-default" class="tl-z-24 tl-bg-white dark:tl-bg-dark-200 tl-shadow-xl tl-p-1 tl-font-sans tl-text-xs tl-flex tl-flex-col tl-rounded-lg tl-absolute tl-top-4" >
+  <div id="tres-leches-pane-default" class="tl-box-border tl-z-24 tl-bg-white dark:tl-bg-dark-200 tl-shadow-xl tl-p-1 tl-font-sans tl-text-xs tl-flex tl-flex-col tl-rounded-lg tl-absolute tl-top-4" >
     <header class="tl-flex tl-justify-between tl-items-center tl-text-gray-200 dark:tl-text-gray-600 tl-text-xs">
       <div class="w-1/3"></div>
       <div class="tl-cursor-grabbing w-1/3"><i class="i-ic-baseline-drag-indicator"></i><i class="i-ic-baseline-drag-indicator"></i><i class="i-ic-baseline-drag-indicator"></i></div>