@supersoniks/concorde 3.2.1 → 3.2.3

package/docs/src/core/components/ui/form/radio/radio.md

@@ -1,84 +0,0 @@
-# Radio
-
-## Size
-<sonic-code>
-  <template>
-    <div class="grid gap-2" formDataProvider="radioSizeExemple">
-      <sonic-radio name="size" value="2xs" size="2xs">2xs radio</sonic-radio>
-      <sonic-radio name="size" value="xs" size="xs">xs radio</sonic-radio>
-      <sonic-radio name="size" value="sm" size="sm">sm radio</sonic-radio>
-      <sonic-radio name="size" value="default" >default radio</sonic-radio>
-      <sonic-radio name="size" value="lg" size="lg">lg radio</sonic-radio>
-      <sonic-radio name="size" value="xl" size="xl">xl radio</sonic-radio>
-      <sonic-radio name="size" value="2xl" size="2xl">2xl radio</sonic-radio>
-    </div>
-  </template>
-</sonic-code>
-
-## Checked
-<sonic-code>
-  <template>
-  <sonic-radio checked
-    >Already checked radio
-  </sonic-radio>
-  </template>
-</sonic-code>
-
-## Disabled
-<sonic-code>
-  <template>
-  <sonic-radio disabled
-    >Disabled radio
-  </sonic-radio>
-  </template>
-</sonic-code>
-
-## Disabled and checked
-<sonic-code>
-  <template>
-  <sonic-radio disabled checked
-    >Disabled but already checked radio
-  </sonic-radio>
-  </template>
-</sonic-code>
-
-## radio with link
-<sonic-code>
-  <template>
-  <sonic-radio name="link" value="link">radio with <sonic-link href="#" class="underline text-info">link</sonic-link>
-  </template>
-</sonic-code>
-
-
-## Example of use
-<sonic-code>
-  <template>
-      <sonic-subscriber dataProvider="jokeFilterRadio" class="text-xl my-4 block font-bold">
-        Remove following jokes :
-        <sonic-value key="blacklistFlags" class="block text-sm"></sonic-value>
-      </sonic-subscriber>
-      <div formDataProvider="jokeFilterRadio"  class="grid grid-cols-2 lg:grid-cols-3 gap-x-6 gap-y-2 mt-2 mb-3">
-        <sonic-radio name="blacklistFlags"  value="nsfw">nsfw</sonic-radio>
-        <sonic-radio name="blacklistFlags"  value="religious">religious</sonic-radio>
-        <sonic-radio name="blacklistFlags"  value="political">political</sonic-radio>
-        <sonic-radio name="blacklistFlags"  value="racist" checked >racist</sonic-radio>
-        <sonic-radio name="blacklistFlags"  value="sexist"  >sexist</sonic-radio>
-        <sonic-radio name="blacklistFlags"   value="explicit">explicit</sonic-radio>
-      </div>
-      <sonic-queue
-        lazyload
-        dataProviderExpression="joke/Any?amount=10&lang=en"
-        dataFilterProvider="jokeFilterRadio"
-        serviceURL="https://v2.jokeapi.dev"
-        key="jokes"
-      >
-        <template>
-          <div class="border-0 border-b-[1px] border-b-neutral-300  py-3 leading-tight">
-            <sonic-value key="joke"></sonic-value>
-            <sonic-value key="setup" class="font-bold"></sonic-value><br>
-            <sonic-value key="delivery"></sonic-value>
-          </div>
-        </template>
-      </sonic-queue>
-  </template>
-</sonic-code>

package/docs/src/core/components/ui/form/select/select.md

