dara-core 1.17.6__py3-none-any.whl → 1.18.1__py3-none-any.whl

dara/core/umd/dara.core.umd.js

@@ -52950,13 +52950,107 @@ Inferred class string: "${iconClasses}."`
       atomRegistry.set(variable.uid, Recoil_index_8({ default: true, key: variable.uid }));
     }
   }
+  var baseSet = _baseSet;
+  function set(object2, path, value) {
+    return object2 == null ? object2 : baseSet(object2, path, value);
+  }
+  var set_1 = set;
+  function getOrRegisterTrigger(variable) {
+    const triggerKey = getRegistryKey(variable, "trigger");
+    if (!atomRegistry.has(triggerKey)) {
+      atomRegistry.set(
+        triggerKey,
+        Recoil_index_8({
+          default: {
+            force_key: null,
+            inc: 0
+          },
+          key: triggerKey
+        })
+      );
+    }
+    return atomRegistry.get(triggerKey);
+  }
+  function getOrRegisterDataVariableTrigger(variable, wsClient) {
+    const key = `${variable.uid}-data`;
+    if (!dataRegistry.has(key)) {
+      dataRegistry.set(
+        key,
+        Recoil_index_8({
+          default: {
+            force_key: null,
+            inc: 0
+          },
+          effects: [
+            ({ setSelf }) => {
+              const subscription = wsClient.serverTriggers$(variable.uid).subscribe(() => {
+                setSelf((v2) => {
+                  if (typeof v2 === "object" && "inc" in v2) {
+                    return {
+                      force_key: nanoid(),
+                      inc: v2.inc + 1
+                    };
+                  }
+                  return {
+                    force_key: nanoid(),
+                    inc: 1
+                  };
+                });
+              });
+              return () => {
+                subscription == null ? void 0 : subscription.unsubscribe();
+              };
+            }
+          ],
+          key
+        })
+      );
+    }
+    return dataRegistry.get(key);
+  }
+  function buildTriggerList(variables) {
+    const triggers = [];
+    function walk(vars, path) {
+      for (const [idx, variable] of vars.entries()) {
+        if (isDerivedVariable(variable) || isDerivedDataVariable(variable)) {
+          const varPath = [...path, String(idx)];
+          triggers.push({
+            path: varPath,
+            variable
+          });
+          walk(variable.variables, [...varPath, "values"]);
+        }
+        if (isDataVariable(variable)) {
+          triggers.push({
+            path: path.length > 0 ? path.slice(0, -1) : [],
+            variable
+          });
+        }
+      }
+    }
+    walk(variables, []);
+    return triggers;
+  }
+  function registerChildTriggers(triggerList, wsClient, registerFunc = Recoil_index_20) {
+    return triggerList.map((triggerInfo) => {
+      if (isDerivedVariable(triggerInfo.variable) || isDerivedDataVariable(triggerInfo.variable)) {
+        const triggerIndex = getOrRegisterTrigger(triggerInfo.variable);
+        return registerFunc(triggerIndex);
+      }
+      if (isDataVariable(triggerInfo.variable)) {
+        const serverTrigger = getOrRegisterDataVariableTrigger(triggerInfo.variable, wsClient);
+        return registerFunc(serverTrigger);
+      }
+      throw new Error("Invalid trigger variable type");
+    });
+  }
   function isTaskResponse$1(dvResponse) {
     return "task_id" in dvResponse;
   }
   async function fetchDerivedVariable({
     cache: cache2,
-    force,
     extras,
+    force_key,
     variableUid,
     values,
     wsClient,
@@ -52969,7 +53063,7 @@ Inferred class string: "${iconClasses}."`
     const res = await request(
       `/api/core/derived-variable/${variableUid}`,
       {
-        body: JSON.stringify({ force, is_data_variable, values, ws_channel }),
+        body: JSON.stringify({ is_data_variable, values, ws_channel, force_key: force_key != null ? force_key : null }),
         headers: { ...cacheControl },
         method: HTTP_METHOD.POST
       },
@@ -52986,9 +53080,9 @@ Inferred class string: "${iconClasses}."`
     selectorKey,
     values,
     wsClient,
-    force,
     extras,
     cache: cache2,
+    force_key,
     is_data_variable = false
   }) {
     if (!debouncedFetchSubjects[selectorKey]) {
@@ -53003,7 +53097,7 @@ Inferred class string: "${iconClasses}."`
     debouncedFetchSubjects[selectorKey].next({
       cache: cache2,
       extras,
-      force,
+      force_key,
       is_data_variable,
       selectorKey,
       values,
@@ -53061,8 +53155,9 @@ Inferred class string: "${iconClasses}."`
   function useTriggerIndex(variable) {
     return Recoil_index_20(getOrRegisterTrigger(variable));
   }
-  async function resolveDerivedValue(key, variables, deps, resolvedVariables, wsClient, get2, selfTrigger) {
-    const triggers = registerChildTriggers(variables, wsClient, get2);
+  function resolveDerivedValue(key, variables, deps, resolvedVariables, wsClient, get2, selfTrigger) {
+    const triggerList = buildTriggerList(variables);
+    const triggers = registerChildTriggers(triggerList, wsClient, get2);
     if (selfTrigger) {
       triggers.unshift(selfTrigger);
     }
@@ -53074,9 +53169,6 @@ Inferred class string: "${iconClasses}."`
       }
       return acc.set(getUniqueIdentifier(v2), depsValues[idx]);
     }, /* @__PURE__ */ new Map());
