fastlifeweb 0.9.1__py3-none-any.whl → 0.9.2__py3-none-any.whl

fastlife/configurator/settings.py

@@ -54,6 +54,12 @@ class Settings(BaseSettings):
 
     Set to true while developing, set false for production.
     """
+    jinjax_global_catalog_class: str = Field(
+        default="fastlife.templating.renderer:Constants"
+    )
+    """
+    Set global constants accessible in every templates.
+    """
 
     session_secret_key: str = Field(default="")
     """

fastlife/middlewares/__init__.py

@@ -1,7 +0,0 @@
-from fastlife import Configurator, configure
-
-
-@configure
-def includeme(config: Configurator) -> None:
-    config.include(".reverse_proxy")
-    config.include(".session")

fastlife/templates/A.jinja

@@ -4,28 +4,11 @@ disable_htmx=false,
 hx_target="#maincontent",
 hx_select=None,
 hx_swap="innerHTML show:body:top",
-hx_push_url=true,
-class_="""
-bg-neutral-200
-px-5
-py-2.5
-rounded-lg
-text-center
-text-neutral-900
-text-sm
-font-medium
-focus:outline-none
-focus:ring-4
-focus:ring-primary-300
-hover:bg-neutral-50
-dark:bg-neutral-400
-dark:focus:ring-neutral-100
-dark:hover:bg-neutral-300
-"""
+hx_push_url=true
 #}
 
 <a href="{{href}}" {% if not disable_htmx %} hx-get="{{href}}" hx-target="{{hx_target}}" hx-swap="{{hx_swap}}" {% if
   hx_push_url %} hx-push-url="true" {%- endif %}{% if hx_select %} hx-select="{{hx_select}}" {%- endif %}{%- endif
-  %}class="{{attrs.class or class_}}">
+  %}class="{{attrs.class or A_CLASS}}">
   {{- content -}}
 </a>

fastlife/templates/Button.jinja

@@ -16,23 +16,6 @@ hx_confirm="",
 hx_delete="",
 hx_push_url=true,
 full_width=false,
-class_="""
-bg-primary-600
-font-medium
-px-5
-py-2.5
-rounded-lg
-text-center
-text-sm
-text-white
-hover:bg-primary-700
-focus:outline-none
-focus:ring-4
-focus:ring-primary-300
-dark:bg-primary-600
-dark:focus:ring-primary-800
-dark:hover:bg-primary-700
-"""
 #}
 <button type="{{type}}" {%if id %}id="{{id}}" {%endif%} name="{{name}}" value="{{value}}" {% if
   hx_target%}hx-target="{{hx_target}}" {% endif %} {% if hx_swap %}hx-swap="{{hx_swap}}" {% endif %} {% if hx_select
@@ -40,7 +23,7 @@ dark:hover:bg-primary-700
   %}onclick="{{onclick}}" {% endif %}{% if hx_after_request %}hx-on::after-request="{{hx_after_request}}" {% endif %} {%
   if hx_vals %}hx-vals='{{hx_vals|safe}}' {% endif %} {% if hx_confirm %}hx-confirm="{{hx_confirm}}" {% endif %} {% if
   hx_delete %}hx-delete="{{hx_delete}}" {% endif %} {% if hx_get and hx_push_url %} hx-push-url="true" {%- endif %}{% if aria_label
-  %}aria-label="{{aria_label}}" {% endif %} class="{% if full_width %}w-full {% endif %}{{attrs.class or class_}}" {% if
+  %}aria-label="{{aria_label}}" {% endif %} class="{% if full_width %}w-full {% endif %}{{attrs.class or BUTTON_CLASS}}" {% if
   hidden %}hidden{% endif %}>
   {{- content -}}
 </button>

fastlife/templates/Checkbox.jinja

@@ -3,20 +3,6 @@ name,
 id,
 value=None,
 checked=False,
-class_="""
-bg-neutral-100
-border-neutral-300
-h-4
-rounded
-text-primary-600
-w-4
-dark:bg-neutral-700
-dark:border-neutral-600
-dark:focus:ring-primary-600
-dark:ring-offset-neutral-800
-focus:ring-2
-focus:ring-primary-500
-"""
 #}
 <input name="{{name}}" {% if value is not none %}value="{{value}}" {% endif %} {% if checked %}checked{% endif %}