@@ -1,97 +0,0 @@
-# Select
-
-## Options
-<sonic-code>
-  <template>
-    <div class="grid gap-3">
-      <sonic-select> 
-        <option value="">No Selection</option>
-        <option value="1">One</option>
-        <option value="2" selected>Two (set by "tag")</option>
-        <option value="3">Three</option>
-      </sonic-select>
-      <sonic-select options='[{"value":"", "wording":"Set options via \"attribute\""},
-              {"value":"dark", "wording":"dark (set by \"attribute\")", "selected" : "true"}, {"value":"auto", "wording":"auto"}
-              ]'> 
-      </sonic-select>
-    </div>
-  </template>
-</sonic-code>
-
-## Size
-<sonic-code>
-  <template>
-    <div class="grid gap-3">
-      <sonic-select size="2xs"><option>2xs</option></sonic-select>
-      <sonic-select size="xs"><option>xs</option></sonic-select>
-      <sonic-select size="sm"><option>sm</option></sonic-select>
-      <sonic-select size="md"><option>md</option></sonic-select>
-      <sonic-select size="default"><option>default</option></sonic-select>
-      <sonic-select size="lg"><option>lg</option></sonic-select>
-      <sonic-select size="xl"><option>xl</option></sonic-select>
-      <sonic-select size="2xl"><option>2xl</option></sonic-select>
-    </div>
-  </template>
-</sonic-code>
-
-
-## Multiple
-<sonic-code>
-  <template>
-    <div class="grid gap-3">
-      <sonic-select multiple> 
-        <option value="">Choose a number</option>
-        <option value="1">One</option>
-        <option value="2">Two</option>
-        <option value="3">Three</option>
-      </sonic-select>
-    </div>
-  </template>
-</sonic-code>
-
-
-## Disabled
-<sonic-code>
-  <template>
-    <div class="grid gap-3">
-      <sonic-select disabled> 
-        <option value="">Choose a number</option>
-        <option value="1">One</option>
-        <option value="2">Two</option>
-        <option value="3">Three</option>
-      </sonic-select>
-    </div>
-  </template>
-</sonic-code>
-
-## Example of use
-<sonic-code>
-  <template>
-    <sonic-select
-      formDataProvider="select-filter"
-      name="lang"
-      value="fr"
-    >
-    <option value="fr">fr<option>
-    <optionn value="en">en<option>
-    </sonic-select>
-    <sonic-subscriber dataProvider="select-filter" class="text-xl my-4 block font-bold">
-      Blagues trouvées pour le code de langue"<span data-bind ::inner-html="$lang"></span>" :
-    </sonic-subscriber>
-    <sonic-queue
-      lazyload
-      dataProviderExpression="joke/Any?amount=10"
-      dataFilterProvider="select-filter"
-      serviceURL="https://v2.jokeapi.dev"
-      key="jokes"
-    >
-      <template>
-        <div class="border-0 border-b-[1px] border-b-neutral-300 border-dotted py-3">
-          <div data-bind ::inner-html="$joke"></div>
-          <div data-bind ::inner-html="$setup"></div>
-          <div data-bind ::inner-html="$delivery"></div>
-        </div>
-      </template>
-    </sonic-queue>
-  </template>
-</sonic-code>

package/docs/src/core/components/ui/form/switch/switch.md