-    let recalculateForced = false;
-    let wasTriggered = false;
-    let wasTriggeredItself = false;
     const previousEntry = depsRegistry.get(key);
     const relevantValues = deps.filter(isVariable).map((dep) => variableValueMap.get(getUniqueIdentifier(dep))).concat(triggers.map((trigger) => trigger.inc));
     if (previousEntry) {
@@ -53090,23 +53182,33 @@ Inferred class string: "${iconClasses}."`
       const previousTriggerCounters = previousEntry.args.slice(
         previousEntry.args.length - triggers.length
       );
+      let selfTriggerForceKey = null;
       for (const [idx, triggerValue] of triggers.entries()) {
         if (triggerValue.inc !== previousTriggerCounters[idx]) {
-          recalculateForced = triggerValue.force;
-          if (idx === 0) {
-            wasTriggeredItself = true;
+          if (selfTrigger && idx === 0) {
+            selfTriggerForceKey = triggerValue.force_key;
+          } else if (triggerValue.force_key) {
+            const valueIndex = selfTrigger ? idx - 1 : idx;
+            const triggerInfo = triggerList[valueIndex];
+            if (triggerInfo.path.length === 0) {
+              selfTriggerForceKey = triggerValue.force_key;
+            } else {
+              set_1(values, [...triggerInfo.path, "force_key"], triggerValue.force_key);
+            }
           }
-          wasTriggered = true;
           break;
         }
       }
-    }
-    if (wasTriggered && !wasTriggeredItself) {
-      await new Promise((resolve) => setTimeout(resolve, 50));
+      return {
+        relevantValues,
+        selfTriggerForceKey,
+        type: "current",
+        values
+      };
     }
     return {
-      force: recalculateForced,
       relevantValues,
+      selfTriggerForceKey: null,
       type: "current",
       values
     };
@@ -53131,7 +53233,7 @@ Inferred class string: "${iconClasses}."`
             const selfTrigger = get2(getOrRegisterTrigger(variable));
             const { extras } = extrasSerializable;
             const selectorKey = key + extrasSerializable.toJSON();
-            const derivedResult = await resolveDerivedValue(
+            const derivedResult = resolveDerivedValue(
               selectorKey,
               variable.variables,
               variable.deps,
@@ -53148,10 +53250,10 @@ Inferred class string: "${iconClasses}."`
               variableResponse = await debouncedFetchDerivedVariable({
                 cache: variable.cache,
                 extras,
-                force: derivedResult.force,
+                force_key: derivedResult.selfTriggerForceKey,
                 is_data_variable: isDerivedDataVariable(variable),
                 selectorKey,
-                values: normalizeRequest(cleanArgs(derivedResult.values, false), variable.variables),
+                values: normalizeRequest(cleanArgs(derivedResult.values), variable.variables),
                 variableUid: variable.uid,
                 wsClient
               });
@@ -53246,7 +53348,10 @@ Inferred class string: "${iconClasses}."`
     const triggerIndex = React.useMemo(() => getOrRegisterTrigger(variable), []);
     const triggerUpdates = Recoil_index_24(triggerIndex);
     const trigger = React.useCallback(
-      (force = true) => triggerUpdates((val) => ({ force, inc: val.inc + 1 })),
+      (force = true) => triggerUpdates((val) => ({
+        force_key: force ? nanoid() : null,
+        inc: val.inc + 1
+      })),
       [triggerUpdates]
     );
     useInterval(trigger, variable.polling_interval);
@@ -53289,87 +53394,6 @@ Inferred class string: "${iconClasses}."`
     cloned[key] = nested.length === 1 ? newValue : setNested(cloned[key], nested.slice(1), newValue);
     return cloned;
   }
-  function getOrRegisterTrigger(variable) {
-    const triggerKey = getRegistryKey(variable, "trigger");
-    if (!atomRegistry.has(triggerKey)) {
-      atomRegistry.set(
-        triggerKey,
-        Recoil_index_8({
-          default: {
-            force: false,
-            inc: 0
-          },
-          key: triggerKey
-        })
-      );
-    }
-    return atomRegistry.get(triggerKey);
-  }
-  function getOrRegisterDataVariableTrigger(variable, wsClient) {
-    const key = `${variable.uid}-data`;
-    if (!dataRegistry.has(key)) {
-      dataRegistry.set(
-        key,
-        Recoil_index_8({
-          default: {
-            force: true,
-            inc: 0
-          },
-          effects: [
-            ({ setSelf }) => {
-              const subscription = wsClient.serverTriggers$(variable.uid).subscribe(() => {
-                setSelf((v2) => {
-                  if (typeof v2 === "object" && "inc" in v2) {
-                    return {
-                      force: true,
-                      inc: v2.inc + 1
-                    };
-                  }
-                  return {
-                    force: true,
-                    inc: 1
-                  };
-                });
-              });
-              return () => {
-                subscription == null ? void 0 : subscription.unsubscribe();
-              };
-            }
-          ],
-          key
-        })
-      );
-    }
-    return dataRegistry.get(key);
-  }
-  function registerTriggers(variable, wsClient, registerFunc = Recoil_index_20) {
-    const triggers = [];
-    const triggerIndex = getOrRegisterTrigger(variable);
-    triggers.push(registerFunc(triggerIndex));
-    variable.variables.forEach((v2) => {
-      if (isDerivedVariable(v2) || isDerivedDataVariable(v2)) {
-        triggers.push(...registerTriggers(v2, wsClient, registerFunc));
-      }
-      if (isDataVariable(v2)) {
-        const serverTrigger = getOrRegisterDataVariableTrigger(v2, wsClient);
-        triggers.push(registerFunc(serverTrigger));
-      }
-    });
-    return triggers;
-  }
-  function registerChildTriggers(variables, wsClient, registerFunc = Recoil_index_20) {
-    const triggers = [];
-    variables.forEach((v2) => {
-      if (isDerivedVariable(v2) || isDerivedDataVariable(v2)) {
-        triggers.push(...registerTriggers(v2, wsClient, registerFunc));
-      }
-      if (isDataVariable(v2)) {
-        const serverTrigger = getOrRegisterDataVariableTrigger(v2, wsClient);
-        triggers.push(registerFunc(serverTrigger));
-      }
-    });
-    return triggers;
-  }
   function resolveVariable(variable, client, taskContext, extras, resolver = (val) => val) {
     if (isDerivedVariable(variable) || isDerivedDataVariable(variable)) {
       getOrRegisterDerivedVariable(variable, client, taskContext, extras);
@@ -53417,37 +53441,37 @@ Inferred class string: "${iconClasses}."`
     }
     return resolver(getOrRegisterPlainVariable(variable, client, taskContext, extras));
   }
-  function cleanValue(value, force) {
+  function cleanValue(value, forceKeyOverride) {
     if (isResolvedDerivedVariable(value) || isResolvedDerivedDataVariable(value)) {
       const { deps, ...rest } = value;
-      const cleanedValues = value.values.map((v2) => cleanValue(v2, force));
+      const cleanedValues = value.values.map((v2) => cleanValue(v2));
       return {
         ...rest,
-        force,
+        force_key: forceKeyOverride != null ? forceKeyOverride : value.force_key || null,
         values: cleanedValues
       };
     }
     if (isResolvedSwitchVariable(value)) {
       return {
         ...value,
-        value: cleanValue(value.value, force),
-        value_map: cleanValue(value.value_map, force),
-        default: cleanValue(value.default, force)
+        value: cleanValue(value.value, forceKeyOverride),
+        value_map: cleanValue(value.value_map, forceKeyOverride),
+        default: cleanValue(value.default, forceKeyOverride)
       };
     }
     return value;
   }
-  function cleanKwargs(kwargs, force) {
+  function cleanKwargs(kwargs, forceKeyOverride) {
     return Object.keys(kwargs).reduce(
       (acc, k2) => {
-        acc[k2] = cleanValue(kwargs[k2], force);
+        acc[k2] = cleanValue(kwargs[k2], forceKeyOverride);
         return acc;
       },
       {}
     );
   }
-  function cleanArgs(values, force) {
-    return values.map((val) => cleanValue(val, force));
+  function cleanArgs(values, forceKeyOverride) {
+    return values.map((val) => cleanValue(val, forceKeyOverride));
   }
   /*!
    * https://github.com/Starcounter-Jack/JSON-Patch
@@ -54707,7 +54731,7 @@ Inferred class string: "${iconClasses}."`
           execution_id: executionId,
           input,
           uid: annotatedAction.uid,
-          values: normalizeRequest(cleanKwargs(resolvedKwargs, false), annotatedAction.dynamic_kwargs),
+          values: normalizeRequest(cleanKwargs(resolvedKwargs, null), annotatedAction.dynamic_kwargs),
           ws_channel
         }),
         method: HTTP_METHOD.POST
@@ -55047,10 +55071,10 @@ Inferred class string: "${iconClasses}."`
     return fetchDerivedVariable({
       cache: variable.cache,
       extras: ctx.extras,
-      force: false,
+      force_key: null,
       selectorKey: resolved.uid,
       values: normalizeRequest(
-        cleanArgs(resolved.values, false),
+        cleanArgs(resolved.values),
         variable.variables
       ),
       variableUid: resolved.uid,
@@ -55382,7 +55406,7 @@ Inferred class string: "${iconClasses}."`
         triggerKey,
         Recoil_index_8({
           default: {
-            force: false,
+            force_key: null,
             inc: 0
           },
           key: triggerKey
@@ -55422,7 +55446,7 @@ Inferred class string: "${iconClasses}."`
             const triggerAtom = getOrRegisterComponentTrigger(uid2);
             const selfTrigger = get2(triggerAtom);
             const { extras } = extrasSerializable;
-            const derivedResult = await resolveDerivedValue(
+            const derivedResult = resolveDerivedValue(
               key,
               kwargsList,
               kwargsList,
@@ -55441,8 +55465,7 @@ Inferred class string: "${iconClasses}."`
                   return acc;
                 },
                 {}
-              ),
-              derivedResult.force
+              )
             );
             let result = null;
             try {
@@ -55535,7 +55558,7 @@ Inferred class string: "${iconClasses}."`
       ({ set: set2 }) => () => {
         const triggerAtom = getOrRegisterComponentTrigger(uid2, loop_instance_uid);
         set2(triggerAtom, (triggerIndexValue) => ({
-          force: false,
+          force_key: nanoid(),
           inc: triggerIndexValue.inc + 1
         }));
       },
@@ -55655,11 +55678,6 @@ Inferred class string: "${iconClasses}."`
     return typeof Ctor == "function" && Ctor instanceof Ctor && funcToString.call(Ctor) == objectCtorString;
   }
   var isPlainObject_1 = isPlainObject;
-  var baseSet = _baseSet;
-  function set(object2, path, value) {
-    return object2 == null ? object2 : baseSet(object2, path, value);
-  }
-  var set_1 = set;
   function createMarkers(scope, loopInstanceUid) {
     const markers = [];
     if (scope.action) {
@@ -56885,7 +56903,7 @@ Inferred class string: "${iconClasses}."`
       if (isDerivedVariable(variable) || isDerivedDataVariable(variable)) {
         const triggerAtom = getOrRegisterTrigger(variable);
         ctx.set(triggerAtom, (triggerIndexValue) => ({
-          force: true,
+          force_key: nanoid(),
           inc: triggerIndexValue.inc + 1
         }));
       } else if (isUrlVariable(variable)) {
@@ -56906,8 +56924,8 @@ Inferred class string: "${iconClasses}."`
   const TriggerVariable = (ctx, actionImpl) => {
     const triggerAtom = getOrRegisterTrigger(actionImpl.variable);
     ctx.set(triggerAtom, (triggerIndexValue) => ({
-      force: actionImpl.force,
-      inc: triggerIndexValue.inc + 1
+      inc: triggerIndexValue.inc + 1,
+      force_key: actionImpl.force ? nanoid() : null
     }));
   };
   const INPUT = "__dara_input__";

dara/core/visual/components/__init__.py

@@ -16,11 +16,11 @@ limitations under the License.
 """
 
 from inspect import isclass
-from typing import Optional  # needed for model_rebuild
+from typing import Optional  # needed for model_rebuild # noqa: F401
 
 from pydantic import BaseModel
 
-from dara.core.interactivity import Variable  # needed for model_rebuild
+from dara.core.interactivity import Variable  # needed for model_rebuild # noqa: F401
 from dara.core.visual.components.dynamic_component import (
     DynamicComponent,
     DynamicComponentDef,

dara/core/visual/components/fallback.py

@@ -15,7 +15,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 """
 
-from typing import ClassVar
+from typing import ClassVar, Union
 
 from dara.core.definitions import BaseFallback, JsComponentDef
 
@@ -47,7 +47,7 @@ class Fallback:
           but will suspend and show a fallback UI after the given timeout if the new state is not ready.
         """
 
-        py_component: ClassVar[str] = 'DefaultFallback'
+        py_component: ClassVar[Union[str, None]] = 'DefaultFallback'
 
     class Row(BaseFallback):
         """
@@ -72,4 +72,4 @@ class Fallback:
           but will suspend and show a fallback UI after the given timeout if the new state is not ready.
         """
 
-        py_component: ClassVar[str] = 'RowFallback'
+        py_component: ClassVar[Union[str, None]] = 'RowFallback'

dara/core/visual/css/__init__.py

@@ -18,7 +18,6 @@ limitations under the License.
 # generated by datamodel-codegen:
 #   filename:  css-schema.json
 #   timestamp: 2022-07-07T11:51:57+00:00
-# pylint: disable=line-too-long
 
 from __future__ import annotations
 
@@ -383,11 +382,11 @@ class CSSProperties(DaraBaseModel):
         default=None,
         description='The **`animation-name`** CSS property specifies the names of one or more `@keyframes` at-rules describing the animation or animations to apply to the element.\n\n**Syntax**: `[ none | <keyframes-name> ]#`\n\n**Initial value**: `none`\n\n| Chrome  | Firefox | Safari  |  Edge  |   IE   |\n| :-----: | :-----: | :-----: | :----: | :----: |\n| **43**  | **16**  |  **9**  | **12** | **10** |\n| 3 _-x-_ | 5 _-x-_ | 4 _-x-_ |        |        |',
     )
-    animationPlayState: Literal[
-        '-moz-initial', 'inherit', 'initial', 'paused', 'revert', 'running', 'unset', None
-    ] = Field(
-        default=None,
-        description='The **`animation-play-state`** CSS property sets whether an animation is running or paused.\n\n**Syntax**: `<single-animation-play-state>#`\n\n**Initial value**: `running`\n\n| Chrome  | Firefox | Safari  |  Edge  |   IE   |\n| :-----: | :-----: | :-----: | :----: | :----: |\n| **43**  | **16**  |  **9**  | **12** | **10** |\n| 3 _-x-_ | 5 _-x-_ | 4 _-x-_ |        |        |',
+    animationPlayState: Literal['-moz-initial', 'inherit', 'initial', 'paused', 'revert', 'running', 'unset', None] = (
+        Field(
+            default=None,
+            description='The **`animation-play-state`** CSS property sets whether an animation is running or paused.\n\n**Syntax**: `<single-animation-play-state>#`\n\n**Initial value**: `running`\n\n| Chrome  | Firefox | Safari  |  Edge  |   IE   |\n| :-----: | :-----: | :-----: | :----: | :----: |\n| **43**  | **16**  |  **9**  | **12** | **10** |\n| 3 _-x-_ | 5 _-x-_ | 4 _-x-_ |        |        |',
+        )
     )
     animationTimingFunction: Literal[
         '-moz-initial',
@@ -3507,11 +3506,11 @@ class CSSProperties(DaraBaseModel):
     )
     colorInterpolation: Optional[Property.ColorInterpolation] = None
     colorRendering: Optional[Property.ColorRendering] = None
-    colorScheme: Literal[
-        '-moz-initial', 'dark', 'inherit', 'initial', 'light', 'normal', 'revert', 'unset', None
-    ] = Field(
-        default=None,
-        description='The **`color-scheme`** CSS property allows an element to indicate which color schemes it can comfortably be rendered in.\n\n**Syntax**: `normal | [ light | dark | <custom-ident> ]+`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari |  Edge  | IE  |\n| :----: | :-----: | :----: | :----: | :-: |\n| **81** |   No    | **13** | **81** | No  |',
+    colorScheme: Literal['-moz-initial', 'dark', 'inherit', 'initial', 'light', 'normal', 'revert', 'unset', None] = (
+        Field(
+            default=None,
+            description='The **`color-scheme`** CSS property allows an element to indicate which color schemes it can comfortably be rendered in.\n\n**Syntax**: `normal | [ light | dark | <custom-ident> ]+`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari |  Edge  | IE  |\n| :----: | :-----: | :----: | :----: | :-: |\n| **81** |   No    | **13** | **81** | No  |',
+        )
     )
     columnCount: Literal['-moz-initial', 'auto', 'inherit', 'initial', 'revert', 'unset', None] = Field(
         default=None,
@@ -4422,11 +4421,11 @@ class CSSProperties(DaraBaseModel):
         default=None,
         description='The **`font-stretch`** CSS property selects a normal, condensed, or expanded face from a font.\n\n**Syntax**: `<font-stretch-absolute>`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari |  Edge  |  IE   |\n| :----: | :-----: | :----: | :----: | :---: |\n| **60** |  **9**  | **11** | **12** | **9** |',
     )
-    fontStyle: Literal[
-        '-moz-initial', 'inherit', 'initial', 'italic', 'normal', 'oblique', 'revert', 'unset', None
-    ] = Field(
-        default=None,
-        description='The **`font-style`** CSS property sets whether a font should be styled with a normal, italic, or oblique face from its `font-family`.\n\n**Syntax**: `normal | italic | oblique <angle>?`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari |  Edge  |  IE   |\n| :----: | :-----: | :----: | :----: | :---: |\n| **1**  |  **1**  | **1**  | **12** | **4** |',
+    fontStyle: Literal['-moz-initial', 'inherit', 'initial', 'italic', 'normal', 'oblique', 'revert', 'unset', None] = (
+        Field(
+            default=None,
+            description='The **`font-style`** CSS property sets whether a font should be styled with a normal, italic, or oblique face from its `font-family`.\n\n**Syntax**: `normal | italic | oblique <angle>?`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari |  Edge  |  IE   |\n| :----: | :-----: | :----: | :----: | :---: |\n| **1**  |  **1**  | **1**  | **12** | **4** |',
+        )
     )
     fontSynthesis: Literal[
         '-moz-initial', 'inherit', 'initial', 'none', 'revert', 'small-caps', 'style', 'unset', 'weight', None
@@ -4586,11 +4585,11 @@ class CSSProperties(DaraBaseModel):
         default=None,
         description='The **`grid-auto-columns`** CSS property specifies the size of an implicitly-created grid column track or pattern of tracks.\n\n**Syntax**: `<track-size>+`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox |  Safari  |  Edge  |             IE              |\n| :----: | :-----: | :------: | :----: | :-------------------------: |\n| **57** | **70**  | **10.1** | **16** | **10** _(-ms-grid-columns)_ |',
     )
-    gridAutoFlow: Literal[
-        '-moz-initial', 'column', 'dense', 'inherit', 'initial', 'revert', 'row', 'unset', None
-    ] = Field(
-        default=None,
-        description='The **`grid-auto-flow`** CSS property controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the grid.\n\n**Syntax**: `[ row | column ] || dense`\n\n**Initial value**: `row`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  |\n| :----: | :-----: | :------: | :----: | :-: |\n| **57** | **52**  | **10.1** | **16** | No  |',
+    gridAutoFlow: Literal['-moz-initial', 'column', 'dense', 'inherit', 'initial', 'revert', 'row', 'unset', None] = (
+        Field(
+            default=None,
+            description='The **`grid-auto-flow`** CSS property controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the grid.\n\n**Syntax**: `[ row | column ] || dense`\n\n**Initial value**: `row`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  |\n| :----: | :-----: | :------: | :----: | :-: |\n| **57** | **52**  | **10.1** | **16** | No  |',
+        )
     )
     gridAutoRows: Optional[Union[float_, str]] = Field(
         default=None,
@@ -4662,11 +4661,11 @@ class CSSProperties(DaraBaseModel):
         default=None,
         description='The **`hyphens`** CSS property specifies how words should be hyphenated when text wraps across multiple lines. It can prevent hyphenation entirely, hyphenate at manually-specified points within the text, or let the browser automatically insert hyphens where appropriate.\n\n**Syntax**: `none | manual | auto`\n\n**Initial value**: `manual`\n\n|  Chrome  | Firefox |    Safari     |  Edge  |      IE      |\n| :------: | :-----: | :-----------: | :----: | :----------: |\n|  **55**  | **43**  | **5.1** _-x-_ | **79** | **10** _-x-_ |\n| 13 _-x-_ | 6 _-x-_ |               |        |              |',
     )
-    imageOrientation: Literal[
-        '-moz-initial', 'flip', 'from-image', 'inherit', 'initial', 'revert', 'unset', None
-    ] = Field(
-        default=None,
-        description='The **`image-orientation`** CSS property specifies a layout-independent correction to the orientation of an image. It should _not_ be used for any other orientation adjustments; instead, the `transform` property should be used with the `rotate` `<transform-function>`.\n\n**Syntax**: `from-image | <angle> | [ <angle>? flip ]`\n\n**Initial value**: `from-image`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  |\n| :----: | :-----: | :------: | :----: | :-: |\n| **81** | **26**  | **13.1** | **81** | No  |',
+    imageOrientation: Literal['-moz-initial', 'flip', 'from-image', 'inherit', 'initial', 'revert', 'unset', None] = (
+        Field(
+            default=None,
+            description='The **`image-orientation`** CSS property specifies a layout-independent correction to the orientation of an image. It should _not_ be used for any other orientation adjustments; instead, the `transform` property should be used with the `rotate` `<transform-function>`.\n\n**Syntax**: `from-image | <angle> | [ <angle>? flip ]`\n\n**Initial value**: `from-image`\n\n| Chrome | Firefox |  Safari  |  Edge  | IE  |\n| :----: | :-----: | :------: | :----: | :-: |\n| **81** | **26**  | **13.1** | **81** | No  |',
+        )
     )
     imageRendering: Optional[Property.ImageRendering] = Field(
         default=None,
@@ -5024,11 +5023,11 @@ class CSSProperties(DaraBaseModel):
         default=None,
         description='The **`line-height-step`** CSS property sets the step unit for line box heights. When the property is set, line box heights are rounded up to the closest multiple of the unit.\n\n**Syntax**: `<length>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE  |\n| :----: | :-----: | :----: | :--: | :-: |\n|  n/a   |   No    |   No   | n/a  | No  |',
     )
-    listStyle: Literal[
-        '-moz-initial', 'inherit', 'initial', 'inside', 'none', 'outside', 'revert', 'unset', None
-    ] = Field(
-        default=None,
-        description="The **`list-style`** CSS shorthand property allows you set all the list style properties at once.\n\n**Syntax**: `<'list-style-type'> || <'list-style-position'> || <'list-style-image'>`\n\n| Chrome | Firefox | Safari |  Edge  |  IE   |\n| :----: | :-----: | :----: | :----: | :---: |\n| **1**  |  **1**  | **1**  | **12** | **4** |",
+    listStyle: Literal['-moz-initial', 'inherit', 'initial', 'inside', 'none', 'outside', 'revert', 'unset', None] = (
+        Field(
+            default=None,
+            description="The **`list-style`** CSS shorthand property allows you set all the list style properties at once.\n\n**Syntax**: `<'list-style-type'> || <'list-style-position'> || <'list-style-image'>`\n\n| Chrome | Firefox | Safari |  Edge  |  IE   |\n| :----: | :-----: | :----: | :----: | :---: |\n| **1**  |  **1**  | **1**  | **12** | **4** |",
+        )
     )
     listStyleImage: Literal['-moz-initial', 'inherit', 'initial', 'none', 'revert', 'unset', None] = Field(
         default=None,