@prokodo/ui 0.1.5 → 0.1.7

package/dist/components/accordion/Accordion.css

@@ -144,7 +144,7 @@
   margin-bottom: 8px;
   overflow: hidden;
   transition: border 0.3s ease;
-  box-shadow: var(--elevation-3);
+  box-shadow: var(--elevation-1);
 }
 .prokodo-Accordion__item--is-expanded {
   border-color: var(--color-primary-500);
@@ -237,6 +237,9 @@
 .prokodo-Accordion__title {
   font-weight: 500;
 }
+html[data-theme=dark] .prokodo-Accordion__title {
+  color: var(--color-grey-900);
+}
 .prokodo-Accordion__icon {
   padding-left: 1rem;
   transition: transform 0.3s ease;
@@ -244,6 +247,9 @@
 .prokodo-Accordion__icon--is-hidden {
   display: none !important;
 }
+html[data-theme=dark] .prokodo-Accordion__icon {
+  color: var(--color-grey-900);
+}
 .prokodo-Accordion__content {
   padding: 16px;
   background-color: var(--color-white);
@@ -252,7 +258,7 @@
   font-size: 1.125rem;
   font-family: var(--font-secondary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   font-style: normal;
-  line-height: 1.5;
+  line-height: 1.55;
   letter-spacing: 0.03em;
   text-transform: none;
   text-align: left;
@@ -261,13 +267,11 @@
 @media screen and (min-width: 480px) {
   .prokodo-Accordion__content {
     font-size: 1rem;
-    line-height: 1.45;
   }
 }
 @media screen and (min-width: 960px) {
   .prokodo-Accordion__content {
     font-size: 1rem;
-    line-height: 1.45;
   }
 }
 .prokodo-Accordion__content[hidden] {

package/dist/components/accordion/Accordion.module.css

@@ -144,7 +144,7 @@
   margin-bottom: 8px;
   overflow: hidden;
   transition: border 0.3s ease;
-  box-shadow: var(--elevation-3);
+  box-shadow: var(--elevation-1);
 }
 .prokodo-Accordion__item--is-expanded {
   border-color: var(--color-primary-500);
@@ -237,6 +237,9 @@
 .prokodo-Accordion__title {
   font-weight: 500;
 }
+html[data-theme=dark] .prokodo-Accordion__title {
+  color: var(--color-grey-900);
+}
 .prokodo-Accordion__icon {
   padding-left: 1rem;
   transition: transform 0.3s ease;
@@ -244,6 +247,9 @@
 .prokodo-Accordion__icon--is-hidden {
   display: none !important;
 }
+html[data-theme=dark] .prokodo-Accordion__icon {
+  color: var(--color-grey-900);
+}
 .prokodo-Accordion__content {
   padding: 16px;
   background-color: var(--color-white);
@@ -252,7 +258,7 @@
   font-size: 1.125rem;
   font-family: var(--font-secondary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   font-style: normal;
-  line-height: 1.5;
+  line-height: 1.55;
   letter-spacing: 0.03em;
   text-transform: none;
   text-align: left;
@@ -261,13 +267,11 @@
 @media screen and (min-width: 480px) {
   .prokodo-Accordion__content {
     font-size: 1rem;
-    line-height: 1.45;
   }
 }
 @media screen and (min-width: 960px) {
   .prokodo-Accordion__content {
     font-size: 1rem;
-    line-height: 1.45;
   }
 }
 .prokodo-Accordion__content[hidden] {

package/dist/components/button/Button.css

@@ -233,6 +233,7 @@ html[data-theme=dark] .prokodo-Button {
 .prokodo-Button--has-variant-outlined {
   position: relative;
   background: none;
+  color: var(--color-black) !important;
 }
 .prokodo-Button--has-variant-outlined::before {
   content: "";
@@ -263,9 +264,6 @@ html[data-theme=dark] .prokodo-Button--has-variant-outlined {
   border-radius: 10000px;
   padding: 0.75rem;
 }
-html[data-theme=dark] .prokodo-Button--icon-only {
-  background: none;
-}
 .prokodo-Button--has-fullWidth {
   display: flex;
   justify-content: center;

package/dist/components/button/Button.module.css

@@ -233,6 +233,7 @@ html[data-theme=dark] .prokodo-Button {
 .prokodo-Button--has-variant-outlined {
   position: relative;
   background: none;
+  color: var(--color-black) !important;
 }
 .prokodo-Button--has-variant-outlined::before {
   content: "";
@@ -263,9 +264,6 @@ html[data-theme=dark] .prokodo-Button--has-variant-outlined {
   border-radius: 10000px;
   padding: 0.75rem;
 }
-html[data-theme=dark] .prokodo-Button--icon-only {
-  background: none;
-}
 .prokodo-Button--has-fullWidth {
   display: flex;
   justify-content: center;

package/dist/components/card/Card.css

@@ -148,9 +148,6 @@
   /* keep the gradient *class hooks*, but DO NOT include animated keyframes here */
   /* Reveal animation (what used to be &--has-animation + fadeInAnimation) */
 }
-html[data-theme=dark] .prokodo-Card {
-  background-color: var(--color-grey-200);
-}
 .prokodo-Card--inherit {
   background-color: var(--color-grey-100);
 }
@@ -158,7 +155,7 @@ html[data-theme=dark] .prokodo-Card {
   background-color: var(--color-white);
 }
 html[data-theme=dark] .prokodo-Card--white {
-  background-color: var(--color-grey-200);
+  background-color: transparent;
 }
 .prokodo-Card__skeleton {
   position: absolute;

package/dist/components/card/Card.module.css

@@ -148,9 +148,6 @@
   /* keep the gradient *class hooks*, but DO NOT include animated keyframes here */
   /* Reveal animation (what used to be &--has-animation + fadeInAnimation) */
 }
-html[data-theme=dark] .prokodo-Card {
-  background-color: var(--color-grey-200);
-}
 .prokodo-Card--inherit {
   background-color: var(--color-grey-100);
 }
@@ -158,7 +155,7 @@ html[data-theme=dark] .prokodo-Card {
   background-color: var(--color-white);
 }
 html[data-theme=dark] .prokodo-Card--white {
-  background-color: var(--color-grey-200);
+  background-color: transparent;
 }
 .prokodo-Card__skeleton {
   position: absolute;

package/dist/components/chip/Chip.css

@@ -198,8 +198,7 @@
 .prokodo-Chip--outlined {
   border: 1px solid;
   background-color: transparent;
-  border-color: inherit;
-  color: inherit;
+  color: var(--color-black);
 }
 .prokodo-Chip--outlined--primary {
   border-color: var(--color-primary-300);

package/dist/components/chip/Chip.module.css

@@ -198,8 +198,7 @@
 .prokodo-Chip--outlined {
   border: 1px solid;
   background-color: transparent;
-  border-color: inherit;
-  color: inherit;
+  color: var(--color-black);
 }
 .prokodo-Chip--outlined--primary {
   border-color: var(--color-primary-300);

package/dist/components/drawer/Drawer.view.js

@@ -14,6 +14,7 @@ const DrawerView = /* @__PURE__ */ __name(({
   titleProps,
   anchor = "left",
   fullscreen = false,
+  hideHeader = false,
   renderHeader,
   closeButtonRef,
   closeButtonProps,
@@ -63,7 +64,7 @@ const DrawerView = /* @__PURE__ */ __name(({
             ),
             ...rest,
             children: [
-              renderHeader ? renderHeader() : /* @__PURE__ */ jsxs("div", { className: bem("header"), children: [
+              renderHeader !== void 0 ? renderHeader() : !Boolean(hideHeader) && /* @__PURE__ */ jsxs("div", { className: bem("header"), children: [
                 isString(title) && /* @__PURE__ */ jsx(Headline, { size: "md", ...titleProps, id: "drawer-title", children: title }),
                 /* @__PURE__ */ jsx(
                   Button,

package/dist/components/form/Form.view.js

@@ -99,7 +99,7 @@ const FormView = /* @__PURE__ */ __name(({
           )
         ] }),
         /* @__PURE__ */ jsxs("div", { className: bem("footer"), children: [
-          (hideResponse === false || hideResponse === void 0) && /* @__PURE__ */ jsx(FormResponse, { messages: formMessages }),
+          hideResponse !== false && hideResponse !== void 0 && /* @__PURE__ */ jsx(FormResponse, { messages: formMessages }),
           !isNull(button) && Boolean(isHoneypotEmpty) && /* @__PURE__ */ jsx(
             Button,
             {
@@ -109,7 +109,7 @@ const FormView = /* @__PURE__ */ __name(({
               ...button,
               className: bem("footer__submit", void 0, button == null ? void 0 : button.className),
               color: (button == null ? void 0 : button.color) ?? variant,
-              disabled: Boolean(formMessages == null ? void 0 : formMessages.errors) || !isFormValid
+              disabled: !isFormValid
             }
           )
         ] })

package/dist/components/image-text/ImageText.css

@@ -152,7 +152,7 @@
   font-size: 1.125rem;
   font-family: var(--font-secondary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   font-style: normal;
-  line-height: 1.5;
+  line-height: 1.55;
   letter-spacing: 0.03em;
   text-transform: none;
   text-align: left;
@@ -161,13 +161,11 @@
 @media screen and (min-width: 480px) {
   .prokodo-ImageText__content {
     font-size: 1rem;
-    line-height: 1.45;
   }
 }
 @media screen and (min-width: 960px) {
   .prokodo-ImageText__content {
     font-size: 1rem;
-    line-height: 1.45;
   }
 }
 @media screen and (min-width: 1280px) {

package/dist/components/image-text/ImageText.module.css

@@ -152,7 +152,7 @@
   font-size: 1.125rem;
   font-family: var(--font-secondary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   font-style: normal;
-  line-height: 1.5;
+  line-height: 1.55;
   letter-spacing: 0.03em;
   text-transform: none;
   text-align: left;
@@ -161,13 +161,11 @@
 @media screen and (min-width: 480px) {
   .prokodo-ImageText__content {
     font-size: 1rem;
-    line-height: 1.45;
   }
 }
 @media screen and (min-width: 960px) {
   .prokodo-ImageText__content {
     font-size: 1rem;
-    line-height: 1.45;
   }
 }
 @media screen and (min-width: 1280px) {

package/dist/components/input/Input.css

@@ -182,6 +182,53 @@
   color: var(--color-grey-900);
   border-radius: 1.5rem;
   background: var(--gradient-border-7);
+  /* Standard :autofill selector (supported in modern browsers) */
+  /* Chrome / Edge / Opera / Safari (WebKit/Blink) */
+  /* Firefox (legacy) */
+  /* Optional: border style when autofilled */
+  /* Optional: gleiche Styles für Textareas, falls autocomplete genutzt wird */
+}
+.prokodo-Input__input input:-webkit-autofill, .prokodo-Input__input textarea:-webkit-autofill {
+  background-color: var(--color-white);
+  color: var(--color-grey-900);
+}
+.prokodo-Input__input input:autofill,
+.prokodo-Input__input textarea:autofill {
+  background-color: var(--color-white);
+  color: var(--color-grey-900);
+}
+.prokodo-Input__input input:-webkit-autofill,
+.prokodo-Input__input input:-webkit-autofill:hover,
+.prokodo-Input__input input:-webkit-autofill:focus,
+.prokodo-Input__input textarea:-webkit-autofill,
+.prokodo-Input__input textarea:-webkit-autofill:hover,
+.prokodo-Input__input textarea:-webkit-autofill:focus {
+  /* Paint over the browser’s autofill background */
+  box-shadow: 0 0 0 1000px var(--color-white) inset;
+  /* Text color inside autofilled field */
+  -webkit-text-fill-color: var(--color-grey-900);
+  /* Long transition hack so the yellow flash is not visible */
+  -webkit-transition: background-color 9999s ease-out, color 9999s ease-out;
+  transition: background-color 9999s ease-out, color 9999s ease-out;
+}
+.prokodo-Input__input input:-moz-autofill,
+.prokodo-Input__input textarea:-moz-autofill {
+  box-shadow: 0 0 0 1000px var(--color-white) inset;
+  background-color: var(--color-white);
+  color: var(--color-grey-900);
+}
+.prokodo-Input__input input:is(:-webkit-autofill, :-webkit-autofill), .prokodo-Input__input textarea:is(:-webkit-autofill, :-webkit-autofill) {
+  border-color: none; /* adjust as needed */
+}
+.prokodo-Input__input input:is(:autofill, :-webkit-autofill),
+.prokodo-Input__input textarea:is(:autofill, :-webkit-autofill) {
+  border-color: none; /* adjust as needed */
+}
+.prokodo-Input__input textarea:-webkit-autofill,
+.prokodo-Input__input textarea:-moz-autofill {
+  box-shadow: 0 0 0 1000px #ffffff inset;
+  -webkit-text-fill-color: #000000;
+  color: #000000 !important;
 }
 .prokodo-Input__input--is-focused {
   background: var(--gradient-border-4);
@@ -211,11 +258,12 @@
   outline: none;
   border-radius: 1.5rem;
   color: var(--color-grey-900);
+  background-color: var(--color-white);
   font-weight: 400;
   font-size: 1.125rem;
   font-family: var(--font-secondary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   font-style: normal;
-  line-height: 1.5;
+  line-height: 1.55;
   letter-spacing: 0.03em;
   text-transform: none;
   text-align: left;
@@ -224,21 +272,16 @@
 @media screen and (min-width: 480px) {
   .prokodo-Input__input__node {
     font-size: 1rem;
-    line-height: 1.45;
   }
 }
 @media screen and (min-width: 960px) {
   .prokodo-Input__input__node {
     font-size: 1rem;
-    line-height: 1.45;
   }
 }
 .prokodo-Input__input__node {
   font-size: 1rem;
 }
-html[data-theme=dark] .prokodo-Input__input__node {
-  background-color: var(--color-grey-200);
-}
 .prokodo-Input__input__node--multiline {
   /* allow it to grow to fill the wrapper */
   flex: 1 1;

package/dist/components/input/Input.module.css

@@ -182,6 +182,53 @@
   color: var(--color-grey-900);
   border-radius: 1.5rem;
   background: var(--gradient-border-7);
+  /* Standard :autofill selector (supported in modern browsers) */
+  /* Chrome / Edge / Opera / Safari (WebKit/Blink) */
+  /* Firefox (legacy) */
+  /* Optional: border style when autofilled */
+  /* Optional: gleiche Styles für Textareas, falls autocomplete genutzt wird */
+}
+.prokodo-Input__input input:-webkit-autofill, .prokodo-Input__input textarea:-webkit-autofill {
+  background-color: var(--color-white);
+  color: var(--color-grey-900);
+}
+.prokodo-Input__input input:autofill,
+.prokodo-Input__input textarea:autofill {
+  background-color: var(--color-white);
+  color: var(--color-grey-900);
+}
+.prokodo-Input__input input:-webkit-autofill,
+.prokodo-Input__input input:-webkit-autofill:hover,
+.prokodo-Input__input input:-webkit-autofill:focus,
+.prokodo-Input__input textarea:-webkit-autofill,
+.prokodo-Input__input textarea:-webkit-autofill:hover,
+.prokodo-Input__input textarea:-webkit-autofill:focus {
+  /* Paint over the browser’s autofill background */
+  box-shadow: 0 0 0 1000px var(--color-white) inset;
+  /* Text color inside autofilled field */
+  -webkit-text-fill-color: var(--color-grey-900);
+  /* Long transition hack so the yellow flash is not visible */
+  -webkit-transition: background-color 9999s ease-out, color 9999s ease-out;
+  transition: background-color 9999s ease-out, color 9999s ease-out;
+}
+.prokodo-Input__input input:-moz-autofill,
+.prokodo-Input__input textarea:-moz-autofill {
+  box-shadow: 0 0 0 1000px var(--color-white) inset;
+  background-color: var(--color-white);
+  color: var(--color-grey-900);
+}
+.prokodo-Input__input input:is(:-webkit-autofill, :-webkit-autofill), .prokodo-Input__input textarea:is(:-webkit-autofill, :-webkit-autofill) {
+  border-color: none; /* adjust as needed */
+}
+.prokodo-Input__input input:is(:autofill, :-webkit-autofill),
+.prokodo-Input__input textarea:is(:autofill, :-webkit-autofill) {
+  border-color: none; /* adjust as needed */
+}
+.prokodo-Input__input textarea:-webkit-autofill,
+.prokodo-Input__input textarea:-moz-autofill {
+  box-shadow: 0 0 0 1000px #ffffff inset;
+  -webkit-text-fill-color: #000000;
+  color: #000000 !important;
 }
 .prokodo-Input__input--is-focused {
   background: var(--gradient-border-4);
@@ -211,11 +258,12 @@
   outline: none;
   border-radius: 1.5rem;
   color: var(--color-grey-900);
+  background-color: var(--color-white);
   font-weight: 400;
   font-size: 1.125rem;
   font-family: var(--font-secondary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   font-style: normal;
-  line-height: 1.5;
+  line-height: 1.55;
   letter-spacing: 0.03em;
   text-transform: none;
   text-align: left;
@@ -224,21 +272,16 @@
 @media screen and (min-width: 480px) {
   .prokodo-Input__input__node {
     font-size: 1rem;
-    line-height: 1.45;
   }
 }
 @media screen and (min-width: 960px) {
   .prokodo-Input__input__node {
     font-size: 1rem;
-    line-height: 1.45;
   }
 }
 .prokodo-Input__input__node {
   font-size: 1rem;
 }
-html[data-theme=dark] .prokodo-Input__input__node {
-  background-color: var(--color-grey-200);
-}
 .prokodo-Input__input__node--multiline {
   /* allow it to grow to fill the wrapper */
   flex: 1 1;

package/dist/components/input/Input.view.js

@@ -125,7 +125,7 @@ function InputView({
       "div",
       {
         className: bem("footer", {
-          "counter-only": !hasHelperText && typeof maxLength === "number"
+          "counter-only": !isError && !hasHelperText && typeof maxLength === "number"
         }),
         children: [
           (isError || hasHelperText) && /* @__PURE__ */ jsx(

package/dist/components/list/List.css

@@ -179,7 +179,7 @@
   font-size: 1.125rem;
   font-family: var(--font-secondary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   font-style: normal;
-  line-height: 1.5;
+  line-height: 1.55;
   letter-spacing: 0.03em;
   text-transform: none;
   text-align: left;
@@ -188,13 +188,11 @@
 @media screen and (min-width: 480px) {
   .prokodo-List__item__link {
     font-size: 1rem;
-    line-height: 1.45;
   }
 }
 @media screen and (min-width: 960px) {
   .prokodo-List__item__link {
     font-size: 1rem;
-    line-height: 1.45;
   }
 }
 .prokodo-List__item__link__header {
@@ -268,7 +266,7 @@ html[data-theme=dark] .prokodo-List__item__icon {
   font-size: 1.125rem;
   font-family: var(--font-secondary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   font-style: normal;
-  line-height: 1.5;
+  line-height: 1.55;
   letter-spacing: 0.03em;
   text-transform: none;
   text-align: left;
@@ -277,13 +275,11 @@ html[data-theme=dark] .prokodo-List__item__icon {
 @media screen and (min-width: 480px) {
   .prokodo-List__item__desc {
     font-size: 1rem;
-    line-height: 1.45;
   }
 }
 @media screen and (min-width: 960px) {
   .prokodo-List__item__desc {
     font-size: 1rem;
-    line-height: 1.45;
   }
 }
 .prokodo-List__item__desc--card {

package/dist/components/list/List.module.css

@@ -179,7 +179,7 @@
   font-size: 1.125rem;
   font-family: var(--font-secondary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   font-style: normal;
-  line-height: 1.5;
+  line-height: 1.55;
   letter-spacing: 0.03em;
   text-transform: none;
   text-align: left;
@@ -188,13 +188,11 @@
 @media screen and (min-width: 480px) {
   .prokodo-List__item__link {
     font-size: 1rem;
-    line-height: 1.45;
   }
 }
 @media screen and (min-width: 960px) {
   .prokodo-List__item__link {
     font-size: 1rem;
-    line-height: 1.45;
   }
 }
 .prokodo-List__item__link__header {
@@ -268,7 +266,7 @@ html[data-theme=dark] .prokodo-List__item__icon {
   font-size: 1.125rem;
   font-family: var(--font-secondary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   font-style: normal;
-  line-height: 1.5;
+  line-height: 1.55;
   letter-spacing: 0.03em;
   text-transform: none;
   text-align: left;
@@ -277,13 +275,11 @@ html[data-theme=dark] .prokodo-List__item__icon {
 @media screen and (min-width: 480px) {
   .prokodo-List__item__desc {
     font-size: 1rem;
-    line-height: 1.45;
   }
 }
 @media screen and (min-width: 960px) {
   .prokodo-List__item__desc {
     font-size: 1rem;
-    line-height: 1.45;
   }
 }
 .prokodo-List__item__desc--card {

package/dist/components/lottie/Lottie.js

@@ -42,7 +42,6 @@ const Lottie = memo(
               DotLottieReact,
               {
                 autoplay: true,
-                autoResizeCanvas: true,
                 loop: true,
                 className: bem(void 0, void 0, className),
                 renderConfig: { devicePixelRatio: 0.9 },

package/dist/components/post-item/PostItem.css

@@ -184,7 +184,7 @@
   font-size: 1.125rem;
   font-family: var(--font-secondary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   font-style: normal;
-  line-height: 1.5;
+  line-height: 1.55;
   letter-spacing: 0.03em;
   text-transform: none;
   text-align: left;
@@ -193,13 +193,11 @@
 @media screen and (min-width: 480px) {
   .prokodo-PostItem__date {
     font-size: 1rem;
-    line-height: 1.45;
   }
 }
 @media screen and (min-width: 960px) {
   .prokodo-PostItem__date {
     font-size: 1rem;
-    line-height: 1.45;
   }
 }
 .prokodo-PostItem__read__count {
@@ -209,7 +207,7 @@
   font-size: 1.125rem;
   font-family: var(--font-secondary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   font-style: normal;
-  line-height: 1.5;
+  line-height: 1.55;
   letter-spacing: 0.03em;
   text-transform: none;
   text-align: left;
@@ -218,13 +216,11 @@
 @media screen and (min-width: 480px) {
   .prokodo-PostItem__read__count {
     font-size: 1rem;
-    line-height: 1.45;
   }
 }
 @media screen and (min-width: 960px) {
   .prokodo-PostItem__read__count {
     font-size: 1rem;
-    line-height: 1.45;
   }
 }
 .prokodo-PostItem__content {
@@ -236,7 +232,7 @@
   font-size: 1.125rem;
   font-family: var(--font-secondary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   font-style: normal;
-  line-height: 1.5;
+  line-height: 1.55;
   letter-spacing: 0.03em;
   text-transform: none;
   text-align: left;
@@ -245,13 +241,11 @@
 @media screen and (min-width: 480px) {
   .prokodo-PostItem__content {
     font-size: 1rem;
-    line-height: 1.45;
   }
 }
 @media screen and (min-width: 960px) {
   .prokodo-PostItem__content {
     font-size: 1rem;
-    line-height: 1.45;
   }
 }
 .prokodo-PostItem__content__paragraph {