@@ -1,84 +0,0 @@
-# Switch
-
-## Size
-<sonic-code>
-  <template>
-    <div class="grid gap-2" formDataProvider="switchSizeExemple">
-      <sonic-switch name="size2xs" value="2xs" size="2xs">2xs switch</sonic-switch>
-      <sonic-switch name="sizexs" value="xs" size="xs">xs switch</sonic-switch>
-      <sonic-switch name="sizesm" value="sm" size="sm">sm switch</sonic-switch>
-      <sonic-switch name="size" value="default" >default switch</sonic-switch>
-      <sonic-switch name="sizelg" value="lg" size="lg">lg switch</sonic-switch>
-      <sonic-switch name="sizexl" value="xl" size="xl">xl switch</sonic-switch>
-      <sonic-switch name="size2xl" value="2xl" size="2xl">2xl switch</sonic-switch>
-    </div>
-  </template>
-</sonic-code>
-
-## Checked
-<sonic-code>
-  <template>
-  <sonic-switch checked
-    >Already checked switch
-  </sonic-switch>
-  </template>
-</sonic-code>
-
-## Disabled
-<sonic-code>
-  <template>
-  <sonic-switch disabled
-    >Disabled switch
-  </sonic-switch>
-  </template>
-</sonic-code>
-
-## Disabled and checked
-<sonic-code>
-  <template>
-  <sonic-switch disabled checked
-    >Disabled but already checked switch
-  </sonic-switch>
-  </template>
-</sonic-code>
-
-## switch with link
-<sonic-code>
-  <template>
-  <sonic-switch name="link" value="link">switch with <sonic-link href="#" class="underline text-info">link</sonic-link>
-  </template>
-</sonic-code>
-
-
-## Example of use
-<sonic-code>
-  <template>
-      <sonic-subscriber dataProvider="jokeFilterswitch" class="text-xl my-4 block font-bold">
-        Remove following jokes :
-        <sonic-value key="blacklistFlags" class="block text-sm"></sonic-value>
-      </sonic-subscriber>
-      <div formDataProvider="jokeFilterswitch"  class="grid grid-cols-2 lg:grid-cols-3 gap-x-6 gap-y-2 mt-2 mb-3">
-        <sonic-switch name="blacklistFlags"  value="nsfw">nsfw</sonic-switch>
-        <sonic-switch name="blacklistFlags"  value="religious">religious</sonic-switch>
-        <sonic-switch name="blacklistFlags"  value="political">political</sonic-switch>
-        <sonic-switch name="blacklistFlags"  value="racist" checked >racist</sonic-switch>
-        <sonic-switch name="blacklistFlags"  value="sexist"  >sexist</sonic-switch>
-        <sonic-switch name="blacklistFlags"   value="explicit">explicit</sonic-switch>
-      </div>
-      <sonic-queue
-        lazyload
-        dataProviderExpression="joke/Any?amount=10&lang=en"
-        dataFilterProvider="jokeFilterswitch"
-        serviceURL="https://v2.jokeapi.dev"
-        key="jokes"
-      >
-        <template>
-          <div class="border-0 border-b-[1px] border-b-neutral-300  py-3 leading-tight">
-            <sonic-value key="joke"></sonic-value>
-            <sonic-value key="setup" class="font-bold"></sonic-value><br>
-            <sonic-value key="delivery"></sonic-value>
-          </div>
-        </template>
-      </sonic-queue>
-  </template>
-</sonic-code>

package/docs/src/core/components/ui/form/textarea/textarea.md

@@ -1,65 +0,0 @@
-# Textarea
-
-<sonic-button type="info" size="sm" target="_blank" href="https://www.w3schools.com/tags/tag_textarea.asp#midcontentadcontainer">
-  <sonic-icon library="iconoir" name="open-new-window" slot="prefix" ></sonic-icon>
-  Native attibutes list
-</sonic-button>
-
-
-## Label
-<sonic-code>
-  <template>
-  <sonic-textarea label="Label"></sonic-textarea>
-  </template>
-</sonic-code>
-
-## Placeholder
-<sonic-code>
-  <template>
-  <sonic-textarea placeholder="placeholder"></sonic-textarea>
-  </template>
-</sonic-code>
-
-## Value
-<sonic-code>
-  <template>
-  <sonic-textarea value="value"></sonic-textarea>
-  </template>
-</sonic-code>
-
-## Required
-<sonic-code>
-  <template>
-  <sonic-textarea required label="Feedback on blur" placeholder="required" ></sonic-textarea>
-  </template>
-</sonic-code>
-
-## Rows
-<sonic-code>
-  <template>
-  <sonic-textarea rows="8"></sonic-textarea>
-  </template>
-</sonic-code>
-
-## Description
-<sonic-code>
-  <template>
-  <sonic-textarea  description="Description goes here" ></sonic-textarea>
-  </template>
-</sonic-code>
-
-
-## Size
-<sonic-code>
-  <template>
-  <div class="grid gap-4">
-    <sonic-textarea size="2xs" value="2xs"></sonic-textarea>
-    <sonic-textarea size="xs" value="xs"></sonic-textarea>
-    <sonic-textarea size="sm" value="sm"></sonic-textarea>
-    <sonic-textarea value="md / default"></sonic-textarea>
-    <sonic-textarea size="lg" value="lg"></sonic-textarea>
-    <sonic-textarea size="xl" value="xl"></sonic-textarea>
-    <sonic-textarea size="2xl" value="2xl"></sonic-textarea>
-  </div>
-  </template>
-</sonic-code>

