@sikka/hawa 0.7.14-next → 0.7.16-next

package/dist/index.css

@@ -1872,9 +1872,20 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-bg-opacity-80 {
   --tw-bg-opacity: 0.8;
 }
+.hawa-bg-gradient-to-r {
+  background-image: linear-gradient(to right, var(--tw-gradient-stops));
+}
 .hawa-bg-none {
   background-image: none;
 }
+.hawa-from-green-400 {
+  --tw-gradient-from: #4ade80 var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.hawa-to-red-500 {
+  --tw-gradient-to: #ef4444 var(--tw-gradient-to-position);
+}
 .hawa-bg-cover {
   background-size: cover;
 }
@@ -2501,11 +2512,11 @@ input[type="number"]::-webkit-inner-spin-button,
 body {
   font-family: "IBM Plex Sans Arabic", sans-serif;
 }
-:is(.hawa-dark .dark\:dark-shadow) {
+:is([data-mode="dark"] .dark\:dark-shadow) {
     box-shadow: 0 10px 15px -3px rgba(255, 255, 255, 0.1),
       0 4px 6px -2px rgba(255, 255, 255, 0.05);
   }
-:is(.hawa-dark .dark\:hover\:dark-shadow:hover) {
+:is([data-mode="dark"] .dark\:hover\:dark-shadow:hover) {
     box-shadow: 0 10px 15px -3px rgba(255, 255, 255, 0.1),
       0 4px 6px -2px rgba(255, 255, 255, 0.05);
   }
@@ -3127,163 +3138,163 @@ body {
   --tw-rotate: 180deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-:is(.hawa-dark .dark\:hawa--rotate-90) {
+:is([data-mode="dark"] .dark\:hawa--rotate-90) {
   --tw-rotate: -90deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-:is(.hawa-dark .dark\:hawa-rotate-0) {
+:is([data-mode="dark"] .dark\:hawa-rotate-0) {
   --tw-rotate: 0deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-:is(.hawa-dark .dark\:hawa-scale-100) {
+:is([data-mode="dark"] .dark\:hawa-scale-100) {
   --tw-scale-x: 1;
   --tw-scale-y: 1;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-:is(.hawa-dark .dark\:hawa-border-gray-700) {
+:is([data-mode="dark"] .dark\:hawa-border-gray-700) {
   --tw-border-opacity: 1;
   border-color: rgb(55 65 81 / var(--tw-border-opacity));
 }
-:is(.hawa-dark .dark\:hawa-border-primary\/10) {
+:is([data-mode="dark"] .dark\:hawa-border-primary\/10) {
   border-color: hsl(var(--primary) / 0.1);
 }
-:is(.hawa-dark .dark\:hawa-border-primary\/70) {
+:is([data-mode="dark"] .dark\:hawa-border-primary\/70) {
   border-color: hsl(var(--primary) / 0.7);
 }
-:is(.hawa-dark .dark\:hawa-bg-background) {
+:is([data-mode="dark"] .dark\:hawa-bg-background) {
   background-color: hsl(var(--background));
 }
-:is(.hawa-dark .dark\:hawa-bg-black) {
+:is([data-mode="dark"] .dark\:hawa-bg-black) {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
 }
-:is(.hawa-dark .dark\:hawa-bg-blue-200) {
+:is([data-mode="dark"] .dark\:hawa-bg-blue-200) {
   --tw-bg-opacity: 1;
   background-color: rgb(191 219 254 / var(--tw-bg-opacity));
 }
-:is(.hawa-dark .dark\:hawa-bg-gray-200) {
+:is([data-mode="dark"] .dark\:hawa-bg-gray-200) {
   --tw-bg-opacity: 1;
   background-color: rgb(229 231 235 / var(--tw-bg-opacity));
 }
-:is(.hawa-dark .dark\:hawa-bg-gray-600) {
+:is([data-mode="dark"] .dark\:hawa-bg-gray-600) {
   --tw-bg-opacity: 1;
   background-color: rgb(75 85 99 / var(--tw-bg-opacity));
 }
-:is(.hawa-dark .dark\:hawa-bg-gray-700) {
+:is([data-mode="dark"] .dark\:hawa-bg-gray-700) {
   --tw-bg-opacity: 1;
   background-color: rgb(55 65 81 / var(--tw-bg-opacity));
 }
-:is(.hawa-dark .dark\:hawa-bg-gray-800) {
+:is([data-mode="dark"] .dark\:hawa-bg-gray-800) {
   --tw-bg-opacity: 1;
   background-color: rgb(31 41 55 / var(--tw-bg-opacity));
 }
-:is(.hawa-dark .dark\:hawa-bg-green-200) {
+:is([data-mode="dark"] .dark\:hawa-bg-green-200) {
   --tw-bg-opacity: 1;
   background-color: rgb(187 247 208 / var(--tw-bg-opacity));
 }
-:is(.hawa-dark .dark\:hawa-bg-muted) {
+:is([data-mode="dark"] .dark\:hawa-bg-muted) {
   background-color: hsl(var(--muted));
 }
-:is(.hawa-dark .dark\:hawa-bg-muted\/40) {
+:is([data-mode="dark"] .dark\:hawa-bg-muted\/40) {
   background-color: hsl(var(--muted) / 0.4);
 }
-:is(.hawa-dark .dark\:hawa-bg-muted\/50) {
+:is([data-mode="dark"] .dark\:hawa-bg-muted\/50) {
   background-color: hsl(var(--muted) / 0.5);
 }
-:is(.hawa-dark .dark\:hawa-bg-primary) {
+:is([data-mode="dark"] .dark\:hawa-bg-primary) {
   background-color: hsl(var(--primary));
 }
-:is(.hawa-dark .dark\:hawa-bg-primary\/5) {
+:is([data-mode="dark"] .dark\:hawa-bg-primary\/5) {
   background-color: hsl(var(--primary) / 0.05);
 }
-:is(.hawa-dark .dark\:hawa-bg-red-200) {
+:is([data-mode="dark"] .dark\:hawa-bg-red-200) {
   --tw-bg-opacity: 1;
   background-color: rgb(254 202 202 / var(--tw-bg-opacity));
 }
-:is(.hawa-dark .dark\:hawa-bg-yellow-200) {
+:is([data-mode="dark"] .dark\:hawa-bg-yellow-200) {
   --tw-bg-opacity: 1;
   background-color: rgb(254 240 138 / var(--tw-bg-opacity));
 }
-:is(.hawa-dark .dark\:hawa-text-blue-800) {
+:is([data-mode="dark"] .dark\:hawa-text-blue-800) {
   --tw-text-opacity: 1;
   color: rgb(30 64 175 / var(--tw-text-opacity));
 }
-:is(.hawa-dark .dark\:hawa-text-gray-100) {
+:is([data-mode="dark"] .dark\:hawa-text-gray-100) {
   --tw-text-opacity: 1;
   color: rgb(243 244 246 / var(--tw-text-opacity));
 }
-:is(.hawa-dark .dark\:hawa-text-gray-300) {
+:is([data-mode="dark"] .dark\:hawa-text-gray-300) {
   --tw-text-opacity: 1;
   color: rgb(209 213 219 / var(--tw-text-opacity));
 }
-:is(.hawa-dark .dark\:hawa-text-gray-400) {
+:is([data-mode="dark"] .dark\:hawa-text-gray-400) {
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity));
 }
-:is(.hawa-dark .dark\:hawa-text-gray-500) {
+:is([data-mode="dark"] .dark\:hawa-text-gray-500) {
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity));
 }
-:is(.hawa-dark .dark\:hawa-text-gray-800) {
+:is([data-mode="dark"] .dark\:hawa-text-gray-800) {
   --tw-text-opacity: 1;
   color: rgb(31 41 55 / var(--tw-text-opacity));
 }
-:is(.hawa-dark .dark\:hawa-text-green-800) {
+:is([data-mode="dark"] .dark\:hawa-text-green-800) {
   --tw-text-opacity: 1;
   color: rgb(22 101 52 / var(--tw-text-opacity));
 }
-:is(.hawa-dark .dark\:hawa-text-muted-foreground) {
+:is([data-mode="dark"] .dark\:hawa-text-muted-foreground) {
   color: hsl(var(--muted-foreground));
 }
-:is(.hawa-dark .dark\:hawa-text-red-500) {
+:is([data-mode="dark"] .dark\:hawa-text-red-500) {
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity));
 }
-:is(.hawa-dark .dark\:hawa-text-red-800) {
+:is([data-mode="dark"] .dark\:hawa-text-red-800) {
   --tw-text-opacity: 1;
   color: rgb(153 27 27 / var(--tw-text-opacity));
 }
-:is(.hawa-dark .dark\:hawa-text-white) {
+:is([data-mode="dark"] .dark\:hawa-text-white) {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
-:is(.hawa-dark .dark\:hawa-text-yellow-800) {
+:is([data-mode="dark"] .dark\:hawa-text-yellow-800) {
   --tw-text-opacity: 1;
   color: rgb(133 77 14 / var(--tw-text-opacity));
 }
-:is(.hawa-dark .dark\:before\:hawa-via-white\/10)::before {
+:is([data-mode="dark"] .dark\:before\:hawa-via-white\/10)::before {
   content: var(--tw-content);
   --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
 }
-:is(.hawa-dark .dark\:hover\:hawa-bg-gray-600:hover) {
+:is([data-mode="dark"] .dark\:hover\:hawa-bg-gray-600:hover) {
   --tw-bg-opacity: 1;
   background-color: rgb(75 85 99 / var(--tw-bg-opacity));
 }
-:is(.hawa-dark .dark\:hover\:hawa-bg-gray-700:hover) {
+:is([data-mode="dark"] .dark\:hover\:hawa-bg-gray-700:hover) {
   --tw-bg-opacity: 1;
   background-color: rgb(55 65 81 / var(--tw-bg-opacity));
 }
-:is(.hawa-dark .dark\:hover\:hawa-bg-gray-800:hover) {
+:is([data-mode="dark"] .dark\:hover\:hawa-bg-gray-800:hover) {
   --tw-bg-opacity: 1;
   background-color: rgb(31 41 55 / var(--tw-bg-opacity));
 }
-:is(.hawa-dark .dark\:hover\:hawa-bg-primary\/10:hover) {
+:is([data-mode="dark"] .dark\:hover\:hawa-bg-primary\/10:hover) {
   background-color: hsl(var(--primary) / 0.1);
 }
-:is(.hawa-dark .dark\:hover\:hawa-text-gray-300:hover) {
+:is([data-mode="dark"] .dark\:hover\:hawa-text-gray-300:hover) {
   --tw-text-opacity: 1;
   color: rgb(209 213 219 / var(--tw-text-opacity));
 }
-:is(.hawa-dark .dark\:hover\:hawa-text-white:hover) {
+:is([data-mode="dark"] .dark\:hover\:hawa-text-white:hover) {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
-:is(.hawa-dark .dark\:focus\:hawa-ring-blue-500:focus) {
+:is([data-mode="dark"] .dark\:focus\:hawa-ring-blue-500:focus) {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
 }
-:is(.hawa-dark .hawa-peer:checked ~ .dark\:peer-checked\:hawa-text-primary) {
+:is([data-mode="dark"] .hawa-peer:checked ~ .dark\:peer-checked\:hawa-text-primary) {
   color: hsl(var(--primary));
 }
 @media (min-width: 440px) {

package/dist/index.d.mts

@@ -220,8 +220,9 @@ declare const Radio: FC<RadioTypes>;
 interface SkeletonProps extends React__default.HTMLAttributes<HTMLDivElement> {
     className?: string;
     animation?: "none" | "pulse" | "shimmer";
+    content?: any;
 }
-declare function Skeleton({ className, animation, ...props }: SkeletonProps): React__default.JSX.Element;
+declare function Skeleton({ className, content, animation, ...props }: SkeletonProps): React__default.JSX.Element;
 
 type TChipTypes = {
     /** The text inside the chip */
@@ -542,12 +543,13 @@ declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimit
 
 type IconProps = React__default.HTMLAttributes<SVGElement>;
 declare const Logos: {
-    logo: (props: IconProps) => React__default.JSX.Element;
+    hawa: (props: IconProps) => React__default.JSX.Element;
+    sikka: (props: IconProps) => React__default.JSX.Element;
     mail: (props: IconProps) => React__default.JSX.Element;
     phone: (props: IconProps) => React__default.JSX.Element;
     twitter: (props: IconProps) => React__default.JSX.Element;
     microsoft: (props: IconProps) => React__default.JSX.Element;
-    gitHub: (props: IconProps) => React__default.JSX.Element;
+    github: (props: IconProps) => React__default.JSX.Element;
     radix: (props: IconProps) => React__default.JSX.Element;
     aria: (props: IconProps) => React__default.JSX.Element;
     npm: (props: IconProps) => React__default.JSX.Element;
@@ -559,6 +561,7 @@ declare const Logos: {
     apple: (props: IconProps) => React__default.JSX.Element;
     paypal: (props: IconProps) => React__default.JSX.Element;
     spinner: (props: IconProps) => React__default.JSX.Element;
+    whatsapp: (props: IconProps) => React__default.JSX.Element;
 };
 
 declare const Command: React$1.ForwardRefExoticComponent<Omit<{
@@ -1122,6 +1125,10 @@ declare const FeedbackEmoji: FC<ComponentTypes>;
 
 type FeedbackFormType = {
     onSubmit: (e: any) => void;
+    requestTypes?: {
+        label: string;
+        value: any;
+    }[];
     texts: {
         requestType?: string;
         requestTypeRequired?: string;

package/dist/index.d.ts

@@ -220,8 +220,9 @@ declare const Radio: FC<RadioTypes>;
 interface SkeletonProps extends React__default.HTMLAttributes<HTMLDivElement> {
     className?: string;
     animation?: "none" | "pulse" | "shimmer";
+    content?: any;
 }
-declare function Skeleton({ className, animation, ...props }: SkeletonProps): React__default.JSX.Element;
+declare function Skeleton({ className, content, animation, ...props }: SkeletonProps): React__default.JSX.Element;
 
 type TChipTypes = {
     /** The text inside the chip */
@@ -542,12 +543,13 @@ declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimit
 
 type IconProps = React__default.HTMLAttributes<SVGElement>;
 declare const Logos: {
-    logo: (props: IconProps) => React__default.JSX.Element;
+    hawa: (props: IconProps) => React__default.JSX.Element;
+    sikka: (props: IconProps) => React__default.JSX.Element;
     mail: (props: IconProps) => React__default.JSX.Element;
     phone: (props: IconProps) => React__default.JSX.Element;
     twitter: (props: IconProps) => React__default.JSX.Element;
     microsoft: (props: IconProps) => React__default.JSX.Element;
-    gitHub: (props: IconProps) => React__default.JSX.Element;
+    github: (props: IconProps) => React__default.JSX.Element;
     radix: (props: IconProps) => React__default.JSX.Element;
     aria: (props: IconProps) => React__default.JSX.Element;
     npm: (props: IconProps) => React__default.JSX.Element;
@@ -559,6 +561,7 @@ declare const Logos: {
     apple: (props: IconProps) => React__default.JSX.Element;
     paypal: (props: IconProps) => React__default.JSX.Element;
     spinner: (props: IconProps) => React__default.JSX.Element;
+    whatsapp: (props: IconProps) => React__default.JSX.Element;
 };
 
 declare const Command: React$1.ForwardRefExoticComponent<Omit<{
@@ -1122,6 +1125,10 @@ declare const FeedbackEmoji: FC<ComponentTypes>;
 
 type FeedbackFormType = {
     onSubmit: (e: any) => void;
+    requestTypes?: {
+        label: string;
+        value: any;
+    }[];
     texts: {
         requestType?: string;
         requestTypeRequired?: string;

package/dist/index.js

@@ -1854,8 +1854,9 @@ var Radio = function(_param) {
 // components/elements/Skeleton.tsx
 var import_react11 = __toESM(require("react"));
 function Skeleton(_param) {
-    var className = _param.className, _param_animation = _param.animation, animation = _param_animation === void 0 ? "pulse" : _param_animation, props = _object_without_properties(_param, [
+    var className = _param.className, content = _param.content, _param_animation = _param.animation, animation = _param_animation === void 0 ? "pulse" : _param_animation, props = _object_without_properties(_param, [
         "className",
+        "content",
         "animation"
     ]);
     var animationStyles = {
@@ -1867,8 +1868,9 @@ function Skeleton(_param) {
         className: cn(animationStyles[animation], // animation === "pulse"
         //   ? "hawa-animate-pulse hawa-rounded hawa-bg-muted"
         //   : "hawa-space-y-5 hawa-rounded hawa-bg-muted  hawa-p-4 hawa-relative  before:hawa-absolute before:hawa-inset-0 before:hawa--translate-x-full before:hawa-animate-[shimmer_2s_infinite] before:hawa-bg-gradient-to-r before:hawa-from-transparent before:hawa-via-gray-300/40 dark:before:hawa-via-white/10 before:hawa-to-transparent hawa-isolate hawa-overflow-hidden  before:hawa-border-t before:hawa-border-rose-100/10",
-        className)
-    }, props));
+        // "hawa-justify-center hawa-items-center hawa-text-center",
+        content && "hawa-flex hawa-flex-col hawa-justify-center hawa-items-center", className)
+    }, props), content && content);
 }
 {}// components/elements/Chip.tsx
 var import_react12 = __toESM(require("react"));
@@ -5450,36 +5452,47 @@ ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 // components/elements/Logos.tsx
 var import_react27 = __toESM(require("react"));
 var Logos = {
-    logo: function(props) {
+    hawa: function(props) {
         return /* @__PURE__ */ import_react27.default.createElement("svg", _object_spread({
             xmlns: "http://www.w3.org/2000/svg",
-            viewBox: "0 0 256 256"
-        }, props), /* @__PURE__ */ import_react27.default.createElement("rect", {
-            width: "256",
-            height: "256",
-            fill: "none"
-        }), /* @__PURE__ */ import_react27.default.createElement("line", {
-            x1: "208",
-            y1: "128",
-            x2: "128",
-            y2: "208",
-            fill: "none",
-            stroke: "currentColor",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: "16"
-        }), /* @__PURE__ */ import_react27.default.createElement("line", {
-            x1: "192",
-            y1: "40",
-            x2: "40",
-            y2: "192",
-            fill: "none",
-            stroke: "currentColor",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: "16"
+            xmlSpace: "preserve",
+            viewBox: "0 0 765 765"
+        }, props), /* @__PURE__ */ import_react27.default.createElement("path", {
+            d: "M382.5 0C171.6 0 0 171.6 0 382.5V765h382.5C593.4 765 765 593.4 765 382.5S593.4 0 382.5 0zM281.6 305.7c98 0 177.7 79.7 177.7 177.7 0 98-79.7 177.7-177.7 177.7s-177.7-79.7-177.7-177.7c0-98 79.7-177.7 177.7-177.7zm246 314.5c23.2-41.6 35.6-88.7 35.6-136.7 0-155.3-126.3-281.6-281.6-281.6-48 0-95.1 12.4-136.8 35.6C194.9 156 285 104 382.5 104c153.6 0 278.6 125 278.6 278.6 0 97.3-52 187.5-133.5 237.6z",
+            fill: "currentColor"
         }));
     },
+    sikka: function(props) {
+        return /* @__PURE__ */ import_react27.default.createElement("svg", _object_spread({
+            xmlns: "http://www.w3.org/2000/svg",
+            xmlnsXlink: "http://www.w3.org/1999/xlink",
+            xmlSpace: "preserve",
+            viewBox: "0 0 916.5 765",
+            fill: "currentColor"
+        }, props), /* @__PURE__ */ import_react27.default.createElement("defs", null, /* @__PURE__ */ import_react27.default.createElement("path", {
+            id: "a",
+            d: "M0 0h916.5v765H0z"
+        })), /* @__PURE__ */ import_react27.default.createElement("clipPath", {
+            id: "b"
+        }, /* @__PURE__ */ import_react27.default.createElement("use", {
+            xlinkHref: "#a",
+            overflow: "visible"
+        })), /* @__PURE__ */ import_react27.default.createElement("g", {
+            clipPath: "url(#b)"
+        }, /* @__PURE__ */ import_react27.default.createElement("defs", null, /* @__PURE__ */ import_react27.default.createElement("path", {
+            id: "c",
+            d: "M0 0h916.5v765H0z"
+        })), /* @__PURE__ */ import_react27.default.createElement("clipPath", {
+            id: "d"
+        }, /* @__PURE__ */ import_react27.default.createElement("use", {
+            xlinkHref: "#c",
+            overflow: "visible"
+        })), /* @__PURE__ */ import_react27.default.createElement("g", {
+            clipPath: "url(#d)"
+        }, /* @__PURE__ */ import_react27.default.createElement("path", {
+            d: "M458.3 0h-31.9c-14.6 0-26.5 11.9-26.5 26.3v313.3L136.6 17.1C126 3.9 120.7 0 106.1 0H9.7C.5 0 0 7.9 0 17.1 0 21 1.3 26.3 4 29l288.7 353.6L4 736.1c-2.7 2.7-4 7.9-4 11.8 0 9.2.4 17.1 9.7 17.1h96.4c14.6 0 19.9-3.9 30.5-17.1l263.3-322.5v313.3c0 14.4 11.9 26.3 26.5 26.3h31.9M458.3 765h31.9c14.6 0 26.5-11.8 26.5-26.3V425.5L780 748c10.7 13.2 15.9 17.1 30.5 17.1h96.4c9.2 0 9.7-7.9 9.7-17.1 0-3.9-1.3-9.2-4-11.8L623.8 382.5 912.5 28.9c2.7-2.7 4-7.9 4-11.9 0-9.2-.5-17.1-9.7-17.1h-96.4c-14.6 0-19.9 3.9-30.5 17.1L516.7 339.5V26.3c0-14.4-11.9-26.3-26.5-26.3h-31.9"
+        }))));
+    },
     mail: function(props) {
         return /* @__PURE__ */ import_react27.default.createElement("svg", _object_spread({
             stroke: "currentColor",
@@ -5531,8 +5544,9 @@ var Logos = {
             d: "M7.462 0H0v7.19h7.462V0zM16 0H8.538v7.19H16V0zM7.462 8.211H0V16h7.462V8.211zm8.538 0H8.538V16H16V8.211z"
         }));
     },
-    gitHub: function(props) {
+    github: function(props) {
         return /* @__PURE__ */ import_react27.default.createElement("svg", _object_spread({
+            xmlns: "http://www.w3.org/2000/svg",
             viewBox: "0 0 438.549 438.549"
         }, props), /* @__PURE__ */ import_react27.default.createElement("path", {
             fill: "currentColor",
@@ -5644,6 +5658,17 @@ var Logos = {
         }, props), /* @__PURE__ */ import_react27.default.createElement("path", {
             d: "M21 12a9 9 0 1 1-6.219-8.56"
         }));
+    },
+    whatsapp: function(props) {
+        return /* @__PURE__ */ import_react27.default.createElement("svg", _object_spread({
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "24",
+            height: "24",
+            viewBox: "0 0 24 24",
+            fill: "currentColor"
+        }, props), /* @__PURE__ */ import_react27.default.createElement("path", {
+            d: "M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z"
+        }));
     }
 };
 // components/elements/Command.tsx
@@ -6717,7 +6742,7 @@ var LoginForm = function(props) {
         onClick: props.handleGithubLogin
     }, props.isGithubLoading ? /* @__PURE__ */ import_react33.default.createElement(Loading, {
         size: "button"
-    }) : /* @__PURE__ */ import_react33.default.createElement(Logos.gitHub, {
+    }) : /* @__PURE__ */ import_react33.default.createElement(Logos.github, {
         className: "hawa-h-4 hawa-w-4"
     }), !props.logosOnly && ((_props_texts5 = props.texts) === null || _props_texts5 === void 0 ? void 0 : _props_texts5.loginViaGithubLabel)), props.viaTwitter && /* @__PURE__ */ import_react33.default.createElement(Button, {
         className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
@@ -7027,7 +7052,7 @@ var RegisterForm = function(props) {
         className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
         variant: "outline",
         onClick: props.handleGithubRegister
-    }, /* @__PURE__ */ import_react34.default.createElement(Logos.gitHub, {
+    }, /* @__PURE__ */ import_react34.default.createElement(Logos.github, {
         className: "hawa-h-4 hawa-w-4"
     }), !props.logosOnly && props.texts.registerViaGithubLabel), props.viaTwitter && /* @__PURE__ */ import_react34.default.createElement(Button, {
         className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
@@ -7062,7 +7087,7 @@ var AppLanding = function(props) {
         className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
         variant: "outline",
         onClick: props.handleGithub
-    }, /* @__PURE__ */ import_react35.default.createElement(Logos.gitHub, {
+    }, /* @__PURE__ */ import_react35.default.createElement(Logos.github, {
         className: "hawa-h-4 hawa-w-4"
     }), (_props_texts_continueWithGithub = (_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.continueWithGithub) !== null && _props_texts_continueWithGithub !== void 0 ? _props_texts_continueWithGithub : "Continue With Github"), props.viaTwitter && /* @__PURE__ */ import_react35.default.createElement(Button, {
         className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
@@ -7849,24 +7874,7 @@ var FeedbackForm = function(props) {
                 onChange: function(option) {
                     return field.onChange(option.value);
                 },
-                options: [
-                    {
-                        label: "Bug",
-                        value: "bug"
-                    },
-                    {
-                        label: "Feature",
-                        value: "feature"
-                    },
-                    {
-                        label: "Complain",
-                        value: "complain"
-                    },
-                    {
-                        label: "Support",
-                        value: "support"
-                    }
-                ],
+                options: props.requestTypes,
                 helperText: formState.errors.requestType && ((_formState_errors_requestType = formState.errors.requestType) === null || _formState_errors_requestType === void 0 ? void 0 : _formState_errors_requestType.message)
             }));
         }

package/dist/index.mjs

@@ -1282,7 +1282,12 @@ var Radio = ({
 
 // components/elements/Skeleton.tsx
 import React17 from "react";
-function Skeleton({ className, animation = "pulse", ...props }) {
+function Skeleton({
+  className,
+  content,
+  animation = "pulse",
+  ...props
+}) {
   const animationStyles = {
     none: "hawa-rounded hawa-bg-muted",
     pulse: "hawa-animate-pulse hawa-rounded hawa-bg-muted",
@@ -1296,10 +1301,13 @@ function Skeleton({ className, animation = "pulse", ...props }) {
         // animation === "pulse"
         //   ? "hawa-animate-pulse hawa-rounded hawa-bg-muted"
         //   : "hawa-space-y-5 hawa-rounded hawa-bg-muted  hawa-p-4 hawa-relative  before:hawa-absolute before:hawa-inset-0 before:hawa--translate-x-full before:hawa-animate-[shimmer_2s_infinite] before:hawa-bg-gradient-to-r before:hawa-from-transparent before:hawa-via-gray-300/40 dark:before:hawa-via-white/10 before:hawa-to-transparent hawa-isolate hawa-overflow-hidden  before:hawa-border-t before:hawa-border-rose-100/10",
+        // "hawa-justify-center hawa-items-center hawa-text-center",
+        content && "hawa-flex hawa-flex-col hawa-justify-center hawa-items-center",
         className
       ),
       ...props
-    }
+    },
+    content && content
   );
 }
 {
@@ -5109,33 +5117,36 @@ ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 // components/elements/Logos.tsx
 import React42 from "react";
 var Logos = {
-  logo: (props) => /* @__PURE__ */ React42.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", ...props }, /* @__PURE__ */ React42.createElement("rect", { width: "256", height: "256", fill: "none" }), /* @__PURE__ */ React42.createElement(
-    "line",
+  hawa: (props) => /* @__PURE__ */ React42.createElement(
+    "svg",
     {
-      x1: "208",
-      y1: "128",
-      x2: "128",
-      y2: "208",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: "16"
-    }
-  ), /* @__PURE__ */ React42.createElement(
-    "line",
+      xmlns: "http://www.w3.org/2000/svg",
+      xmlSpace: "preserve",
+      viewBox: "0 0 765 765",
+      ...props
+    },
+    /* @__PURE__ */ React42.createElement(
+      "path",
+      {
+        d: "M382.5 0C171.6 0 0 171.6 0 382.5V765h382.5C593.4 765 765 593.4 765 382.5S593.4 0 382.5 0zM281.6 305.7c98 0 177.7 79.7 177.7 177.7 0 98-79.7 177.7-177.7 177.7s-177.7-79.7-177.7-177.7c0-98 79.7-177.7 177.7-177.7zm246 314.5c23.2-41.6 35.6-88.7 35.6-136.7 0-155.3-126.3-281.6-281.6-281.6-48 0-95.1 12.4-136.8 35.6C194.9 156 285 104 382.5 104c153.6 0 278.6 125 278.6 278.6 0 97.3-52 187.5-133.5 237.6z",
+        fill: "currentColor"
+      }
+    )
+  ),
+  sikka: (props) => /* @__PURE__ */ React42.createElement(
+    "svg",
     {
-      x1: "192",
-      y1: "40",
-      x2: "40",
-      y2: "192",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: "16"
-    }
-  )),
+      xmlns: "http://www.w3.org/2000/svg",
+      xmlnsXlink: "http://www.w3.org/1999/xlink",
+      xmlSpace: "preserve",
+      viewBox: "0 0 916.5 765",
+      fill: "currentColor",
+      ...props
+    },
+    /* @__PURE__ */ React42.createElement("defs", null, /* @__PURE__ */ React42.createElement("path", { id: "a", d: "M0 0h916.5v765H0z" })),
+    /* @__PURE__ */ React42.createElement("clipPath", { id: "b" }, /* @__PURE__ */ React42.createElement("use", { xlinkHref: "#a", overflow: "visible" })),
+    /* @__PURE__ */ React42.createElement("g", { clipPath: "url(#b)" }, /* @__PURE__ */ React42.createElement("defs", null, /* @__PURE__ */ React42.createElement("path", { id: "c", d: "M0 0h916.5v765H0z" })), /* @__PURE__ */ React42.createElement("clipPath", { id: "d" }, /* @__PURE__ */ React42.createElement("use", { xlinkHref: "#c", overflow: "visible" })), /* @__PURE__ */ React42.createElement("g", { clipPath: "url(#d)" }, /* @__PURE__ */ React42.createElement("path", { d: "M458.3 0h-31.9c-14.6 0-26.5 11.9-26.5 26.3v313.3L136.6 17.1C126 3.9 120.7 0 106.1 0H9.7C.5 0 0 7.9 0 17.1 0 21 1.3 26.3 4 29l288.7 353.6L4 736.1c-2.7 2.7-4 7.9-4 11.8 0 9.2.4 17.1 9.7 17.1h96.4c14.6 0 19.9-3.9 30.5-17.1l263.3-322.5v313.3c0 14.4 11.9 26.3 26.5 26.3h31.9M458.3 765h31.9c14.6 0 26.5-11.8 26.5-26.3V425.5L780 748c10.7 13.2 15.9 17.1 30.5 17.1h96.4c9.2 0 9.7-7.9 9.7-17.1 0-3.9-1.3-9.2-4-11.8L623.8 382.5 912.5 28.9c2.7-2.7 4-7.9 4-11.9 0-9.2-.5-17.1-9.7-17.1h-96.4c-14.6 0-19.9 3.9-30.5 17.1L516.7 339.5V26.3c0-14.4-11.9-26.3-26.5-26.3h-31.9" })))
+  ),
   mail: (props) => /* @__PURE__ */ React42.createElement(
     "svg",
     {
@@ -5189,13 +5200,21 @@ var Logos = {
       d: "M7.462 0H0v7.19h7.462V0zM16 0H8.538v7.19H16V0zM7.462 8.211H0V16h7.462V8.211zm8.538 0H8.538V16H16V8.211z"
     }
   )),
-  gitHub: (props) => /* @__PURE__ */ React42.createElement("svg", { viewBox: "0 0 438.549 438.549", ...props }, /* @__PURE__ */ React42.createElement(
-    "path",
+  github: (props) => /* @__PURE__ */ React42.createElement(
+    "svg",
     {
-      fill: "currentColor",
-      d: "M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8-33.598-19.607-70.277-29.408-110.063-29.408-39.781 0-76.472 9.804-110.063 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.854 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.419-1.996 2.475-2.282 3.711-5.14 3.711-8.562 0-.571-.049-5.708-.144-15.417a2549.81 2549.81 0 01-.144-25.406l-6.567 1.136c-4.187.767-9.469 1.092-15.846 1-6.374-.089-12.991-.757-19.842-1.999-6.854-1.231-13.229-4.086-19.13-8.559-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-.951-2.568-2.098-3.711-3.429-1.142-1.331-1.997-2.663-2.568-3.997-.572-1.335-.098-2.43 1.427-3.289 1.525-.859 4.281-1.276 8.28-1.276l5.708.853c3.807.763 8.516 3.042 14.133 6.851 5.614 3.806 10.229 8.754 13.846 14.842 4.38 7.806 9.657 13.754 15.846 17.847 6.184 4.093 12.419 6.136 18.699 6.136 6.28 0 11.704-.476 16.274-1.423 4.565-.952 8.848-2.383 12.847-4.285 1.713-12.758 6.377-22.559 13.988-29.41-10.848-1.14-20.601-2.857-29.264-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.979-3.901-12.374-5.852-26.648-5.852-42.826 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.379-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.283 18.794 7.952 23.84 10.994 5.046 3.041 9.089 5.618 12.135 7.708 17.705-4.947 35.976-7.421 54.818-7.421s37.117 2.474 54.823 7.421l10.849-6.849c7.419-4.57 16.18-8.758 26.262-12.565 10.088-3.805 17.802-4.853 23.134-3.138 8.562 21.509 9.325 40.922 2.279 58.24 15.036 16.18 22.559 35.787 22.559 58.817 0 16.178-1.958 30.497-5.853 42.966-3.9 12.471-8.941 22.457-15.125 29.979-6.191 7.521-13.901 13.85-23.131 18.986-9.232 5.14-18.182 8.85-26.84 11.136-8.662 2.286-18.415 4.004-29.263 5.146 9.894 8.562 14.842 22.077 14.842 40.539v60.237c0 3.422 1.19 6.279 3.572 8.562 2.379 2.279 6.136 2.95 11.276 1.995 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.161 41.825-81.126 41.825-128.906-.01-39.771-9.818-76.454-29.414-110.049z"
-    }
-  )),
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 438.549 438.549",
+      ...props
+    },
+    /* @__PURE__ */ React42.createElement(
+      "path",
+      {
+        fill: "currentColor",
+        d: "M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8-33.598-19.607-70.277-29.408-110.063-29.408-39.781 0-76.472 9.804-110.063 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.854 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.419-1.996 2.475-2.282 3.711-5.14 3.711-8.562 0-.571-.049-5.708-.144-15.417a2549.81 2549.81 0 01-.144-25.406l-6.567 1.136c-4.187.767-9.469 1.092-15.846 1-6.374-.089-12.991-.757-19.842-1.999-6.854-1.231-13.229-4.086-19.13-8.559-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-.951-2.568-2.098-3.711-3.429-1.142-1.331-1.997-2.663-2.568-3.997-.572-1.335-.098-2.43 1.427-3.289 1.525-.859 4.281-1.276 8.28-1.276l5.708.853c3.807.763 8.516 3.042 14.133 6.851 5.614 3.806 10.229 8.754 13.846 14.842 4.38 7.806 9.657 13.754 15.846 17.847 6.184 4.093 12.419 6.136 18.699 6.136 6.28 0 11.704-.476 16.274-1.423 4.565-.952 8.848-2.383 12.847-4.285 1.713-12.758 6.377-22.559 13.988-29.41-10.848-1.14-20.601-2.857-29.264-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.979-3.901-12.374-5.852-26.648-5.852-42.826 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.379-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.283 18.794 7.952 23.84 10.994 5.046 3.041 9.089 5.618 12.135 7.708 17.705-4.947 35.976-7.421 54.818-7.421s37.117 2.474 54.823 7.421l10.849-6.849c7.419-4.57 16.18-8.758 26.262-12.565 10.088-3.805 17.802-4.853 23.134-3.138 8.562 21.509 9.325 40.922 2.279 58.24 15.036 16.18 22.559 35.787 22.559 58.817 0 16.178-1.958 30.497-5.853 42.966-3.9 12.471-8.941 22.457-15.125 29.979-6.191 7.521-13.901 13.85-23.131 18.986-9.232 5.14-18.182 8.85-26.84 11.136-8.662 2.286-18.415 4.004-29.263 5.146 9.894 8.562 14.842 22.077 14.842 40.539v60.237c0 3.422 1.19 6.279 3.572 8.562 2.379 2.279 6.136 2.95 11.276 1.995 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.161 41.825-81.126 41.825-128.906-.01-39.771-9.818-76.454-29.414-110.049z"
+      }
+    )
+  ),
   radix: (props) => /* @__PURE__ */ React42.createElement("svg", { viewBox: "0 0 25 25", fill: "none", ...props }, /* @__PURE__ */ React42.createElement(
     "path",
     {
@@ -5281,6 +5300,18 @@ var Logos = {
       ...props
     },
     /* @__PURE__ */ React42.createElement("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+  ),
+  whatsapp: (props) => /* @__PURE__ */ React42.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      ...props
+    },
+    /* @__PURE__ */ React42.createElement("path", { d: "M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z" })
   )
 };
 
@@ -6557,7 +6588,7 @@ var LoginForm = (props) => {
         variant: "outline",
         onClick: props.handleGithubLogin
       },
-      props.isGithubLoading ? /* @__PURE__ */ React53.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React53.createElement(Logos.gitHub, { className: "hawa-h-4 hawa-w-4" }),
+      props.isGithubLoading ? /* @__PURE__ */ React53.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React53.createElement(Logos.github, { className: "hawa-h-4 hawa-w-4" }),
       !props.logosOnly && props.texts?.loginViaGithubLabel
     ),
     props.viaTwitter && /* @__PURE__ */ React53.createElement(
@@ -6884,7 +6915,7 @@ var RegisterForm = (props) => {
         variant: "outline",
         onClick: props.handleGithubRegister
       },
-      /* @__PURE__ */ React54.createElement(Logos.gitHub, { className: "hawa-h-4 hawa-w-4" }),
+      /* @__PURE__ */ React54.createElement(Logos.github, { className: "hawa-h-4 hawa-w-4" }),
       !props.logosOnly && props.texts.registerViaGithubLabel
     ),
     props.viaTwitter && /* @__PURE__ */ React54.createElement(
@@ -6927,7 +6958,7 @@ var AppLanding = (props) => {
       variant: "outline",
       onClick: props.handleGithub
     },
-    /* @__PURE__ */ React55.createElement(Logos.gitHub, { className: "hawa-h-4 hawa-w-4" }),
+    /* @__PURE__ */ React55.createElement(Logos.github, { className: "hawa-h-4 hawa-w-4" }),
     props.texts?.continueWithGithub ?? "Continue With Github"
   ), props.viaTwitter && /* @__PURE__ */ React55.createElement(
     Button,
@@ -7699,24 +7730,7 @@ var FeedbackForm = (props) => {
           {
             ...field,
             onChange: (option) => field.onChange(option.value),
-            options: [
-              {
-                label: "Bug",
-                value: "bug"
-              },
-              {
-                label: "Feature",
-                value: "feature"
-              },
-              {
-                label: "Complain",
-                value: "complain"
-              },
-              {
-                label: "Support",
-                value: "support"
-              }
-            ],
+            options: props.requestTypes,
             helperText: formState.errors.requestType && formState.errors.requestType?.message
           }
         )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.7.14-next",
+  "version": "0.7.16-next",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {