@crediblemark/build 0.25.4 → 0.25.5

package/dist/index.css

@@ -156,6 +156,7 @@
   --cb-gold: #d97706;
   --cb-gold-glow: rgba(217, 119, 6, 0.1);
   --cb-gold-faint: rgba(217, 119, 6, 0.05);
+  --cb-gold-ghost: rgba(217, 119, 6, 0.08);
   --cb-silver: #0f172a;
   --cb-silver-muted: #64748b;
   --cb-border: #e2e8f0;
@@ -167,23 +168,44 @@
   --cb-gold: #ffffff;
   --cb-gold-glow: rgba(255, 255, 255, 0.1);
   --cb-gold-faint: rgba(255, 255, 255, 0.05);
+  --cb-gold-ghost: rgba(255, 255, 255, 0.08);
   --cb-silver: #ffffff;
   --cb-silver-muted: #a1a1aa;
   --cb-border: #2f2f2f;
 }
 .CredBuild {
-  background-color: var(--cb-bg-base) !important;
-  color: var(--cb-silver) !important;
-  font-family: var(--credbuild-font-family) !important;
-}
-.CredBuildHeader {
-  background: var(--cb-bg-base) !important;
-  border-bottom: 1px solid var(--cb-border) !important;
-  height: 48px !important;
+  --credbuild-color-white: var(--cb-bg-surface);
+  --credbuild-color-grey-12: var(--cb-bg-surface);
+  --credbuild-color-grey-11: var(--cb-bg-surface);
+  --credbuild-color-grey-10: var(--cb-border);
+  --credbuild-color-grey-09: var(--cb-bg-base);
+  --credbuild-color-grey-08: var(--cb-border);
+  --credbuild-color-grey-07: var(--cb-silver-muted);
+  --credbuild-color-grey-06: var(--cb-silver-muted);
+  --credbuild-color-grey-05: var(--cb-silver-muted);
+  --credbuild-color-grey-04: var(--cb-silver);
+  --credbuild-color-grey-03: var(--cb-silver);
+  --credbuild-color-grey-02: var(--cb-bg-panel);
+  --credbuild-color-grey-01: var(--cb-bg-base);
+  --credbuild-color-azure-12: var(--cb-bg-surface);
+  --credbuild-color-azure-11: var(--cb-gold-glow);
+  --credbuild-color-azure-10: var(--cb-gold-glow);
+  --credbuild-color-azure-09: var(--cb-gold-faint);
+  --credbuild-color-azure-08: var(--cb-gold);
+  --credbuild-color-azure-07: var(--cb-gold);
+  --credbuild-color-azure-06: var(--cb-gold);
+  --credbuild-color-azure-05: var(--cb-gold);
+  --credbuild-color-azure-04: var(--cb-gold);
+  --credbuild-color-azure-03: var(--cb-gold);
+  --credbuild-color-azure-02: var(--cb-gold);
+  --credbuild-color-indigo-11: var(--cb-gold-ghost);
+  --credbuild-color-indigo-03: var(--cb-gold);
+  --credbuild-font-family: "Inter", sans-serif;
 }