package/docs/src/core/components/ui/group/group.md

@@ -1,75 +0,0 @@
-# Group
-
-## Radio group
-<sonic-code>
-  <template>
-    <sonic-group formDataProvider="subscriptionData">
-      <sonic-button radio name="subscription" value="standard" type="default">😎 Standard</sonic-button>
-      <sonic-button radio checked name="subscription" value="premium" type="default">⭐ Premium</sonic-button>
-      <sonic-button radio name="subscription" value="diamond" type="default">💎 Diamond</sonic-button>
-    </sonic-group>
-  </template>
-</sonic-code>
-
-## Button group
-<sonic-code>
-  <template>
-    <sonic-group>
-      <sonic-button type="info" target="_blank" href="https://wwws.airfrance.fr/">🗼Air France</sonic-button>
-      <sonic-button type="success" target="_blank" href="https://www.airtahitinui.com/">🌴 Air Tahiti</sonic-button>
-      <sonic-button type="danger" target="_blank" href="https://www.aircorsica.com/">💣 Air Corsica</sonic-button>
-    </sonic-group>
-  </template>
-</sonic-code>
-
-## Input actions prefix
-<sonic-code>
-  <template>
-    <div class="grid grid-cols-3 gap-3">
-      <sonic-group>
-        <sonic-button type="info" shape="square">
-          <sonic-icon library="iconoir" library="iconoir" name="info-empty"></sonic-icon>
-        </sonic-button>
-        <sonic-input placeholder="placeholder" ></sonic-input>
-      </sonic-group>
-      <sonic-group label="Label">
-        <sonic-button type="info" shape="square">
-          <sonic-icon library="iconoir" library="iconoir" name="info-empty"></sonic-icon>
-        </sonic-button>
-        <sonic-input  ></sonic-input>
-      </sonic-group>
-      <sonic-group description="Description">
-        <sonic-button type="info" shape="square">
-          <sonic-icon library="iconoir" library="iconoir" name="info-empty"></sonic-icon>
-        </sonic-button>
-        <sonic-input ></sonic-input>
-      </sonic-group>
-    </div>
-  </template>
-</sonic-code>
-
-## Input actions suffix
-<sonic-code>
-  <template>
-    <div class="grid grid-cols-3 gap-3">
-      <sonic-group>
-        <sonic-input placeholder="placeholder" ></sonic-input>
-        <sonic-button type="primary" shape="square">
-          <sonic-icon library="iconoir" library="iconoir" name="check"></sonic-icon>
-        </sonic-button>
-      </sonic-group>
-      <sonic-group label="Label">
-        <sonic-input  ></sonic-input>
-        <sonic-button type="primary" shape="square">
-          <sonic-icon library="iconoir" library="iconoir" name="check"></sonic-icon>
-        </sonic-button>
-      </sonic-group>
-      <sonic-group description="Description">
-        <sonic-input ></sonic-input>
-        <sonic-button type="primary" shape="square">
-          <sonic-icon library="iconoir" library="iconoir" name="check"></sonic-icon>
-        </sonic-button>
-      </sonic-group>
-    </div>
-  </template>
-</sonic-code>

package/docs/src/core/components/ui/icon/icon.md