-  type="checkbox" id="{{id}}" class="{{attrs.class or class_}}" />
+  type="checkbox" id="{{id}}" class="{{attrs.class or CHECKBOX_CLASS}}" />

fastlife/templates/Details.jinja

@@ -0,0 +1,4 @@
+{# def open=True #}
+<details class="{{attrs.class or DETAILS_CLASS}}" {% if open %}open{% endif %}>
+  {{content}}
+</details>

fastlife/templates/Form.jinja

@@ -2,10 +2,10 @@
 method="",
 action=None,
 hx_post=None,
-class_="space-y-4 md:space-y-6"
 #}
-<form class="{{attrs.class or class_}}" {% if hx_post is not none %}hx-post="{% if hx_post is not true %}{{hx_post}}{% endif%}" {% endif %}{% if action is not
-  none %}action="{{action}}" {% endif %}{% if method %}method="{{method}}" {% endif %}>
+<form class="{{attrs.class or FORM_CLASS}}" {% if hx_post is not none
+  %}hx-post="{% if hx_post is not true %}{{hx_post}}{% endif%}" {% endif %}{% if action is not none
+  %}action="{{action}}" {% endif %}{% if method %}method="{{method}}" {% endif %}>
   <CsrfToken />
   {{ content }}
 </form>

fastlife/templates/H1.jinja

@@ -1,15 +1 @@
-{# def
-class_="""
-block
-font-bold
-font-sans
-leading-tight
-pb-4
-text-5xl
-text-neutral-900
-tracking-tight
-dark:text-white
-md:text-4xl
-"""
-#}
-<h1 class="{{attrs.class or class_}}">{{ content }}</h1>
+<h1 class="{{attrs.class or H1_CLASS}}">{{ content }}</h1>

fastlife/templates/H2.jinja

@@ -1,15 +1 @@
-{# def
-class_="""
-block
-font-bold
-font-sans
-leading-tight
-pb-4
-text-4xl
-text-neutral-900
-tracking-tight
-dark:text-white
-md:text-4xl
-"""
-#}
-<h2 class="{{attrs.class or class_}}">{{ content }}</h2>
+<h2 class="{{attrs.class or H2_CLASS}}">{{ content }}</h2>

fastlife/templates/H3.jinja

@@ -1,14 +1 @@
-{# def
-class_="""
-block
-font-bold
-font-sans
-leading-tight
-pb-4
-text-3xl
-text-neutral-900
-tracking-tight
-dark:text-white
-md:text-3xl"""
-#}
-<h3 class="{{attrs.class or class_}}">{{ content }}</h3>
+<h3 class="{{attrs.class or H3_CLASS}}">{{ content }}</h3>

fastlife/templates/H4.jinja

@@ -1,14 +1 @@
-{# def
-class_="""
-block
-font-bold
-font-sans
-leading-tight
-pb-4
-text-2xl
-text-neutral-900
-tracking-tight
-dark:text-white
-md:text-2xl"""
-#}
-<h4 class="{{attrs.class or class_}}">{{ content }}</h4>
+<h4 class="{{attrs.class or H4_CLASS}}">{{ content }}</h4>

fastlife/templates/H5.jinja

@@ -1,14 +1 @@
-{# def
-class_="""
-block
-font-bold
-font-sans
-leading-tight
-pb-4
-text-xl
-text-neutral-900
-tracking-tight
-dark:text-white
-md:text-xl"""
-#}
-<h5 class="{{attrs.class or class_}}">{{ content }}</h5>
+<h5 class="{{attrs.class or H5_CLASS}}">{{ content }}</h5>

fastlife/templates/H6.jinja

@@ -1,14 +1 @@
-{# def
-class_="""
-block
-font-bold
-font-sans
-leading-tight
-pb-4
-text-l
-text-neutral-900
-tracking-tight
-dark:text-white
-md:text-l"""
-#}
-<h6 class="{{attrs.class or class_}}">{{ content }}</h6>
+<h6 class="{{attrs.class or H6_CLASS}}">{{ content }}</h6>

fastlife/templates/Input.jinja

@@ -5,27 +5,8 @@ type="text",
 id="",
 aria_label="",
 placeholder="",
-class_="""
-bg-neutral-50
-block
-border
-border-neutral-300
-p-2.5
-rounded-lg
-text-base
-text-neutral-900
-w-full
-dark:bg-neutral-700
-dark:border-neutral-600
-dark:focus:border-primary-500
-dark:focus:ring-primary-500
-dark:placeholder-neutral-400
-dark:text-white
-focus:border-primary-500
-focus:ring-primary-500
-"""
 #}
 
 <input name="{{name}}" value="{{value}}" type="{{type}}" {% if id %}id="{{id}}" {% endif %}{% if aria_label
   %}aria-label="{{aria_label}}" {% endif %} {% if placeholder %}placeholder="{{placeholder}}" {% endif %}
-  class="{{attrs.class or class_}}" />
+  class="{{attrs.class or INPUT_CLASS}}" />

fastlife/templates/Label.jinja

@@ -1,11 +1,2 @@
-{#def
-class_="""
-block
-font-bold
-mb-2
-text-base
-text-neutral-900
-dark:text-white
-""" #}
 
-<label for="{{attrs.for}}" class="{{attrs.class or class_}}">{{content}}</label>
+<label for="{{attrs.for}}" class="{{attrs.class or LABEL_CLASS}}">{{content}}</label>

fastlife/templates/P.jinja

@@ -1,9 +1,4 @@
 {# def
 id="",
-class_="""
-text-base
-text-neutral-900
-dark:text-white
-"""
 #}
-<p {% if id %}id="{{id}}" {% endif %} class="{{ attrs.class or class_}}">{{content}}</p>
+<p {% if id %}id="{{id}}" {% endif %} class="{{ attrs.class or P_CLASS}}">{{content}}</p>

fastlife/templates/Radio.jinja

@@ -6,25 +6,10 @@ value,
 checked=false,
 disabled=false,
 onclick="",
-class_="""
-bg-neutral-100
-border-neutral-300
-w-4
-h-4
-text-primary-600
-focus:ring-2
-focus:ring-primary-500
-dark:bg-neutral-700
-dark:border-neutral-600
-dark:focus:ring-primary-600
-dark:ring-offset-neutral-800
-""",
-label_class="ms-2 text-sm font-medium text-neutral-900 dark:text-neutral-300",
-div_class="flex items-center mb-4"
 #}
-<div class="{{div_class}}">
+<div class="{{attrs.div_class or RADIO_DIV_CLASS}}">
   <input type="radio" name="{{name}}" id="{{id}}" value="{{value}}" {% if checked %}checked{% endif %}
-    class="{{attrs.class or class_}}" {% if onclick %}onclick="{{onclick}}" {% endif %} {%if
+    class="{{attrs.class or RADIO_INPUT_CLASS}}" {% if onclick %}onclick="{{onclick}}" {% endif %} {%if
     disabled%}disabled{%endif%}>
-  <Label :for="id" :class="label_class">{{label}}</Label>
+  <Label :for="id" :class="attrs.label_class or RADIO_LABEL_CLASS">{{label}}</Label>
 </div>

fastlife/templates/Select.jinja

@@ -2,27 +2,8 @@
 name,
 id,
 multiple=False,
-class_="""
-bg-neutral-50
-block
-border
-border-neutral-300
-p-2.5
-rounded-lg
-text-base
-text-neutral-900
-w-full
-focus:border-primary-500
-focus:ring-primary-500
-dark:bg-neutral-700
-dark:border-neutral-600
-dark:focus:border-primary-500
-dark:focus:ring-primary-500
-dark:placeholder-neutral-400
-dark:text-white
-"""
 #}
 
-<select name="{{name}}" id="{{id}}" class="{{attrs.class or class_}}" {% if multiple %}multiple{% endif %}>
+<select name="{{name}}" id="{{id}}" class="{{attrs.class or SELECT_CLASS}}" {% if multiple %}multiple{% endif %}>
   {{- content -}}
 </select>

fastlife/templates/Summary.jinja

@@ -0,0 +1,9 @@
+{# def id, open=True #}
+
+<summary id="{{id}}" class="flex items-center items-center font-medium cursor-pointer"
+  style="list-style: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;"
+  onclick="document.getElementById('{{id}}-icon').classList.toggle('rotate-90')">
+  <icons.ChevronRight :id="id + '-icon'"
+    :class="'w-8 h-8 transform transition-transform duration-300' + {True: ' rotate-90', False: ''}[open]" />
+  {{ content }}
+</summary>

fastlife/templates/Table.jinja

@@ -1,7 +1,3 @@
-{# def
-class_="table-auto w-full text-left border-colapse"
-#}
-
-<table class="{{attrs.class or class_}}">
+<table class="{{attrs.class or TABLE_CLASS}}">
   {{- content -}}
 </table>

fastlife/templates/Td.jinja

@@ -1,7 +1,3 @@
-{# def
-class_="px-4 py-2 border-b dark:border-neutral-500"
-#}
-
-<td class="{{attrs.class or class_}}">
+<td class="{{attrs.class or TD_CLASS}}">
   {{- content -}}
 </td>

fastlife/templates/Th.jinja

@@ -1,7 +1,3 @@
-{# def
-class_="px-4 py-2 border-b dark:border-neutral-500"
-#}
-
-<th class="{{attrs.class or class_}}">
+<th class="{{attrs.class or TH_CLASS}}">
   {{- content -}}
 </th>

fastlife/templates/Tr.jinja

@@ -1,7 +1,3 @@
-{# def
-class_=""
-#}
-
-<tr class="{{attrs.class or class_}}">
+<tr class="{{attrs.class}}">
   {{- content -}}
 </tr>

fastlife/templates/icons/AcademicCap.jinja

@@ -1,7 +1,7 @@
-{# def mode: Literal["micro","mini","outline","solid"] = "solid"  #}
+{# def id=None, mode: Literal["micro","mini","outline","solid"] = "solid"  #}
 
-{% if mode == "micro"%}<icons.micro.AcademicCap :class="attrs.class or ''"/>
-{% elif mode == "mini"%}<icons.mini.AcademicCap :class="attrs.class or ''"/>
-{% elif mode == "outline"%}<icons.outline.AcademicCap :class="attrs.class or ''"/>
-{% elif mode == "solid"%}<icons.solid.AcademicCap :class="attrs.class or ''"/>
+{% if mode == "micro"%}<icons.micro.AcademicCap :id="id" :class="attrs.class or ''"/>
+{% elif mode == "mini"%}<icons.mini.AcademicCap :id="id" :class="attrs.class or ''"/>
+{% elif mode == "outline"%}<icons.outline.AcademicCap :id="id" :class="attrs.class or ''"/>
+{% elif mode == "solid"%}<icons.solid.AcademicCap :id="id" :class="attrs.class or ''"/>
 {%endif%}

fastlife/templates/icons/AdjustmentsHorizontal.jinja

@@ -1,7 +1,7 @@
-{# def mode: Literal["micro","mini","outline","solid"] = "solid"  #}
+{# def id=None, mode: Literal["micro","mini","outline","solid"] = "solid"  #}
 
-{% if mode == "micro"%}<icons.micro.AdjustmentsHorizontal :class="attrs.class or ''"/>
-{% elif mode == "mini"%}<icons.mini.AdjustmentsHorizontal :class="attrs.class or ''"/>
-{% elif mode == "outline"%}<icons.outline.AdjustmentsHorizontal :class="attrs.class or ''"/>
-{% elif mode == "solid"%}<icons.solid.AdjustmentsHorizontal :class="attrs.class or ''"/>
+{% if mode == "micro"%}<icons.micro.AdjustmentsHorizontal :id="id" :class="attrs.class or ''"/>
+{% elif mode == "mini"%}<icons.mini.AdjustmentsHorizontal :id="id" :class="attrs.class or ''"/>
+{% elif mode == "outline"%}<icons.outline.AdjustmentsHorizontal :id="id" :class="attrs.class or ''"/>
+{% elif mode == "solid"%}<icons.solid.AdjustmentsHorizontal :id="id" :class="attrs.class or ''"/>
 {%endif%}

fastlife/templates/icons/AdjustmentsVertical.jinja

@@ -1,7 +1,7 @@
-{# def mode: Literal["micro","mini","outline","solid"] = "solid"  #}
+{# def id=None, mode: Literal["micro","mini","outline","solid"] = "solid"  #}
 
-{% if mode == "micro"%}<icons.micro.AdjustmentsVertical :class="attrs.class or ''"/>
-{% elif mode == "mini"%}<icons.mini.AdjustmentsVertical :class="attrs.class or ''"/>
-{% elif mode == "outline"%}<icons.outline.AdjustmentsVertical :class="attrs.class or ''"/>
-{% elif mode == "solid"%}<icons.solid.AdjustmentsVertical :class="attrs.class or ''"/>
+{% if mode == "micro"%}<icons.micro.AdjustmentsVertical :id="id" :class="attrs.class or ''"/>
+{% elif mode == "mini"%}<icons.mini.AdjustmentsVertical :id="id" :class="attrs.class or ''"/>
+{% elif mode == "outline"%}<icons.outline.AdjustmentsVertical :id="id" :class="attrs.class or ''"/>
+{% elif mode == "solid"%}<icons.solid.AdjustmentsVertical :id="id" :class="attrs.class or ''"/>
 {%endif%}

fastlife/templates/icons/ArchiveBox.jinja

@@ -1,7 +1,7 @@
-{# def mode: Literal["micro","mini","outline","solid"] = "solid"  #}
+{# def id=None, mode: Literal["micro","mini","outline","solid"] = "solid"  #}
 
-{% if mode == "micro"%}<icons.micro.ArchiveBox :class="attrs.class or ''"/>
-{% elif mode == "mini"%}<icons.mini.ArchiveBox :class="attrs.class or ''"/>
-{% elif mode == "outline"%}<icons.outline.ArchiveBox :class="attrs.class or ''"/>
-{% elif mode == "solid"%}<icons.solid.ArchiveBox :class="attrs.class or ''"/>
+{% if mode == "micro"%}<icons.micro.ArchiveBox :id="id" :class="attrs.class or ''"/>
+{% elif mode == "mini"%}<icons.mini.ArchiveBox :id="id" :class="attrs.class or ''"/>
+{% elif mode == "outline"%}<icons.outline.ArchiveBox :id="id" :class="attrs.class or ''"/>
+{% elif mode == "solid"%}<icons.solid.ArchiveBox :id="id" :class="attrs.class or ''"/>
 {%endif%}

fastlife/templates/icons/ArchiveBoxArrowDown.jinja

@@ -1,7 +1,7 @@
-{# def mode: Literal["micro","mini","outline","solid"] = "solid"  #}
+{# def id=None, mode: Literal["micro","mini","outline","solid"] = "solid"  #}
 
-{% if mode == "micro"%}<icons.micro.ArchiveBoxArrowDown :class="attrs.class or ''"/>
-{% elif mode == "mini"%}<icons.mini.ArchiveBoxArrowDown :class="attrs.class or ''"/>
-{% elif mode == "outline"%}<icons.outline.ArchiveBoxArrowDown :class="attrs.class or ''"/>
-{% elif mode == "solid"%}<icons.solid.ArchiveBoxArrowDown :class="attrs.class or ''"/>
+{% if mode == "micro"%}<icons.micro.ArchiveBoxArrowDown :id="id" :class="attrs.class or ''"/>
+{% elif mode == "mini"%}<icons.mini.ArchiveBoxArrowDown :id="id" :class="attrs.class or ''"/>
+{% elif mode == "outline"%}<icons.outline.ArchiveBoxArrowDown :id="id" :class="attrs.class or ''"/>
+{% elif mode == "solid"%}<icons.solid.ArchiveBoxArrowDown :id="id" :class="attrs.class or ''"/>
 {%endif%}

fastlife/templates/icons/ArchiveBoxXMark.jinja

@@ -1,7 +1,7 @@
-{# def mode: Literal["micro","mini","outline","solid"] = "solid"  #}
+{# def id=None, mode: Literal["micro","mini","outline","solid"] = "solid"  #}
 
-{% if mode == "micro"%}<icons.micro.ArchiveBoxXMark :class="attrs.class or ''"/>
-{% elif mode == "mini"%}<icons.mini.ArchiveBoxXMark :class="attrs.class or ''"/>
-{% elif mode == "outline"%}<icons.outline.ArchiveBoxXMark :class="attrs.class or ''"/>
-{% elif mode == "solid"%}<icons.solid.ArchiveBoxXMark :class="attrs.class or ''"/>
+{% if mode == "micro"%}<icons.micro.ArchiveBoxXMark :id="id" :class="attrs.class or ''"/>
+{% elif mode == "mini"%}<icons.mini.ArchiveBoxXMark :id="id" :class="attrs.class or ''"/>
+{% elif mode == "outline"%}<icons.outline.ArchiveBoxXMark :id="id" :class="attrs.class or ''"/>
+{% elif mode == "solid"%}<icons.solid.ArchiveBoxXMark :id="id" :class="attrs.class or ''"/>
 {%endif%}

fastlife/templates/icons/ArrowDown.jinja

@@ -1,7 +1,7 @@
-{# def mode: Literal["micro","mini","outline","solid"] = "solid"  #}
+{# def id=None, mode: Literal["micro","mini","outline","solid"] = "solid"  #}
 
-{% if mode == "micro"%}<icons.micro.ArrowDown :class="attrs.class or ''"/>
-{% elif mode == "mini"%}<icons.mini.ArrowDown :class="attrs.class or ''"/>
-{% elif mode == "outline"%}<icons.outline.ArrowDown :class="attrs.class or ''"/>
-{% elif mode == "solid"%}<icons.solid.ArrowDown :class="attrs.class or ''"/>
+{% if mode == "micro"%}<icons.micro.ArrowDown :id="id" :class="attrs.class or ''"/>
+{% elif mode == "mini"%}<icons.mini.ArrowDown :id="id" :class="attrs.class or ''"/>
+{% elif mode == "outline"%}<icons.outline.ArrowDown :id="id" :class="attrs.class or ''"/>
+{% elif mode == "solid"%}<icons.solid.ArrowDown :id="id" :class="attrs.class or ''"/>
 {%endif%}

fastlife/templates/icons/ArrowDownCircle.jinja

@@ -1,7 +1,7 @@
-{# def mode: Literal["micro","mini","outline","solid"] = "solid"  #}
+{# def id=None, mode: Literal["micro","mini","outline","solid"] = "solid"  #}
 
-{% if mode == "micro"%}<icons.micro.ArrowDownCircle :class="attrs.class or ''"/>
-{% elif mode == "mini"%}<icons.mini.ArrowDownCircle :class="attrs.class or ''"/>
-{% elif mode == "outline"%}<icons.outline.ArrowDownCircle :class="attrs.class or ''"/>
-{% elif mode == "solid"%}<icons.solid.ArrowDownCircle :class="attrs.class or ''"/>
+{% if mode == "micro"%}<icons.micro.ArrowDownCircle :id="id" :class="attrs.class or ''"/>
+{% elif mode == "mini"%}<icons.mini.ArrowDownCircle :id="id" :class="attrs.class or ''"/>
+{% elif mode == "outline"%}<icons.outline.ArrowDownCircle :id="id" :class="attrs.class or ''"/>
+{% elif mode == "solid"%}<icons.solid.ArrowDownCircle :id="id" :class="attrs.class or ''"/>
 {%endif%}

fastlife/templates/icons/ArrowDownLeft.jinja

@@ -1,7 +1,7 @@
-{# def mode: Literal["micro","mini","outline","solid"] = "solid"  #}
+{# def id=None, mode: Literal["micro","mini","outline","solid"] = "solid"  #}
 
-{% if mode == "micro"%}<icons.micro.ArrowDownLeft :class="attrs.class or ''"/>
-{% elif mode == "mini"%}<icons.mini.ArrowDownLeft :class="attrs.class or ''"/>
-{% elif mode == "outline"%}<icons.outline.ArrowDownLeft :class="attrs.class or ''"/>
-{% elif mode == "solid"%}<icons.solid.ArrowDownLeft :class="attrs.class or ''"/>
+{% if mode == "micro"%}<icons.micro.ArrowDownLeft :id="id" :class="attrs.class or ''"/>
+{% elif mode == "mini"%}<icons.mini.ArrowDownLeft :id="id" :class="attrs.class or ''"/>
+{% elif mode == "outline"%}<icons.outline.ArrowDownLeft :id="id" :class="attrs.class or ''"/>
+{% elif mode == "solid"%}<icons.solid.ArrowDownLeft :id="id" :class="attrs.class or ''"/>
 {%endif%}

fastlife/templates/icons/ArrowDownOnSquare.jinja

@@ -1,7 +1,7 @@
-{# def mode: Literal["micro","mini","outline","solid"] = "solid"  #}
+{# def id=None, mode: Literal["micro","mini","outline","solid"] = "solid"  #}
 
-{% if mode == "micro"%}<icons.micro.ArrowDownOnSquare :class="attrs.class or ''"/>
-{% elif mode == "mini"%}<icons.mini.ArrowDownOnSquare :class="attrs.class or ''"/>
-{% elif mode == "outline"%}<icons.outline.ArrowDownOnSquare :class="attrs.class or ''"/>
-{% elif mode == "solid"%}<icons.solid.ArrowDownOnSquare :class="attrs.class or ''"/>
+{% if mode == "micro"%}<icons.micro.ArrowDownOnSquare :id="id" :class="attrs.class or ''"/>
+{% elif mode == "mini"%}<icons.mini.ArrowDownOnSquare :id="id" :class="attrs.class or ''"/>
+{% elif mode == "outline"%}<icons.outline.ArrowDownOnSquare :id="id" :class="attrs.class or ''"/>
+{% elif mode == "solid"%}<icons.solid.ArrowDownOnSquare :id="id" :class="attrs.class or ''"/>
 {%endif%}

fastlife/templates/icons/ArrowDownOnSquareStack.jinja

@@ -1,7 +1,7 @@
-{# def mode: Literal["micro","mini","outline","solid"] = "solid"  #}
+{# def id=None, mode: Literal["micro","mini","outline","solid"] = "solid"  #}
 
-{% if mode == "micro"%}<icons.micro.ArrowDownOnSquareStack :class="attrs.class or ''"/>
-{% elif mode == "mini"%}<icons.mini.ArrowDownOnSquareStack :class="attrs.class or ''"/>
-{% elif mode == "outline"%}<icons.outline.ArrowDownOnSquareStack :class="attrs.class or ''"/>
-{% elif mode == "solid"%}<icons.solid.ArrowDownOnSquareStack :class="attrs.class or ''"/>
+{% if mode == "micro"%}<icons.micro.ArrowDownOnSquareStack :id="id" :class="attrs.class or ''"/>
+{% elif mode == "mini"%}<icons.mini.ArrowDownOnSquareStack :id="id" :class="attrs.class or ''"/>
+{% elif mode == "outline"%}<icons.outline.ArrowDownOnSquareStack :id="id" :class="attrs.class or ''"/>
+{% elif mode == "solid"%}<icons.solid.ArrowDownOnSquareStack :id="id" :class="attrs.class or ''"/>
 {%endif%}

fastlife/templates/icons/ArrowDownRight.jinja

@@ -1,7 +1,7 @@
-{# def mode: Literal["micro","mini","outline","solid"] = "solid"  #}
+{# def id=None, mode: Literal["micro","mini","outline","solid"] = "solid"  #}
 
-{% if mode == "micro"%}<icons.micro.ArrowDownRight :class="attrs.class or ''"/>
-{% elif mode == "mini"%}<icons.mini.ArrowDownRight :class="attrs.class or ''"/>
-{% elif mode == "outline"%}<icons.outline.ArrowDownRight :class="attrs.class or ''"/>
-{% elif mode == "solid"%}<icons.solid.ArrowDownRight :class="attrs.class or ''"/>
+{% if mode == "micro"%}<icons.micro.ArrowDownRight :id="id" :class="attrs.class or ''"/>
+{% elif mode == "mini"%}<icons.mini.ArrowDownRight :id="id" :class="attrs.class or ''"/>
+{% elif mode == "outline"%}<icons.outline.ArrowDownRight :id="id" :class="attrs.class or ''"/>
+{% elif mode == "solid"%}<icons.solid.ArrowDownRight :id="id" :class="attrs.class or ''"/>
 {%endif%}

fastlife/templates/icons/ArrowDownTray.jinja

@@ -1,7 +1,7 @@
-{# def mode: Literal["micro","mini","outline","solid"] = "solid"  #}
+{# def id=None, mode: Literal["micro","mini","outline","solid"] = "solid"  #}
 
-{% if mode == "micro"%}<icons.micro.ArrowDownTray :class="attrs.class or ''"/>
-{% elif mode == "mini"%}<icons.mini.ArrowDownTray :class="attrs.class or ''"/>
-{% elif mode == "outline"%}<icons.outline.ArrowDownTray :class="attrs.class or ''"/>
-{% elif mode == "solid"%}<icons.solid.ArrowDownTray :class="attrs.class or ''"/>
+{% if mode == "micro"%}<icons.micro.ArrowDownTray :id="id" :class="attrs.class or ''"/>
+{% elif mode == "mini"%}<icons.mini.ArrowDownTray :id="id" :class="attrs.class or ''"/>
+{% elif mode == "outline"%}<icons.outline.ArrowDownTray :id="id" :class="attrs.class or ''"/>
+{% elif mode == "solid"%}<icons.solid.ArrowDownTray :id="id" :class="attrs.class or ''"/>
 {%endif%}

fastlife/templates/icons/ArrowLeft.jinja

@@ -1,7 +1,7 @@
-{# def mode: Literal["micro","mini","outline","solid"] = "solid"  #}
+{# def id=None, mode: Literal["micro","mini","outline","solid"] = "solid"  #}
 
-{% if mode == "micro"%}<icons.micro.ArrowLeft :class="attrs.class or ''"/>
-{% elif mode == "mini"%}<icons.mini.ArrowLeft :class="attrs.class or ''"/>
-{% elif mode == "outline"%}<icons.outline.ArrowLeft :class="attrs.class or ''"/>
-{% elif mode == "solid"%}<icons.solid.ArrowLeft :class="attrs.class or ''"/>
+{% if mode == "micro"%}<icons.micro.ArrowLeft :id="id" :class="attrs.class or ''"/>
+{% elif mode == "mini"%}<icons.mini.ArrowLeft :id="id" :class="attrs.class or ''"/>
+{% elif mode == "outline"%}<icons.outline.ArrowLeft :id="id" :class="attrs.class or ''"/>
+{% elif mode == "solid"%}<icons.solid.ArrowLeft :id="id" :class="attrs.class or ''"/>
 {%endif%}

fastlife/templates/icons/ArrowLeftCircle.jinja

@@ -1,7 +1,7 @@
-{# def mode: Literal["micro","mini","outline","solid"] = "solid"  #}
+{# def id=None, mode: Literal["micro","mini","outline","solid"] = "solid"  #}
 
-{% if mode == "micro"%}<icons.micro.ArrowLeftCircle :class="attrs.class or ''"/>
-{% elif mode == "mini"%}<icons.mini.ArrowLeftCircle :class="attrs.class or ''"/>
-{% elif mode == "outline"%}<icons.outline.ArrowLeftCircle :class="attrs.class or ''"/>
-{% elif mode == "solid"%}<icons.solid.ArrowLeftCircle :class="attrs.class or ''"/>
+{% if mode == "micro"%}<icons.micro.ArrowLeftCircle :id="id" :class="attrs.class or ''"/>
+{% elif mode == "mini"%}<icons.mini.ArrowLeftCircle :id="id" :class="attrs.class or ''"/>
+{% elif mode == "outline"%}<icons.outline.ArrowLeftCircle :id="id" :class="attrs.class or ''"/>
+{% elif mode == "solid"%}<icons.solid.ArrowLeftCircle :id="id" :class="attrs.class or ''"/>
 {%endif%}