-.CredBuild svg {
-  color: currentColor !important;
-  stroke: currentColor !important;
+.CredBuild {
+  background-color: var(--cb-bg-base);
+  color: var(--cb-silver);
+  font-family: var(--credbuild-font-family);
 }
 .CredBuild h1,
 .CredBuild h2,
@@ -194,6 +216,10 @@
 .CredBuild div {
   color: var(--cb-silver);
 }
+.CredBuild svg {
+  color: currentColor;
+  stroke: currentColor;
+}
 .CredBuild ::-webkit-scrollbar {
   width: 4px;
   height: 4px;
@@ -211,177 +237,80 @@
 .CredBuild button {
   transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
 }
-[class*=Layout-left],
-[class*=Layout-right],
-[class*=Layout-header],
-[class*=Sidebar] {
-  background-color: var(--cb-bg-surface) !important;
-  border-color: var(--cb-border) !important;
-  color: var(--cb-silver) !important;
-}
-[class*=Layout-header] {
-  background-color: var(--cb-bg-base) !important;
-}
-[class*=Nav] {
-  background-color: var(--cb-bg-surface) !important;
-  border-bottom: 1px solid var(--cb-border) !important;
-}
-[class*=NavItem-link] {
-  color: var(--cb-silver-muted) !important;
-}
-[class*=NavItem--active] [class*=NavItem-link] {
-  color: var(--cb-gold) !important;
-}
-[class*=Layout-editor] {
-  background-color: var(--cb-bg-base) !important;
-}
-[class*=Drawer] {
-  background-color: var(--cb-bg-base) !important;
+[class*=DrawerItem-draggable]:hover {
+  border-color: var(--cb-gold);
+  background-color: var(--cb-gold-faint);
 }
-[class*=DrawerItem-default],
-[class*=DrawerItem-draggable],
-[class*=DrawerItem-draggableWrapper],
-[class*=Drawer-draggableBg] {
-  background-color: var(--cb-bg-surface) !important;
-  color: var(--cb-silver) !important;
-  border: 1px solid var(--cb-border) !important;
-  padding: 4px 8px !important;
+.CredBuild button[class*=primary],
+.CredBuild button[class*=Publish],
+.CredBuild button[class*=Button--primary],
+[class*=PublishButton] button {
+  background: var(--cb-gold) !important;
+  color: var(--cb-bg-base) !important;
+  border: none !important;
+  padding: 6px 16px;
+  border-radius: 6px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  font-size: 11px;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
 }
-[class*=DrawerItem-draggable]:hover {
-  border-color: var(--cb-gold) !important;
-  background-color: var(--cb-gold-faint) !important;
+[class*=PublishButton]:hover button {
+  filter: brightness(1.1);
+  box-shadow: 0 0 20px var(--cb-gold-glow), 0 4px 15px rgba(0, 0, 0, 0.2);
+  transform: translateY(-1px) scale(1.02);
 }
-[class*=DrawerItem-name] {
-  color: var(--cb-silver) !important;
-  font-weight: 500;
+[class*=PublishButton] button svg {
+  color: var(--cb-bg-base);
+  stroke: var(--cb-bg-base);
 }
-[class*=DrawerItem-icon] svg,
-[class*=DrawerItem-draggable] svg {
-  color: var(--cb-silver-muted) !important;
-  stroke: var(--cb-silver-muted) !important;
-  opacity: 0.7 !important;
+[class*=Button--secondary] {
+  background-color: var(--cb-bg-surface);
+  border: 1px solid var(--cb-border);
+  color: var(--cb-silver-muted);
 }
-[class*=DrawerItem-draggable]:hover svg {
-  color: var(--cb-silver) !important;
-  stroke: var(--cb-silver) !important;
-  opacity: 1 !important;
+[class*=Button--secondary]:hover {
+  background-color: var(--cb-bg-panel);
+  border-color: var(--cb-gold);
+  color: var(--cb-gold);
 }
-[class*=ComponentList-title] {
-  background-color: transparent !important;
-  color: var(--cb-silver-muted) !important;
-  border-radius: 0 !important;
-  margin-bottom: 2px !important;
-  font-weight: 600 !important;
-  letter-spacing: 0.05em !important;
-  text-transform: uppercase !important;
-  opacity: 1 !important;
-  padding: 8px 10px !important;
-  border-bottom: 1px solid var(--cb-border) !important;
-}
-[class*=ComponentList-title]:hover {
-  background-color: var(--cb-gold-faint) !important;
-}
-.CredBuild input,
-.CredBuild textarea,
-.CredBuild select,
-[class*=ExternalInput-input],
-[class*=Select-select] {
-  background-color: var(--cb-bg-base) !important;
-  background: var(--cb-bg-base) !important;
-  border: 1px solid var(--cb-border) !important;
-  border-radius: var(--cb-radius-m) !important;
-  color: var(--cb-silver) !important;
-  padding: 6px 10px !important;
-  font-size: 12px !important;
+.CredBuild input[type=color] {
   width: 100% !important;
-  transition: all 0.2s ease !important;
-}
-.CredBuild input:focus,
-.CredBuild textarea:focus,
-.CredBuild select:focus {
-  border-color: var(--cb-gold) !important;
-  outline: none !important;
-  box-shadow: 0 0 0 1px var(--cb-gold-glow) !important;
-}
-[class*=AutoField-label],
-[class*=SidebarSection-title],
-[class*=Heading-item] {
-  color: var(--cb-silver-muted) !important;
-  font-size: 11px !important;
-  font-weight: 600 !important;
-  text-transform: uppercase !important;
-  letter-spacing: 0.05em !important;
-  margin-top: 6px !important;
-  margin-bottom: 4px !important;
-}
-[class*=SidebarSection] {
-  border-bottom: 1px solid var(--cb-border) !important;
-  background-color: transparent !important;
-}
-[class*=Select-button] {
-  background-color: var(--cb-bg-base) !important;
-  border-color: var(--cb-border) !important;
-  color: var(--cb-silver) !important;
-}
-[class*=SidebarSection-content],
-[class*=Field-array],
-[class*=ArrayField],
-[class*=Sidebar] div[class*=Section-],
-[class*=Sidebar] div[class*=Field-] {
-  background-color: transparent !important;
+  height: 100% !important;
+  top: 0 !important;
+  left: 0 !important;
+  position: absolute !important;
   background: transparent !important;
-  border-color: var(--cb-border) !important;
-}
-[class*=Array-item],
-[class*=Field-list] > div {
-  background-color: var(--cb-bg-surface) !important;
-  border: 1px solid var(--cb-border) !important;
-  border-radius: var(--cb-radius-m) !important;
-  color: var(--cb-silver) !important;
-  padding: 6px !important;
-  margin-bottom: 3px !important;
+  border: none !important;
+  padding: 0 !important;
+  margin: 0 !important;
+  cursor: pointer;
 }
-[class*=Button--secondary] {
-  background-color: var(--cb-bg-surface) !important;
-  border: 1px solid var(--cb-border) !important;
-  color: var(--cb-silver-muted) !important;
+.CredBuild input[type=color]::-webkit-color-swatch-wrapper {
+  padding: 0 !important;
 }
-[class*=Button--secondary]:hover {
-  background-color: var(--cb-bg-panel) !important;
-  border-color: var(--cb-gold) !important;
-  color: var(--cb-gold) !important;
+.CredBuild input[type=color]::-webkit-color-swatch {
+  border: none !important;
+  border-radius: 2px !important;
 }
-.CredBuild button[class*=primary],
-.CredBuild button[class*=Publish],
-.CredBuild button[class*=Button--primary] {
-  background-color: var(--cb-gold) !important;
-  background: var(--cb-gold) !important;
-  color: var(--cb-bg-base) !important;
+.CredBuild input[type=color]::-moz-color-swatch {
   border: none !important;
-  opacity: 1 !important;
-  padding: 6px 18px !important;
-  border-radius: var(--cb-radius-m) !important;
-  font-weight: 700 !important;
-  transition: all 0.2s ease !important;
-}
-.CredBuild button[class*=primary]:hover {
-  background-color: #fcd34d !important;
-  box-shadow: 0 0 15px var(--cb-gold-glow) !important;
-  transform: translateY(-1px);
+  border-radius: 2px !important;
 }
-.CredBuild {
-  --credbuild-color-azure-05: var(--cb-gold);
-  --credbuild-color-azure-06: var(--cb-gold);
-  --credbuild-color-azure-07: var(--cb-gold);
-  --credbuild-color-azure-10: var(--cb-gold-glow);
-  --credbuild-color-azure-11: var(--cb-gold-glow);
-  --credbuild-color-white: var(--cb-bg-surface);
-  --credbuild-color-grey-11: var(--cb-bg-surface);
-  --credbuild-color-grey-10: var(--cb-border);
-  --credbuild-color-grey-09: var(--cb-bg-base);
+.CredBuild input:not([type=color]):focus,
+.CredBuild textarea:focus,
+.CredBuild select:focus {
+  border-color: var(--cb-gold);
+  outline: none;
+  box-shadow: 0 0 0 1px var(--cb-gold-glow);
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/components/ActionBar/styles.module.css/#css-module-data */
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/ActionBar/styles.module.css/#css-module-data */
 ._ActionBar_ze0ci_1 {
   align-items: center;
   cursor: default;
@@ -476,46 +405,44 @@
   height: 100%;
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/components/AutoField/styles.module.css/#css-module-data */
-._InputWrapper_rcfsp_1:not(._InputWrapper--object_rcfsp_1):not(._InputWrapper--array_rcfsp_1) {
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/AutoField/styles.module.css/#css-module-data */
+._InputWrapper_1l0eg_1:not(._InputWrapper--object_1l0eg_1):not(._InputWrapper--array_1l0eg_1) {
   border: 1px solid var(--credbuild-color-grey-10);
   border-radius: 5px;
   padding: 4px 8px;
   background-color: var(--credbuild-color-white);
   transition: all 0.2s ease;
 }
-._InputWrapper_rcfsp_1 + ._InputWrapper_rcfsp_1 {
+._InputWrapper_1l0eg_1 + ._InputWrapper_1l0eg_1 {
   margin-top: 2px;
 }
-._InputWrapper_rcfsp_1:not(._InputWrapper--object_rcfsp_1):not(._InputWrapper--array_rcfsp_1):hover {
+._InputWrapper_1l0eg_1:not(._InputWrapper--object_1l0eg_1):not(._InputWrapper--array_1l0eg_1):hover {
   border-color: var(--credbuild-color-grey-08);
   background-color: var(--credbuild-color-grey-11);
 }
-._Input-label_rcfsp_18 {
+._Input-label_1l0eg_18 {
   align-items: center;
   color: var(--credbuild-color-grey-06);
   display: flex;
   padding-bottom: 2px;
   font-size: 9px;
   font-weight: 500;
-  text-transform: uppercase;
-  letter-spacing: 0.08em;
   opacity: 0.7;
 }
-._Input-label--noChildren_rcfsp_30 {
+._Input-label--noChildren_1l0eg_28 {
   padding-bottom: 0;
 }
-._Input-labelIcon_rcfsp_34 {
+._Input-labelIcon_1l0eg_32 {
   color: var(--credbuild-color-grey-07);
   display: flex;
   margin-inline-end: 4px;
   padding-inline-start: 4px;
 }
-._Input-disabledIcon_rcfsp_41 {
+._Input-disabledIcon_1l0eg_39 {
   color: var(--credbuild-color-grey-05);
   margin-inline-start: auto;
 }
-._Input-input_rcfsp_46 {
+._Input-input_1l0eg_44 {
   background: transparent;
   border: none;
   border-radius: 0;
@@ -530,11 +457,11 @@
   outline: none;
 }
 @media (min-width: 458px) {
-  ._Input-input_rcfsp_46 {
+  ._Input-input_1l0eg_44 {
     font-size: 12px;
   }
 }
-select._Input-input_rcfsp_46 {
+select._Input-input_1l0eg_44 {
   appearance: none;
   background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23c3c3c3'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
   background-size: 12px;
@@ -542,30 +469,34 @@ select._Input-input_rcfsp_46 {
   background-repeat: no-repeat;
   background-color: var(--credbuild-color-white);
   cursor: pointer;
+  height: auto;
+  line-height: normal;
+  padding-top: 4px;
+  padding-bottom: 4px;
 }
-select._Input-input_rcfsp_46:dir(rtl) {
+select._Input-input_1l0eg_44:dir(rtl) {
   background-position: 12px calc(50% + 3px);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Input_rcfsp_1:has(> input):hover ._Input-input_rcfsp_46:not([readonly]),
-  ._Input_rcfsp_1:has(> textarea):hover ._Input-input_rcfsp_46:not([readonly]) {
+  ._Input_1l0eg_1:has(> input):hover ._Input-input_1l0eg_44:not([readonly]),
+  ._Input_1l0eg_1:has(> textarea):hover ._Input-input_1l0eg_44:not([readonly]) {
     border-color: var(--credbuild-color-grey-05);
     transition: none;
   }
-  ._Input_rcfsp_1:has(> select):hover ._Input-input_rcfsp_46:not([disabled]) {
+  ._Input_1l0eg_1:has(> select):hover ._Input-input_1l0eg_44:not([disabled]) {
     background-color: var(--credbuild-color-azure-12);
     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%235a5a5a'><polygon points='0,0 100,0 50,50'/></svg>");
     border-color: var(--credbuild-color-grey-05);
     transition: none;
   }
 }
-._Input-input_rcfsp_46:focus {
+._Input-input_1l0eg_44:focus {
   border-color: var(--credbuild-color-grey-05);
   outline: 2px solid var(--credbuild-color-azure-05);
   transition: none;
 }
-._Input--readOnly_rcfsp_102 > ._Input-input_rcfsp_46,
-._Input--readOnly_rcfsp_102 > select._Input-input_rcfsp_46 {
+._Input--readOnly_1l0eg_104 > ._Input-input_1l0eg_44,
+._Input--readOnly_1l0eg_104 > select._Input-input_1l0eg_44 {
   background-color: var(--credbuild-color-grey-11);
   border-color: var(--credbuild-color-grey-09);
   color: var(--credbuild-color-grey-04);
@@ -574,34 +505,34 @@ select._Input-input_rcfsp_46:dir(rtl) {
   outline: 0;
   transition: none;
 }
-._Input-radioGroupItems_rcfsp_113 {
+._Input-radioGroupItems_1l0eg_115 {
   display: flex;
   border: 1px solid var(--credbuild-color-grey-09);
   border-radius: 4px;
   flex-wrap: wrap;
 }
-._Input-radio_rcfsp_113 {
+._Input-radio_1l0eg_115 {
   border-inline-end: 1px solid var(--credbuild-color-grey-09);
   flex-grow: 1;
 }
-._Input-radio_rcfsp_113:first-of-type {
+._Input-radio_1l0eg_115:first-of-type {
   border-bottom-left-radius: 4px;
   border-top-left-radius: 4px;
 }
-._Input-radio_rcfsp_113:first-of-type ._Input-radioInner_rcfsp_130 {
+._Input-radio_1l0eg_115:first-of-type ._Input-radioInner_1l0eg_132 {
   border-bottom-left-radius: 3px;
   border-top-left-radius: 3px;
 }
-._Input-radio_rcfsp_113:last-of-type {
+._Input-radio_1l0eg_115:last-of-type {
   border-bottom-right-radius: 4px;
   border-inline-end: 0;
   border-top-right-radius: 4px;
 }
-._Input-radio_rcfsp_113:last-of-type ._Input-radioInner_rcfsp_130 {
+._Input-radio_1l0eg_115:last-of-type ._Input-radioInner_1l0eg_132 {
   border-bottom-right-radius: 3px;
   border-top-right-radius: 3px;
 }
-._Input-radioInner_rcfsp_130 {
+._Input-radioInner_1l0eg_132 {
   background-color: var(--credbuild-color-white);
   color: var(--credbuild-color-grey-04);
   cursor: pointer;
@@ -610,32 +541,32 @@ select._Input-input_rcfsp_46:dir(rtl) {
   text-align: center;
   transition: background-color 50ms ease-in;
 }
-._Input-radio_rcfsp_113:has(:focus-visible) {
+._Input-radio_1l0eg_115:has(:focus-visible) {
   outline: 2px solid var(--credbuild-color-azure-05);
   outline-offset: 2px;
   position: relative;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Input-radioInner_rcfsp_130:hover {
+  ._Input-radioInner_1l0eg_132:hover {
     background-color: var(--credbuild-color-azure-12);
     transition: none;
   }
 }
-._Input--readOnly_rcfsp_102 ._Input-radioInner_rcfsp_130 {
+._Input--readOnly_1l0eg_104 ._Input-radioInner_1l0eg_132 {
   background-color: var(--credbuild-color-white);
   color: var(--credbuild-color-grey-04);
   cursor: default;
 }
-._Input-radio_rcfsp_113 ._Input-radioInput_rcfsp_175:checked ~ ._Input-radioInner_rcfsp_130 {
+._Input-radio_1l0eg_115 ._Input-radioInput_1l0eg_177:checked ~ ._Input-radioInner_1l0eg_132 {
   background-color: var(--credbuild-color-azure-11);
   color: var(--credbuild-color-azure-04);
   font-weight: 500;
 }
-._Input--readOnly_rcfsp_102 ._Input-radioInput_rcfsp_175:checked ~ ._Input-radioInner_rcfsp_130 {
+._Input--readOnly_1l0eg_104 ._Input-radioInput_1l0eg_177:checked ~ ._Input-radioInner_1l0eg_132 {
   background-color: var(--credbuild-color-grey-11);
   color: var(--credbuild-color-grey-04);
 }
-._Input-radio_rcfsp_113 ._Input-radioInput_rcfsp_175 {
+._Input-radio_1l0eg_115 ._Input-radioInput_1l0eg_177 {
   clip: rect(0 0 0 0);
   clip-path: inset(100%);
   height: 1px;
@@ -644,11 +575,11 @@ select._Input-input_rcfsp_46:dir(rtl) {
   white-space: nowrap;
   width: 1px;
 }
-textarea._Input-input_rcfsp_46 {
+textarea._Input-input_1l0eg_44 {
   margin-bottom: -4px;
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/components/ExternalInput/styles.module.css/#css-module-data */
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/ExternalInput/styles.module.css/#css-module-data */
 ._ExternalInput-actions_1gpb4_1 {
   display: flex;
 }
@@ -940,7 +871,7 @@ textarea._Input-input_rcfsp_46 {
   display: block;
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/components/Modal/styles.module.css/#css-module-data */
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Modal/styles.module.css/#css-module-data */
 ._Modal_b422s_1 {
   background: color-mix(in srgb, var(--credbuild-color-black) 75%, transparent);
   display: none;
@@ -968,7 +899,7 @@ textarea._Input-input_rcfsp_46 {
   max-height: 90dvh;
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/components/Heading/styles.module.css/#css-module-data */
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Heading/styles.module.css/#css-module-data */
 ._Heading_1tpsl_1 {
   display: block;
   color: var(--credbuild-color-black);
@@ -1005,7 +936,7 @@ textarea._Input-input_rcfsp_46 {
   font-size: var(--credbuild-font-size-xs);
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/components/Loader/styles.module.css/#css-module-data */
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Loader/styles.module.css/#css-module-data */
 @keyframes _loader-animation_nacdm_1 {
   0% {
     transform: rotate(0deg) scale(1);
@@ -1027,7 +958,7 @@ textarea._Input-input_rcfsp_46 {
   animation-fill-mode: both;
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/components/Button/Button.module.css/#css-module-data */
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Button/Button.module.css/#css-module-data */
 ._Button_164uz_1 {
   appearance: none;
   background: none;
@@ -1120,7 +1051,7 @@ textarea._Input-input_rcfsp_46 {
   padding-inline-start: 8px;
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/components/IconButton/IconButton.module.css/#css-module-data */
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/IconButton/IconButton.module.css/#css-module-data */
 ._IconButton_1a0fz_1 {
   align-items: center;
   background: transparent;
@@ -1165,7 +1096,7 @@ textarea._Input-input_rcfsp_46 {
   color: var(--credbuild-color-grey-07);
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/components/RichTextMenu/styles.module.css/#css-module-data */
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/RichTextMenu/styles.module.css/#css-module-data */
 ._RichTextMenu_193iw_1 {
   display: flex;
   flex-direction: row;
@@ -1207,7 +1138,7 @@ textarea._Input-input_rcfsp_46 {
   border-left: 0.5px solid var(--credbuild-color-grey-05);
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/components/RichTextMenu/components/Control/styles.module.css/#css-module-data */
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/RichTextMenu/components/Control/styles.module.css/#css-module-data */
 ._Control_1aveu_1 .lucide {
   height: 18px;
   width: 18px;
@@ -1217,7 +1148,7 @@ textarea._Input-input_rcfsp_46 {
   width: 16px;
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/components/Select/styles.module.css/#css-module-data */
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Select/styles.module.css/#css-module-data */
 ._Select_16son_1 {
   position: relative;
   z-index: 1;
@@ -1305,7 +1236,7 @@ textarea._Input-input_rcfsp_46 {
   color: var(--credbuild-color-azure-04);
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/components/RichTextEditor/styles.module.css/#css-module-data */
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/RichTextEditor/styles.module.css/#css-module-data */
 ._RichTextEditor_hp4qf_1 .ProseMirror {
   white-space: pre-wrap;
   word-wrap: break-word;
@@ -1408,7 +1339,7 @@ textarea._Input-input_rcfsp_46 {
   border-bottom: 1px solid var(--credbuild-color-grey-09);
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/components/AutoField/fields/ArrayField/styles.module.css/#css-module-data */
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/AutoField/fields/ArrayField/styles.module.css/#css-module-data */
 ._ArrayField_rvhj3_5 {
   display: flex;
   flex-direction: column;
@@ -1570,7 +1501,7 @@ textarea._Input-input_rcfsp_46 {
   opacity: 1;
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/components/DragIcon/styles.module.css/#css-module-data */
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/DragIcon/styles.module.css/#css-module-data */
 ._DragIcon_ei1r9_1 {
   color: var(--credbuild-color-grey-05);
   cursor: grab;
@@ -1600,8 +1531,8 @@ textarea._Input-input_rcfsp_46 {
   transition: none !important;
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/components/AutoField/fields/ObjectField/styles.module.css/#css-module-data */
-._ObjectField_7axeg_1 {
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/AutoField/fields/ObjectField/styles.module.css/#css-module-data */
+._ObjectField_12pvo_1 {
   display: flex;
   flex-direction: column;
   background-color: transparent;
@@ -1609,13 +1540,13 @@ textarea._Input-input_rcfsp_46 {
   overflow: hidden;
   transition: all 0.2s ease;
 }
-._ObjectField--isOpen_7axeg_10 {
+._ObjectField--isOpen_12pvo_10 {
   background-color: transparent;
 }
-._ObjectField-content_7axeg_14 {
+._ObjectField-content_12pvo_14 {
   background-color: transparent;
 }
-._ObjectField-fieldset_7axeg_18 {
+._ObjectField-fieldset_12pvo_18 {
   border: none;
   margin: 0;
   min-width: 0;
@@ -1626,7 +1557,7 @@ textarea._Input-input_rcfsp_46 {
   border-left: 1px solid var(--credbuild-color-grey-10);
   margin-left: 8px;
 }
-._ObjectField-header_7axeg_30 {
+._ObjectField-header_12pvo_30 {
   background-color: transparent;
   border: 0;
   color: var(--credbuild-color-grey-05);
@@ -1637,24 +1568,23 @@ textarea._Input-input_rcfsp_46 {
   list-style: none;
   margin-bottom: 2px;
   padding: 4px 8px;
-  text-transform: uppercase;
   transition: background-color 50ms ease-in, color 50ms ease-in;
   gap: 4px;
   border-radius: 4px;
   width: 100%;
   align-items: center;
 }
-._ObjectField-header_7axeg_30:hover {
+._ObjectField-header_12pvo_30:hover {
   background-color: var(--credbuild-color-azure-11);
   color: var(--credbuild-color-azure-04);
 }
-._ObjectField-headerIcon_7axeg_54 {
+._ObjectField-headerIcon_12pvo_53 {
   margin-inline-start: auto;
   display: flex;
   align-items: center;
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/components/Drawer/styles.module.css/#css-module-data */
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Drawer/styles.module.css/#css-module-data */
 ._Drawer_1bd7y_1 {
   display: flex;
   flex-direction: column;
@@ -1714,7 +1644,7 @@ textarea._Input-input_rcfsp_46 {
   letter-spacing: 0.02em;
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/components/DraggableComponent/styles.module.css/#css-module-data */
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/DraggableComponent/styles.module.css/#css-module-data */
 ._DraggableComponent_yrtpz_1 {
   position: absolute;
   pointer-events: none;
@@ -1821,7 +1751,7 @@ textarea._Input-input_rcfsp_46 {
   outline-offset: -2px !important;
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/components/DropZone/styles.module.css/#css-module-data */
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/DropZone/styles.module.css/#css-module-data */
 ._DropZone_1vmgt_1 {
   --resize-animation-ms: 150ms;
   position: relative;
@@ -1888,7 +1818,7 @@ body:has(._DropZone--isAnimating_1vmgt_68:empty) [data-credbuild-overlay] {
   outline-offset: 2px;
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/components/InlineTextField/styles.module.css/#css-module-data */
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/InlineTextField/styles.module.css/#css-module-data */
 ._InlineTextField_104qp_1 {
   cursor: text;
   display: inline-block;
@@ -1903,7 +1833,7 @@ body:has(._DropZone--isAnimating_1vmgt_68:empty) [data-credbuild-overlay] {
   display: none;
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/components/CredBuild/components/Fields/styles.module.css/#css-module-data */
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/CredBuild/components/Fields/styles.module.css/#css-module-data */
 ._CredBuildFields_53gu7_1 {
   position: relative;
   font-family: var(--credbuild-font-family);
@@ -1943,7 +1873,7 @@ body:has(._DropZone--isAnimating_1vmgt_68:empty) [data-credbuild-overlay] {
   margin-top: 2px;
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/components/ComponentList/styles.module.css/#css-module-data */
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/ComponentList/styles.module.css/#css-module-data */
 ._ComponentList_10tqo_1 {
   max-width: 100%;
 }
@@ -1992,30 +1922,30 @@ body:has(._DropZone--isAnimating_1vmgt_68:empty) [data-credbuild-overlay] {
   margin-inline-start: auto;
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/components/CredBuild/components/Components/styles.module.css/#css-module-data */
-._CredBuildComponents_17idm_1 {
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/CredBuild/components/Components/styles.module.css/#css-module-data */
+._CredBuildComponents_1a9p4_1 {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-._CredBuildComponents-searchContainer_17idm_7 {
-  padding: 8px 12px;
+._CredBuildComponents-searchContainer_1a9p4_7 {
+  padding: 4px 8px;
   border-bottom: 1px solid var(--cb-border, #e2e8f0);
   background-color: var(--cb-bg-surface, #ffffff);
   position: relative;
   display: flex;
   align-items: center;
 }
-._CredBuildComponents-searchWrapper_17idm_16 {
+._CredBuildComponents-searchWrapper_1a9p4_16 {
   position: relative;
   width: 100%;
   display: flex;
   align-items: center;
 }
-._CredBuildComponents-searchInput_17idm_23 {
+._CredBuildComponents-searchInput_1a9p4_23 {
   width: 100%;
   height: 32px;
-  padding: 0 28px 0 32px;
+  padding: 0 28px 0 10px;
   font-size: 12px;
   border: 1px solid var(--cb-border, #e2e8f0);
   border-radius: 6px;
@@ -2024,18 +1954,23 @@ body:has(._DropZone--isAnimating_1vmgt_68:empty) [data-credbuild-overlay] {
   outline: none;
   transition: all 0.2s ease-in-out;
 }
-._CredBuildComponents-searchInput_17idm_23:focus {
+._CredBuildComponents-searchInput_1a9p4_23:focus {
   border-color: var(--cb-gold, #d97706);
   background-color: var(--cb-bg-surface, #ffffff);
   box-shadow: 0 0 0 2px var(--cb-gold-glow, rgba(217, 119, 6, 0.15));
 }
-._CredBuildComponents-searchIcon_17idm_42 {
+._CredBuildComponents-searchIcon_1a9p4_42 {
   position: absolute;
   left: 10px;
+  top: 50%;
+  transform: translateY(-50%);
   color: var(--cb-silver-muted, #64748b);
   pointer-events: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
-._CredBuildComponents-clearButton_17idm_49 {
+._CredBuildComponents-clearButton_1a9p4_54 {
   position: absolute;
   right: 8px;
   background: none;
@@ -2049,15 +1984,15 @@ body:has(._DropZone--isAnimating_1vmgt_68:empty) [data-credbuild-overlay] {
   border-radius: 4px;
   transition: all 0.15s ease-in-out;
 }
-._CredBuildComponents-clearButton_17idm_49:hover {
+._CredBuildComponents-clearButton_1a9p4_54:hover {
   background-color: var(--cb-border, #e2e8f0);
   color: var(--cb-silver, #0f172a);
 }
-._CredBuildComponents-listContainer_17idm_69 {
+._CredBuildComponents-listContainer_1a9p4_74 {
   flex: 1;
   overflow-y: auto;
 }
-._CredBuildComponents-noResults_17idm_74 {
+._CredBuildComponents-noResults_1a9p4_79 {
   padding: 32px 16px;
   text-align: center;
   color: var(--cb-silver-muted, #64748b);
@@ -2068,7 +2003,7 @@ body:has(._DropZone--isAnimating_1vmgt_68:empty) [data-credbuild-overlay] {
   gap: 8px;
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/components/CredBuild/components/Preview/styles.module.css/#css-module-data */
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/CredBuild/components/Preview/styles.module.css/#css-module-data */
 ._CredBuildPreview_1z08a_1 {
   position: relative;
   height: 100%;
@@ -2079,7 +2014,7 @@ body:has(._DropZone--isAnimating_1vmgt_68:empty) [data-credbuild-overlay] {
   width: 100%;
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/components/LayerTree/styles.module.css/#css-module-data */
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/LayerTree/styles.module.css/#css-module-data */
 ._LayerTree_nus40_1 {
   color: var(--credbuild-color-grey-03);
   font-family: var(--credbuild-font-family);
@@ -2183,7 +2118,7 @@ body:has(._DropZone--isAnimating_1vmgt_68:empty) [data-credbuild-overlay] {
   margin-top: 2px;
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/components/CredBuild/components/Layout/styles.module.css/#css-module-data */
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/CredBuild/components/Layout/styles.module.css/#css-module-data */
 ._CredBuildLayout_14aaz_1 {
   display: flex;
   flex: 1;
@@ -2300,7 +2235,7 @@ body:has(._DropZone--isAnimating_1vmgt_68:empty) [data-credbuild-overlay] {
   opacity: 1;
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/components/MenuBar/styles.module.css/#css-module-data */
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/MenuBar/styles.module.css/#css-module-data */
 ._MenuBar_1m2ld_1 {
   background-color: var(--credbuild-color-white);
   border-bottom: 1px solid var(--credbuild-color-grey-09);
@@ -2344,7 +2279,7 @@ body:has(._DropZone--isAnimating_1vmgt_68:empty) [data-credbuild-overlay] {
   display: flex;
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/components/ViewportControls/styles.module.css/#css-module-data */
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/ViewportControls/styles.module.css/#css-module-data */
 ._ViewportControls_gefvg_1 {
   position: relative;
 }
@@ -2451,7 +2386,7 @@ body:has(._DropZone--isAnimating_1vmgt_68:empty) [data-credbuild-overlay] {
   color: var(--credbuild-color-azure-04);
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/components/CredBuild/components/Header/styles.module.css/#css-module-data */
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/CredBuild/components/Header/styles.module.css/#css-module-data */
 ._CredBuildHeader_qzv5u_1 {
   background: var(--credbuild-color-white);
   border-bottom: 1px solid var(--credbuild-color-grey-10);
@@ -2525,17 +2460,17 @@ body:has(._DropZone--isAnimating_1vmgt_68:empty) [data-credbuild-overlay] {
   }
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/components/SidebarSection/styles.module.css/#css-module-data */
-._SidebarSection_1w6vl_1 {
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/SidebarSection/styles.module.css/#css-module-data */
+._SidebarSection_bv89x_1 {
   display: flex;
   position: relative;
   flex-direction: column;
   color: var(--credbuild-color-black);
 }
-._SidebarSection_1w6vl_1:last-of-type {
+._SidebarSection_bv89x_1:last-of-type {
   flex-grow: 0;
 }
-._SidebarSection-title_1w6vl_12 {
+._SidebarSection-title_bv89x_12 {
   background: var(--credbuild-color-grey-11);
   padding: 4px 10px;
   border-bottom: 1px solid var(--credbuild-color-grey-10);
@@ -2546,29 +2481,28 @@ body:has(._DropZone--isAnimating_1vmgt_68:empty) [data-credbuild-overlay] {
   user-select: none;
   transition: background 0.2s ease;
 }
-._SidebarSection-title_1w6vl_12:hover {
+._SidebarSection-title_bv89x_12:hover {
   background: #f3f4f6;
 }
-._SidebarSection-title_1w6vl_12 h2,
-._SidebarSection-title_1w6vl_12 span {
+._SidebarSection-title_bv89x_12 h2,
+._SidebarSection-title_bv89x_12 span {
   font-size: 10px;
-  text-transform: uppercase;
-  letter-spacing: 0.1em;
-  font-weight: 700;
+  font-weight: 500;
+  opacity: 0.9;
   color: var(--credbuild-color-grey-05);
   margin: 0;
 }
-._SidebarSection--noBorderTop_1w6vl_38 > ._SidebarSection-title_1w6vl_12 {
+._SidebarSection--noBorderTop_bv89x_37 > ._SidebarSection-title_bv89x_12 {
   border-top: 0px;
 }
-._SidebarSection-content_1w6vl_42:last-child {
+._SidebarSection-content_bv89x_41:last-child {
   padding-bottom: 4px;
 }
-._SidebarSection_1w6vl_1:last-of-type ._SidebarSection-content_1w6vl_42 {
+._SidebarSection_bv89x_1:last-of-type ._SidebarSection-content_bv89x_41 {
   border-bottom: none;
   flex-grow: 0;
 }
-._SidebarSection-breadcrumbLabel_1w6vl_51 {
+._SidebarSection-breadcrumbLabel_bv89x_50 {
   background: none;
   border: 0;
   border-radius: 2px;
@@ -2579,34 +2513,34 @@ body:has(._DropZone--isAnimating_1vmgt_68:empty) [data-credbuild-overlay] {
   padding: 0;
   transition: color 50ms ease-in;
 }
-._SidebarSection-breadcrumbLabel_1w6vl_51:focus-visible {
+._SidebarSection-breadcrumbLabel_bv89x_50:focus-visible {
   outline: 2px solid var(--credbuild-color-azure-05);
   outline-offset: 2px;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._SidebarSection-breadcrumbLabel_1w6vl_51:hover {
+  ._SidebarSection-breadcrumbLabel_bv89x_50:hover {
     color: var(--credbuild-color-azure-03);
     transition: none;
   }
 }
-._SidebarSection-breadcrumbLabel_1w6vl_51:active {
+._SidebarSection-breadcrumbLabel_bv89x_50:active {
   color: var(--credbuild-color-azure-02);
   transition: none;
 }
-._SidebarSection-breadcrumbs_1w6vl_80 {
+._SidebarSection-breadcrumbs_bv89x_79 {
   align-items: center;
   display: flex;
   gap: 4px;
 }
-._SidebarSection-breadcrumb_1w6vl_51 {
+._SidebarSection-breadcrumb_bv89x_50 {
   align-items: center;
   display: flex;
   gap: 4px;
 }
-._SidebarSection-heading_1w6vl_92 {
+._SidebarSection-heading_bv89x_91 {
   padding-inline-end: 16px;
 }
-._SidebarSection-loadingOverlay_1w6vl_96 {
+._SidebarSection-loadingOverlay_bv89x_95 {
   background: var(--credbuild-color-white);
   display: flex;
   justify-content: center;
@@ -2621,7 +2555,7 @@ body:has(._DropZone--isAnimating_1vmgt_68:empty) [data-credbuild-overlay] {
   opacity: 0.8;
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/components/Breadcrumbs/styles.module.css/#css-module-data */
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Breadcrumbs/styles.module.css/#css-module-data */
 ._Breadcrumbs_1e0gb_1 {
   align-items: center;
   display: flex;
@@ -2658,7 +2592,7 @@ body:has(._DropZone--isAnimating_1vmgt_68:empty) [data-credbuild-overlay] {
   gap: 4px;
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/components/CredBuild/components/Canvas/styles.module.css/#css-module-data */
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/CredBuild/components/Canvas/styles.module.css/#css-module-data */
 ._CredBuildCanvas_1ivia_1 {
   background-color: var(--credbuild-color-grey-09);
   background-image: radial-gradient(var(--cb-grid-color) var(--cb-grid-dot), transparent 0);
@@ -2736,7 +2670,7 @@ body:has(._DropZone--isAnimating_1vmgt_68:empty) [data-credbuild-overlay] {
   transition: none;
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/components/CredBuild/components/ResizeHandle/styles.module.css/#css-module-data */
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/CredBuild/components/ResizeHandle/styles.module.css/#css-module-data */
 @media (min-width: 766px) {
   ._ResizeHandle_144bf_2 {
     position: absolute;
@@ -2769,7 +2703,7 @@ body:has(._DropZone--isAnimating_1vmgt_68:empty) [data-credbuild-overlay] {
   cursor: col-resize;
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/components/CredBuild/components/Sidebar/styles.module.css/#css-module-data */
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/CredBuild/components/Sidebar/styles.module.css/#css-module-data */
 ._Sidebar_1kcif_1 {
   position: relative;
   display: none;
@@ -2818,7 +2752,7 @@ body:has(._DropZone--isAnimating_1vmgt_68:empty) [data-credbuild-overlay] {
   justify-self: start;
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/components/CredBuild/components/Nav/styles.module.css/#css-module-data */
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/CredBuild/components/Nav/styles.module.css/#css-module-data */
 ._Nav_wbh7e_1 {
   display: flex;
   width: 100%;
@@ -2911,7 +2845,7 @@ body:has(._DropZone--isAnimating_1vmgt_68:empty) [data-credbuild-overlay] {
   }
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/plugins/blocks/styles.module.css/#css-module-data */
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/plugins/blocks/styles.module.css/#css-module-data */
 ._BlocksPlugin_1ey1i_1 {
   padding: 16px;
   height: 100%;
@@ -2919,7 +2853,7 @@ body:has(._DropZone--isAnimating_1vmgt_68:empty) [data-credbuild-overlay] {
   box-sizing: border-box;
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/plugins/outline/styles.module.css/#css-module-data */
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/plugins/outline/styles.module.css/#css-module-data */
 ._OutlinePlugin_q92j6_1 {
   padding: 16px;
   height: 100%;
@@ -2927,7 +2861,7 @@ body:has(._DropZone--isAnimating_1vmgt_68:empty) [data-credbuild-overlay] {
   box-sizing: border-box;
 }
 
-/* css-module:/home/runner/work/credbuild/credbuild/plugins/fields/styles.module.css/#css-module-data */
+/* css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/plugins/fields/styles.module.css/#css-module-data */
 ._FieldsPlugin_6as57_1 {
   background: white;
   height: 100%;