@@ -1,125 +0,0 @@
-# Icon
-
-
-## Custom
-
-<p >Icons located in the following folder : <span class="text-info">/svg/$prefix/$name.svg<span></p>
-
-<sonic-code customIconLibraryPath="/svg/$prefix/$name.svg"
-      customIconDefaultPrefix="regular">
-  <template>
-    <sonic-scope  customIconLibraryPath="/svg/$prefix/$name.svg"
-      customIconDefaultPrefix="regular">
-      <div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4  gap-8">
-        <div class="text-center">
-          <sonic-icon library="custom" prefix="regular" name="plane"></sonic-icon>
-          <br>
-          <div class="text-xs mt-1">regular</div>
-        </div>
-        <div class="text-center">
-          <sonic-icon library="custom" prefix="solid" name="plane"></sonic-icon>
-          <br>
-          <div class="text-xs mt-1">solid</div>
-        </div>
-        <div class="text-center">
-          <sonic-icon library="custom"  name="plane"></sonic-icon>
-          <br>
-          <div class="text-xs mt-1">default prefix</div>
-        </div>
-      </div>
-    </sonic-scope>
-  </template>
-</sonic-code>
-
-
-## External
-<sonic-code>
-  <template>
-    <div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-8">
-      <sonic-link href="https://heroicons.com/" target="_blank" class="text-center underline">
-        <sonic-icon library="heroicons" prefix="outline" name="academic-cap" size="lg"></sonic-icon>
-        <br>
-        <div class="text-xs mt-1">heroicons</div>
-      </sonic-link>
-      <sonic-link href="https://iconoir.com/" target="_blank" class="text-center underline">
-        <sonic-icon library="iconoir" name="2x2-cell"  size="lg"></sonic-icon>
-        <br>
-        <div class="text-xs mt-1">iconoir</div>
-      </sonic-link>
-      <sonic-link href="https://materialdesignicons.com/" target="_blank" class="text-center underline">
-        <sonic-icon library="material" prefix="outline" name="email" size="lg"></sonic-icon>
-        <br>
-        <div class="text-xs mt-1">material design</div>
-      </sonic-link>
-      <sonic-link href="https://fontawesome.com/search?o=r&m=free&s=regular" target="_blank" class="text-center underline">
-        <sonic-icon library="fontAwesome" prefix="regular" name="user" size="lg"></sonic-icon>
-        <br>
-        <div class="text-xs mt-1">fontAwesome regular</div>
-      </sonic-link>
-      <sonic-link href="https://fontawesome.com/search?o=r&m=free&s=solid" target="_blank" class="text-center underline">
-        <sonic-icon library="fontAwesome" prefix="solid" name="book" size="lg"></sonic-icon>
-        <br>
-        <div class="text-xs mt-1">fontAwesome solid</div>
-      </sonic-link>
-      <sonic-link href="https://feathericons.com/" target="_blank" class="text-center underline">
-        <sonic-icon library="feathers" name="activity"  size="lg"></sonic-icon>
-        <br>
-        <div class="text-xs mt-1">feathers</div>
-      </sonic-link>
-      <sonic-link href="https://lucide.dev/" target="_blank" class="text-center underline">
-        <sonic-icon library="lucide" name="album"  size="lg"></sonic-icon>
-        <br>
-        <div class="text-xs mt-1">lucide</div>
-      </sonic-link>
-    </div>
-  </template>
-</sonic-code>
-
-## Size
-<sonic-code>
-  <template>
-    <div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4  gap-8">
-      <div class="text-center">
-        <sonic-icon library="heroicons" prefix="outline" name="academic-cap" size="2xs"></sonic-icon>
-        <br>
-        <div class="text-xs mt-1">2xs</div>
-      </div>
-      <div class="text-center">
-        <sonic-icon library="heroicons" prefix="outline" name="academic-cap" size="xs"></sonic-icon>
-        <br>
-        <div class="text-xs mt-1">xs</div>
-      </div>
-      <div class="text-center">
-        <sonic-icon library="heroicons" prefix="outline" name="academic-cap" size="sm"></sonic-icon>
-        <br>
-        <div class="text-xs mt-1">sm</div>
-      </div>
-      <div class="text-center">
-        <sonic-icon library="heroicons" prefix="outline" name="academic-cap"></sonic-icon>
-        <br>
-        <div class="text-xs mt-1">default</div>
-      </div>
-      <div class="text-center">
-        <sonic-icon library="heroicons" prefix="outline" name="academic-cap" size="lg"></sonic-icon>
-        <br>
-        <div class="text-xs mt-1">lg</div>
-      </div>
-      <div class="text-center">
-        <sonic-icon library="heroicons" prefix="outline" name="academic-cap" size="xl"></sonic-icon>
-        <br>
-        <div class="text-xs mt-1">xl</div>
-      </div>
-      <div class="text-center">
-        <sonic-icon library="heroicons" prefix="outline" name="academic-cap" size="2xl"></sonic-icon>
-        <br>
-        <div class="text-xs mt-1">2xl</div>
-      </div>
-      <div class="text-center">
-        <sonic-icon library="heroicons" prefix="outline" name="academic-cap" size="3xl"></sonic-icon>
-        <br>
-        <div class="text-xs mt-1">3xl</div>
-      </div>
-    </div>
-  </template>
-</sonic-code>
-

package/docs/src/core/components/ui/icon/icons.json

@@ -1 +0,0 @@
-{"core":{"cancel":"<svg width=\"24\" height=\"24\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M6.75827 17.2426L12.0009 12M17.2435 6.75736L12.0009 12M12.0009 12L6.75827 6.75736M12.0009 12L17.2435 17.2426\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n","check-circled-outline":"<svg width=\"24\" height=\"24\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M7 12.5L10 15.5L17 8.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<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\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n","check":"<svg width=\"24\" height=\"24\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M5 13L9 17L19 7\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n","emoji-puzzled":"<svg width=\"24px\" height=\"24px\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" ><path d=\"M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path><path d=\"M11.5 15.5s1.5-2 4.5-2 4.5 2 4.5 2M3 4c0-2.754 4-2.754 4 0 0 1.967-2 1.64-2 4M5 11.01l.01-.011\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path><path d=\"M17.5 9a.5.5 0 110-1 .5.5 0 010 1zM10.5 9a.5.5 0 110-1 .5.5 0 010 1z\" fill=\"#000\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path></svg>","info-empty":"<svg width=\"24\" height=\"24\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12 11.5V16.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M12 7.51L12.01 7.49889\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<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\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n","loader":"<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-loader\"><line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"6\"></line><line x1=\"12\" y1=\"18\" x2=\"12\" y2=\"22\"></line><line x1=\"4.93\" y1=\"4.93\" x2=\"7.76\" y2=\"7.76\"></line><line x1=\"16.24\" y1=\"16.24\" x2=\"19.07\" y2=\"19.07\"></line><line x1=\"2\" y1=\"12\" x2=\"6\" y2=\"12\"></line><line x1=\"18\" y1=\"12\" x2=\"22\" y2=\"12\"></line><line x1=\"4.93\" y1=\"19.07\" x2=\"7.76\" y2=\"16.24\"></line><line x1=\"16.24\" y1=\"7.76\" x2=\"19.07\" y2=\"4.93\"></line></svg>","minus-small":"<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"w-6 h-6\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18 12H6\" />\n</svg>\n","more-horiz":"<svg width=\"24\" height=\"24\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M18 12.5C18.2761 12.5 18.5 12.2761 18.5 12C18.5 11.7239 18.2761 11.5 18 11.5C17.7239 11.5 17.5 11.7239 17.5 12C17.5 12.2761 17.7239 12.5 18 12.5Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M12 12.5C12.2761 12.5 12.5 12.2761 12.5 12C12.5 11.7239 12.2761 11.5 12 11.5C11.7239 11.5 11.5 11.7239 11.5 12C11.5 12.2761 11.7239 12.5 12 12.5Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M6 12.5C6.27614 12.5 6.5 12.2761 6.5 12C6.5 11.7239 6.27614 11.5 6 11.5C5.72386 11.5 5.5 11.7239 5.5 12C5.5 12.2761 5.72386 12.5 6 12.5Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n","more-vert":"<svg width=\"24\" height=\"24\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12 12.5C12.2761 12.5 12.5 12.2761 12.5 12C12.5 11.7239 12.2761 11.5 12 11.5C11.7239 11.5 11.5 11.7239 11.5 12C11.5 12.2761 11.7239 12.5 12 12.5Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M12 18.5C12.2761 18.5 12.5 18.2761 12.5 18C12.5 17.7239 12.2761 17.5 12 17.5C11.7239 17.5 11.5 17.7239 11.5 18C11.5 18.2761 11.7239 18.5 12 18.5Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M12 6.5C12.2761 6.5 12.5 6.27614 12.5 6C12.5 5.72386 12.2761 5.5 12 5.5C11.7239 5.5 11.5 5.72386 11.5 6C11.5 6.27614 11.7239 6.5 12 6.5Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n","nav-arrow-down":"<svg width=\"24\" height=\"24\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M6 9L12 15L18 9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n","warning-circled-outline":"<svg width=\"24\" height=\"24\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12 7L12 13\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M12 17.01L12.01 16.9989\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<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\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n"}}

