From 0b7c1d29033a252a91f7c146adc411854f007fa7 Mon Sep 17 00:00:00 2001
From: vikas-cldcvr <vikas@cldcvr.com>
Date: Mon, 29 Apr 2024 21:01:17 +0530
Subject: [PATCH] manual-register tagName made readonly

---
 .../flow-core/src/components/f-breadcrumb/f-breadcrumb.ts | 4 ++--
 .../flow-core/src/components/f-countdown/f-countdown.ts   | 8 ++++----
 .../src/components/f-icon-button/f-icon-button.ts         | 6 +++---
 .../flow-core/src/components/f-pictogram/f-pictogram.ts   | 8 ++++----
 4 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/packages/flow-core/src/components/f-breadcrumb/f-breadcrumb.ts b/packages/flow-core/src/components/f-breadcrumb/f-breadcrumb.ts
index f33b51f98..ae349bcd1 100644
--- a/packages/flow-core/src/components/f-breadcrumb/f-breadcrumb.ts
+++ b/packages/flow-core/src/components/f-breadcrumb/f-breadcrumb.ts
@@ -17,8 +17,8 @@ const sizes = ["medium", "small"] as const;
 
 export type FBreadCrumbsProp = { tabIndex: number; title: string; icon?: string };
 export type FBreadcrumbs = FBreadCrumbsProp[];
-export type FBreadcrumbSize = typeof sizes[number];
-export type FBreadcrumbVariant = typeof variants[number];
+export type FBreadcrumbSize = (typeof sizes)[number];
+export type FBreadcrumbVariant = (typeof variants)[number];
 
 export class FBreadcrumb extends FRoot {
 	static readonly tagName = "f-breadcrumb";
diff --git a/packages/flow-core/src/components/f-countdown/f-countdown.ts b/packages/flow-core/src/components/f-countdown/f-countdown.ts
index 68ddac631..3c8716fff 100644
--- a/packages/flow-core/src/components/f-countdown/f-countdown.ts
+++ b/packages/flow-core/src/components/f-countdown/f-countdown.ts
@@ -16,10 +16,10 @@ const sizes = ["large", "medium", "small", "x-small"] as const;
 const categories = ["fill", "outline"] as const;
 const placements = ["left", "right", "bottom", "top", "none"] as const;
 
-export type FCountdownStateProp = typeof states[number];
-export type FCountdownCategoryProp = typeof categories[number];
-export type FCountdownSizesProp = typeof sizes[number];
-export type FCountdownLabelProp = typeof placements[number];
+export type FCountdownStateProp = (typeof states)[number];
+export type FCountdownCategoryProp = (typeof categories)[number];
+export type FCountdownSizesProp = (typeof sizes)[number];
+export type FCountdownLabelProp = (typeof placements)[number];
 export type FCountdownDuration = number | string;
 
 export class FCountdown extends FRoot {
diff --git a/packages/flow-core/src/components/f-icon-button/f-icon-button.ts b/packages/flow-core/src/components/f-icon-button/f-icon-button.ts
index 919797d1c..0dcfd3fac 100644
--- a/packages/flow-core/src/components/f-icon-button/f-icon-button.ts
+++ b/packages/flow-core/src/components/f-icon-button/f-icon-button.ts
@@ -21,9 +21,9 @@ const variants = ["round", "curved", "block"] as const;
 const categories = ["fill", "outline", "transparent", "packed"] as const;
 const sizes = ["large", "medium", "small", "x-small"] as const;
 
-export type FIconButtonVariant = typeof variants[number];
-export type FIconButtonType = typeof categories[number];
-export type FIconButtonSize = typeof sizes[number];
+export type FIconButtonVariant = (typeof variants)[number];
+export type FIconButtonType = (typeof categories)[number];
+export type FIconButtonSize = (typeof sizes)[number];
 export type FIconButtonState =
 	| "primary"
 	| "danger"
diff --git a/packages/flow-core/src/components/f-pictogram/f-pictogram.ts b/packages/flow-core/src/components/f-pictogram/f-pictogram.ts
index 95aea1eed..ba1610548 100644
--- a/packages/flow-core/src/components/f-pictogram/f-pictogram.ts
+++ b/packages/flow-core/src/components/f-pictogram/f-pictogram.ts
@@ -15,10 +15,10 @@ const category = ["fill", "outline"] as const;
 const sizes = ["x-large", "large", "medium", "small"] as const;
 const states = ["primary", "danger", "warning", "success", "default", "inherit"] as const;
 
-export type FPictogramVariant = typeof variants[number];
-export type FPictogramCategory = typeof category[number];
-export type FPictogramSize = typeof sizes[number];
-export type FPictogramState = typeof states[number];
+export type FPictogramVariant = (typeof variants)[number];
+export type FPictogramCategory = (typeof category)[number];
+export type FPictogramSize = (typeof sizes)[number];
+export type FPictogramState = (typeof states)[number];
 
 let colors = [
 	"#FFB900",