@sikka/hawa 0.26.37-next → 0.26.39-next

package/dist/blocks/misc/index.js

@@ -396,7 +396,7 @@ var Loading = ({
         /* @__PURE__ */ import_react3.default.createElement(
           "path",
           {
-            className: "squircle-track",
+            className: cn("squircle-track", classNames == null ? void 0 : classNames.track),
             fill: "none",
             strokeWidth: "5",
             pathLength: "100",
@@ -406,7 +406,7 @@ var Loading = ({
         /* @__PURE__ */ import_react3.default.createElement(
           "path",
           {
-            className: "squircle-car",
+            className: cn("squircle-car", classNames == null ? void 0 : classNames.car),
             fill: "none",
             strokeWidth: "5",
             pathLength: "100",
@@ -415,9 +415,9 @@ var Loading = ({
         )
       );
     case "progress":
-      return /* @__PURE__ */ import_react3.default.createElement("div", { className: "progress-loading" });
+      return /* @__PURE__ */ import_react3.default.createElement("div", { className: cn("progress-loading", classNames == null ? void 0 : classNames.container) });
     case "orbit":
-      return /* @__PURE__ */ import_react3.default.createElement("div", { className: "orbit-container" });
+      return /* @__PURE__ */ import_react3.default.createElement("div", { className: cn("orbit-container", classNames == null ? void 0 : classNames.container) });
     default:
       return /* @__PURE__ */ import_react3.default.createElement(
         "svg",
@@ -997,14 +997,168 @@ var NoPermission = ({ texts }) => {
 };
 
 // blocks/misc/ContactForm.tsx
-var import_react13 = __toESM(require("react"));
+var import_react14 = __toESM(require("react"));
 var import_react_hook_form2 = require("react-hook-form");
 var import_zod = require("@hookform/resolvers/zod");
 var z = __toESM(require("zod"));
 
+// elements/select/Select.tsx
+var import_react13 = __toESM(require("react"));
+var import_react_select = __toESM(require("react-select"));
+var import_creatable = __toESM(require("react-select/creatable"));
+var import_clsx2 = __toESM(require("clsx"));
+var Select = ({
+  labelProps,
+  labelKey = "label",
+  ...props
+}) => {
+  const NoOption = () => {
+    var _a, _b;
+    return /* @__PURE__ */ import_react13.default.createElement("div", null, (_b = (_a = props.texts) == null ? void 0 : _a.noOptions) != null ? _b : "No Items Found");
+  };
+  const Control = ({ children, innerProps, innerRef }) => {
+    return /* @__PURE__ */ import_react13.default.createElement(
+      "div",
+      {
+        ref: innerRef,
+        className: (0, import_clsx2.default)(
+          "hawa-flex hawa-w-full hawa-rounded hawa-border hawa-bg-background hawa-p-2 hawa-text-sm hawa-text-gray-900 focus:hawa-border-blue-500 focus:hawa-ring-blue-500 dark:focus:hawa-ring-blue-500"
+        ),
+        ...innerProps
+      },
+      children
+    );
+  };
+  const Option = ({ children, innerProps, innerRef }) => {
+    return /* @__PURE__ */ import_react13.default.createElement(
+      "div",
+      {
+        ref: innerRef,
+        className: cn(
+          "hawa-flex hawa-cursor-pointer hawa-select-none hawa-flex-row hawa-items-center hawa-justify-between hawa-rounded-inner hawa-p-1 hawa-px-2 hawa-transition-all hover:hawa-bg-primary hover:hawa-text-primary-foreground"
+        ),
+        ...innerProps
+      },
+      children
+    );
+  };
+  const Menu = ({
+    cx,
+    children,
+    getStyles,
+    innerProps,
+    innerRef,
+    ...menuProps
+  }) => {
+    const menuOpen = menuProps.selectProps.menuIsOpen;
+    return /* @__PURE__ */ import_react13.default.createElement(
+      "div",
+      {
+        className: cn(
+          "dark:dark-shadow  hawa-absolute hawa-z-10 -hawa-mx-1 hawa-mt-1 hawa-flex hawa-flex-col hawa-justify-start  hawa-rounded  hawa-border hawa-bg-background hawa-shadow-md",
+          props.phoneCode ? "hawa-p-1.5" : "hawa-w-full hawa-p-1.5",
+          menuOpen && "hawa-animate-in hawa-fade-in-0 hawa-zoom-in-95 "
+        ),
+        ref: innerRef,
+        ...innerProps
+      },
+      children
+    );
+  };
+  return /* @__PURE__ */ import_react13.default.createElement(
+    "div",
+    {
+      className: cn(
+        "hawa-flex hawa-flex-col hawa-gap-2",
+        props.width === "fit" ? "hawa-w-fit" : "hawa-w-full"
+      )
+    },
+    props.label && /* @__PURE__ */ import_react13.default.createElement(Label, { ...labelProps }, props.label),
+    props.isLoading ? /* @__PURE__ */ import_react13.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : !props.isCreatable ? (
+      //   TODO: enable keyboard to go to the next item in the list
+      /* @__PURE__ */ import_react13.default.createElement(
+        import_react_select.default,
+        {
+          noOptionsMessage: NoOption,
+          classNames: {
+            control: () => cn(
+              props.phoneCode && "hawa-rounded-r-none",
+              props.controlClassNames
+            ),
+            container: () => cn(
+              "hawa-rounded",
+              props.phoneCode && "hawa-w-fit hawa-min-w-[65px] hawa-text-right hawa-w-[100px]  hawa-p-0 hawa-rounded-r-none hawa-h-[40px] ",
+              "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background  hawa-p-0 hawa-px-1 hawa-text-sm",
+              props.disabled ? "hawa-cursor-not-allowed" : "hawa-cursor-pointer"
+            ),
+            placeholder: () => "hawa-text-muted-foreground hawa-cursor-pointer hawa-px-1",
+            valueContainer: () => "hawa-text-foreground hawa-px-1 ",
+            singleValue: () => "hawa-text-foreground",
+            indicatorsContainer: () => cn(
+              "hawa-cursor-pointer hawa-text-muted-foreground",
+              props.hideIndicator ? "hawa-invisible" : "hawa-px-1"
+            )
+          },
+          unstyled: true,
+          autoFocus: true,
+          components: props.hideIndicator ? { Option, Menu, IndicatorsContainer: () => null } : { Option, Menu },
+          onChange: (newValue, action) => props.onChange(newValue, action),
+          options: props.options,
+          getOptionLabel: props.getOptionLabel,
+          defaultValue: props.defaultValue,
+          placeholder: props.placeholder,
+          isDisabled: props.disabled,
+          isClearable: props.isClearable,
+          isMulti: props.isMulti,
+          isSearchable: props.isSearchable
+        }
+      )
+    ) : /* @__PURE__ */ import_react13.default.createElement(
+      import_creatable.default,
+      {
+        formatCreateLabel: (inputValue) => {
+          var _a, _b;
+          return `${(_b = (_a = props.texts) == null ? void 0 : _a.createLabel) != null ? _b : "Create"} "${inputValue}"`;
+        },
+        classNames: {
+          container: () => cn(
+            "hawa-rounded",
+            props.disabled ? "hawa-cursor-not-allowed" : "hawa-cursor-pointer"
+          ),
+          placeholder: () => "hawa-px-2 hawa-text-muted-foreground",
+          input: () => "hawa-text-primary hawa-px-2",
+          valueContainer: () => "hawa-text-white dark:hawa-text-muted-foreground",
+          singleValue: () => "hawa-text-black dark:hawa-text-white hawa-px-2",
+          indicatorsContainer: () => " hawa-px-2 hawa-cursor-pointer hawa-text-muted-foreground"
+        },
+        unstyled: true,
+        options: props.options,
+        isClearable: props.isClearable,
+        isMulti: props.isMulti,
+        isSearchable: props.isSearchable,
+        placeholder: props.placeholder,
+        onCreateOption: props.handleCreateOption,
+        onChange: (newValue, action) => props.onChange(newValue, action),
+        components: { Control, Option, Menu },
+        onInputChange: (newValue, action) => props.onInputChange(newValue, action)
+      }
+    ),
+    !props.hideHelperText && /* @__PURE__ */ import_react13.default.createElement(
+      "p",
+      {
+        className: cn(
+          "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
+          props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
+        )
+      },
+      props.helperText
+    )
+  );
+};
+
 // elements/textarea/Textarea.tsx
-var React18 = __toESM(require("react"));
-var Textarea = React18.forwardRef(
+var React19 = __toESM(require("react"));
+var Textarea = React19.forwardRef(
   ({
     className,
     classNames,
@@ -1016,7 +1170,7 @@ var Textarea = React18.forwardRef(
     isLoading,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ React18.createElement(
+    return /* @__PURE__ */ React19.createElement(
       "div",
       {
         className: cn(
@@ -1025,7 +1179,7 @@ var Textarea = React18.forwardRef(
           className
         )
       },
-      /* @__PURE__ */ React18.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, props.label && /* @__PURE__ */ React18.createElement(Label, { ...labelProps }, props.label), showCount && countPosition === "top" && /* @__PURE__ */ React18.createElement(
+      /* @__PURE__ */ React19.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, props.label && /* @__PURE__ */ React19.createElement(Label, { ...labelProps }, props.label), showCount && countPosition === "top" && /* @__PURE__ */ React19.createElement(
         "div",
         {
           className: "hawa-text-start hawa-text-xs hawa-transition-all hawa-leading-none"
@@ -1034,7 +1188,7 @@ var Textarea = React18.forwardRef(
         "/",
         textareaProps == null ? void 0 : textareaProps.maxLength
       )),
-      isLoading ? /* @__PURE__ */ React18.createElement(Skeleton, { style: { height: 40 } }) : /* @__PURE__ */ React18.createElement(
+      isLoading ? /* @__PURE__ */ React19.createElement(Skeleton, { style: { height: 40 } }) : /* @__PURE__ */ React19.createElement(
         "textarea",
         {
           className: cn(
@@ -1045,7 +1199,7 @@ var Textarea = React18.forwardRef(
           ...textareaProps
         }
       ),
-      /* @__PURE__ */ React18.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React18.createElement(
+      /* @__PURE__ */ React19.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React19.createElement(
         "p",
         {
           className: cn(
@@ -1054,7 +1208,7 @@ var Textarea = React18.forwardRef(
           )
         },
         props.helperText
-      ), showCount && countPosition === "bottom" && /* @__PURE__ */ React18.createElement("div", { className: "hawa-text-start hawa-text-xs hawa-transition-all" }, (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0, "/", textareaProps == null ? void 0 : textareaProps.maxLength))
+      ), showCount && countPosition === "bottom" && /* @__PURE__ */ React19.createElement("div", { className: "hawa-text-start hawa-text-xs hawa-transition-all" }, (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0, "/", textareaProps == null ? void 0 : textareaProps.maxLength))
     );
   }
 );
@@ -1067,25 +1221,56 @@ var ContactForm = ({
   texts,
   formId,
   formAutoComplete,
-  onSubmit
+  onSubmit,
+  customFields
 }) => {
   var _a, _b, _c;
+  const customFieldsSchema = z.object({
+    ...customFields == null ? void 0 : customFields.reduce(
+      (acc, curr) => {
+        switch (curr.type) {
+          case "text":
+            acc[curr.name] = z.string().optional().default("");
+            break;
+          case "number":
+            acc[curr.name] = z.string().optional().default("");
+            break;
+          case "select":
+            acc[curr.name] = z.string().optional().default("");
+            break;
+          default:
+            break;
+        }
+        return acc;
+      },
+      {}
+    )
+  });
   const contactFormSchema = z.object({
     name: z.string({ required_error: texts == null ? void 0 : texts.name.required }).min(1, texts == null ? void 0 : texts.name.required).default(""),
     email: z.string({ required_error: (_a = texts == null ? void 0 : texts.email) == null ? void 0 : _a.required }).min(1, { message: (_b = texts == null ? void 0 : texts.email) == null ? void 0 : _b.required }).email({ message: (_c = texts == null ? void 0 : texts.email) == null ? void 0 : _c.invalid }).default(""),
     message: z.string({ required_error: texts == null ? void 0 : texts.message.required }).min(10, texts == null ? void 0 : texts.message.invalid).default("")
   });
+  const customFieldsDefaultValues = customFields == null ? void 0 : customFields.reduce(
+    (acc, curr) => {
+      acc[curr.name] = "";
+      return acc;
+    },
+    {}
+  );
+  const MainSchema = contactFormSchema.merge(customFieldsSchema);
   const {
     control,
     handleSubmit,
     formState: { errors },
     reset
   } = (0, import_react_hook_form2.useForm)({
-    resolver: (0, import_zod.zodResolver)(contactFormSchema),
+    resolver: (0, import_zod.zodResolver)(MainSchema),
     defaultValues: {
       name: "",
       email: "",
-      message: ""
+      message: "",
+      ...customFieldsDefaultValues
     }
   });
   const handleFormSubmit = (data) => {
@@ -1096,21 +1281,16 @@ var ContactForm = ({
       console.log("Form is submitted but onSubmit prop is missing");
     }
   };
-  let sizeStyle = {
-    sm: "hawa-max-w-sm",
-    default: "hawa-w-full"
-  };
-  return /* @__PURE__ */ import_react13.default.createElement(
+  return /* @__PURE__ */ import_react14.default.createElement(
     Card,
     {
       className: cn(
-        // sizeStyle[size],
         "hawa-w-full",
         cardless && "hawa-border-none hawa-bg-transparent hawa-shadow-none hawa-drop-shadow-none"
       ),
       style: cardless ? { boxShadow: "none" } : void 0
     },
-    /* @__PURE__ */ import_react13.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react13.default.createElement(
+    /* @__PURE__ */ import_react14.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react14.default.createElement(
       "form",
       {
         noValidate: true,
@@ -1119,7 +1299,7 @@ var ContactForm = ({
         id: formId,
         autoComplete: formAutoComplete
       },
-      /* @__PURE__ */ import_react13.default.createElement(
+      /* @__PURE__ */ import_react14.default.createElement(
         "div",
         {
           className: cn(
@@ -1130,14 +1310,14 @@ var ContactForm = ({
             }
           )
         },
-        /* @__PURE__ */ import_react13.default.createElement(
+        /* @__PURE__ */ import_react14.default.createElement(
           import_react_hook_form2.Controller,
           {
             control,
             name: "name",
             render: ({ field }) => {
               var _a2;
-              return /* @__PURE__ */ import_react13.default.createElement(
+              return /* @__PURE__ */ import_react14.default.createElement(
                 Input,
                 {
                   label: texts == null ? void 0 : texts.name.label,
@@ -1150,14 +1330,14 @@ var ContactForm = ({
             }
           }
         ),
-        /* @__PURE__ */ import_react13.default.createElement(
+        /* @__PURE__ */ import_react14.default.createElement(
           import_react_hook_form2.Controller,
           {
             control,
             name: "email",
             render: ({ field }) => {
               var _a2;
-              return /* @__PURE__ */ import_react13.default.createElement(
+              return /* @__PURE__ */ import_react14.default.createElement(
                 Input,
                 {
                   label: texts == null ? void 0 : texts.email.label,
@@ -1171,14 +1351,53 @@ var ContactForm = ({
           }
         )
       ),
-      /* @__PURE__ */ import_react13.default.createElement(
+      customFields && customFields.map((customField) => {
+        console.log("custom", customField);
+        return /* @__PURE__ */ import_react14.default.createElement(
+          import_react_hook_form2.Controller,
+          {
+            control,
+            name: customField.name,
+            render: ({ field }) => {
+              const { type, label, placeholder } = customField;
+              switch (type) {
+                case "text":
+                case "number":
+                  return /* @__PURE__ */ import_react14.default.createElement(
+                    Input,
+                    {
+                      id: customField.name,
+                      type,
+                      label,
+                      placeholder,
+                      ...field
+                    }
+                  );
+                case "select":
+                  return /* @__PURE__ */ import_react14.default.createElement(
+                    Select,
+                    {
+                      label,
+                      options: customField.options,
+                      value: field.value,
+                      onChange: (option) => field.onChange(option.value)
+                    }
+                  );
+                default:
+                  return /* @__PURE__ */ import_react14.default.createElement("div", null, "Unknown type");
+              }
+            }
+          }
+        );
+      }),
+      /* @__PURE__ */ import_react14.default.createElement(
         import_react_hook_form2.Controller,
         {
           control,
           name: "message",
           render: ({ field }) => {
             var _a2;
-            return /* @__PURE__ */ import_react13.default.createElement(
+            return /* @__PURE__ */ import_react14.default.createElement(
               Textarea,
               {
                 label: texts == null ? void 0 : texts.message.label,
@@ -1193,7 +1412,7 @@ var ContactForm = ({
           }
         }
       ),
-      /* @__PURE__ */ import_react13.default.createElement(Button, { type: "submit", className: "hawa-w-full" }, (texts == null ? void 0 : texts.submit) || "Submit")
+      /* @__PURE__ */ import_react14.default.createElement(Button, { type: "submit", className: "hawa-w-full" }, (texts == null ? void 0 : texts.submit) || "Submit")
     ))
   );
 };

package/dist/blocks/misc/index.mjs

@@ -1,14 +1,16 @@
 import {
   Input
-} from "../../chunk-CLYZEJKB.mjs";
+} from "../../chunk-PRSC2G4S.mjs";
 import {
   Chip,
   ScrollArea
-} from "../../chunk-RFLJK4HZ.mjs";
+} from "../../chunk-PYUPF6LY.mjs";
 import {
   Textarea
-} from "../../chunk-JALRAL32.mjs";
-import "../../chunk-WUHNPHD5.mjs";
+} from "../../chunk-SUEL7HXM.mjs";
+import {
+  Select
+} from "../../chunk-LKPRTTIX.mjs";
 import {
   Button,
   Card,
@@ -18,7 +20,7 @@ import {
   CardHeader,
   CardTitle,
   cn
-} from "../../chunk-7NRPNLHB.mjs";
+} from "../../chunk-P7MJOYGC.mjs";
 
 // blocks/misc/LegalTexts.tsx
 import React2 from "react";
@@ -245,25 +247,56 @@ var ContactForm = ({
   texts,
   formId,
   formAutoComplete,
-  onSubmit
+  onSubmit,
+  customFields
 }) => {
   var _a, _b, _c;
+  const customFieldsSchema = z.object({
+    ...customFields == null ? void 0 : customFields.reduce(
+      (acc, curr) => {
+        switch (curr.type) {
+          case "text":
+            acc[curr.name] = z.string().optional().default("");
+            break;
+          case "number":
+            acc[curr.name] = z.string().optional().default("");
+            break;
+          case "select":
+            acc[curr.name] = z.string().optional().default("");
+            break;
+          default:
+            break;
+        }
+        return acc;
+      },
+      {}
+    )
+  });
   const contactFormSchema = z.object({
     name: z.string({ required_error: texts == null ? void 0 : texts.name.required }).min(1, texts == null ? void 0 : texts.name.required).default(""),
     email: z.string({ required_error: (_a = texts == null ? void 0 : texts.email) == null ? void 0 : _a.required }).min(1, { message: (_b = texts == null ? void 0 : texts.email) == null ? void 0 : _b.required }).email({ message: (_c = texts == null ? void 0 : texts.email) == null ? void 0 : _c.invalid }).default(""),
     message: z.string({ required_error: texts == null ? void 0 : texts.message.required }).min(10, texts == null ? void 0 : texts.message.invalid).default("")
   });
+  const customFieldsDefaultValues = customFields == null ? void 0 : customFields.reduce(
+    (acc, curr) => {
+      acc[curr.name] = "";
+      return acc;
+    },
+    {}
+  );
+  const MainSchema = contactFormSchema.merge(customFieldsSchema);
   const {
     control,
     handleSubmit,
     formState: { errors },
     reset
   } = useForm2({
-    resolver: zodResolver(contactFormSchema),
+    resolver: zodResolver(MainSchema),
     defaultValues: {
       name: "",
       email: "",
-      message: ""
+      message: "",
+      ...customFieldsDefaultValues
     }
   });
   const handleFormSubmit = (data) => {
@@ -274,15 +307,10 @@ var ContactForm = ({
       console.log("Form is submitted but onSubmit prop is missing");
     }
   };
-  let sizeStyle = {
-    sm: "hawa-max-w-sm",
-    default: "hawa-w-full"
-  };
   return /* @__PURE__ */ React9.createElement(
     Card,
     {
       className: cn(
-        // sizeStyle[size],
         "hawa-w-full",
         cardless && "hawa-border-none hawa-bg-transparent hawa-shadow-none hawa-drop-shadow-none"
       ),
@@ -349,6 +377,45 @@ var ContactForm = ({
           }
         )
       ),
+      customFields && customFields.map((customField) => {
+        console.log("custom", customField);
+        return /* @__PURE__ */ React9.createElement(
+          Controller2,
+          {
+            control,
+            name: customField.name,
+            render: ({ field }) => {
+              const { type, label, placeholder } = customField;
+              switch (type) {
+                case "text":
+                case "number":
+                  return /* @__PURE__ */ React9.createElement(
+                    Input,
+                    {
+                      id: customField.name,
+                      type,
+                      label,
+                      placeholder,
+                      ...field
+                    }
+                  );
+                case "select":
+                  return /* @__PURE__ */ React9.createElement(
+                    Select,
+                    {
+                      label,
+                      options: customField.options,
+                      value: field.value,
+                      onChange: (option) => field.onChange(option.value)
+                    }
+                  );
+                default:
+                  return /* @__PURE__ */ React9.createElement("div", null, "Unknown type");
+              }
+            }
+          }
+        );
+      }),
       /* @__PURE__ */ React9.createElement(
         Controller2,
         {

package/dist/blocks/pricing/index.d.mts

@@ -1,6 +1,5 @@
 import { FC, InputHTMLAttributes } from 'react';
-import { P as PositionType, D as DirectionType, R as RadioOptionType } from '../../commonTypes-MxCJyrHv.mjs';
-import { P as PricingPlanTexts } from '../../textTypes-559CaoOV.mjs';
+import { P as PositionType, D as DirectionType, d as PricingPlanTexts, R as RadioOptionType } from '../../textTypes-u4OSE-rn.mjs';
 
 type PlanFeature = {
     soon?: boolean;

package/dist/blocks/pricing/index.d.ts

@@ -1,6 +1,5 @@
 import { FC, InputHTMLAttributes } from 'react';
-import { P as PositionType, D as DirectionType, R as RadioOptionType } from '../../commonTypes-MxCJyrHv.js';
-import { P as PricingPlanTexts } from '../../textTypes-559CaoOV.js';
+import { P as PositionType, D as DirectionType, d as PricingPlanTexts, R as RadioOptionType } from '../../textTypes-u4OSE-rn.js';
 
 type PlanFeature = {
     soon?: boolean;

package/dist/blocks/pricing/index.js

@@ -183,7 +183,7 @@ var Loading = ({
         /* @__PURE__ */ import_react3.default.createElement(
           "path",
           {
-            className: "squircle-track",
+            className: cn("squircle-track", classNames == null ? void 0 : classNames.track),
             fill: "none",
             strokeWidth: "5",
             pathLength: "100",
@@ -193,7 +193,7 @@ var Loading = ({
         /* @__PURE__ */ import_react3.default.createElement(
           "path",
           {
-            className: "squircle-car",
+            className: cn("squircle-car", classNames == null ? void 0 : classNames.car),
             fill: "none",
             strokeWidth: "5",
             pathLength: "100",
@@ -202,9 +202,9 @@ var Loading = ({
         )
       );
     case "progress":
-      return /* @__PURE__ */ import_react3.default.createElement("div", { className: "progress-loading" });
+      return /* @__PURE__ */ import_react3.default.createElement("div", { className: cn("progress-loading", classNames == null ? void 0 : classNames.container) });
     case "orbit":
-      return /* @__PURE__ */ import_react3.default.createElement("div", { className: "orbit-container" });
+      return /* @__PURE__ */ import_react3.default.createElement("div", { className: cn("orbit-container", classNames == null ? void 0 : classNames.container) });
     default:
       return /* @__PURE__ */ import_react3.default.createElement(
         "svg",

package/dist/blocks/pricing/index.mjs

@@ -1,22 +1,22 @@
 import {
   Chip,
   ScrollArea
-} from "../../chunk-RFLJK4HZ.mjs";
+} from "../../chunk-PYUPF6LY.mjs";
 import "../../chunk-ZS3FB3PO.mjs";
 import {
   Radio
-} from "../../chunk-JCEW7MBG.mjs";
+} from "../../chunk-YBMQJF4S.mjs";
 import {
   CheckMark,
   UncheckMark
-} from "../../chunk-HDFIGN6S.mjs";
+} from "../../chunk-ZPB64CEL.mjs";
 import {
   Button,
   Card,
   Skeleton,
   Tooltip,
   cn
-} from "../../chunk-7NRPNLHB.mjs";
+} from "../../chunk-P7MJOYGC.mjs";
 
 // blocks/pricing/PricingPlans.tsx
 import React8 from "react";