package/docs/src/core/components/ui/image/image.md

@@ -1,107 +0,0 @@
-# Image
-
-## Rounded
-
-<sonic-code>
-  <template>
-    <div class="grid gap-8 grid-cols-3 items-center">
-      <sonic-image
-        src="https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg"
-        ratio="1/1"
-      >
-      </sonic-image>
-      <sonic-image
-        rounded="sm"
-        ratio="1/1"
-        src="https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg"
-      >
-      </sonic-image>
-      <sonic-image
-        rounded
-        ratio="1/1"
-        src="https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg"
-      >
-      </sonic-image>
-      <sonic-image
-        rounded="md"
-        ratio="1/1"
-        src="https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg"
-      >
-      </sonic-image>
-      <sonic-image
-        rounded="lg"
-        ratio="1/1"
-        src="https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg"
-      >
-      </sonic-image>
-      <sonic-image
-        rounded="full"
-        ratio="1/1"
-        src="https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg"
-      >
-      </sonic-image>
-    </div>
-  </template>
-</sonic-code>
-
-## Ratio
-
-<sonic-code>
-  <template>
-    <div class="grid gap-8 grid-cols-2 items-center">
-      <sonic-image
-        src="https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg"
-      >
-      </sonic-image>
-      <sonic-image
-        ratio="16/9"
-        src="https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg"
-      >
-      </sonic-image>
-      <sonic-image
-        ratio="1/1"
-        src="https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg"
-      >
-      </sonic-image>
-      <sonic-image
-        ratio="2/3"
-        src="https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg"
-      >
-      </sonic-image>
-    </div>
-  </template>
-</sonic-code>
-
-## Object position
-
-<sonic-code>
-  <template>
-    <div class="grid gap-8 grid-cols-2 items-center">
-      <sonic-image
-        src="https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg"
-        ratio="11/4"
-      >
-      </sonic-image>
-      <sonic-image
-        objectPosition="center top"
-        src="https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg"
-        ratio="11/4"
-      >
-      </sonic-image>
-    </div>
-  </template>
-</sonic-code>
-
-## Cover
-
-<sonic-code>
-  <template>
-    <div class="h-96 relative">
-      <sonic-image
-        cover
-        src="https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg"
-      >
-      </sonic-image>
-    </div>
-  </template>
-</sonic-code>