@omnibase/shadcn 0.1.2 → 0.3.0

package/dist/index.cjs

@@ -204,101 +204,261 @@ function Label({
   );
 }
 
-// src/form/index.tsx
+// src/components/ui/messages.tsx
+var React6 = __toESM(require("react"), 1);
+
+// src/components/ui/alert.tsx
+var React5 = __toESM(require("react"), 1);
+var import_class_variance_authority2 = require("class-variance-authority");
 var import_jsx_runtime5 = require("react/jsx-runtime");
+var alertVariants = (0, import_class_variance_authority2.cva)(
+  "relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7",
+  {
+    variants: {
+      variant: {
+        default: "bg-background text-foreground",
+        destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
+        warning: "border-yellow-500/50 text-yellow-700 bg-yellow-50 dark:border-yellow-500 dark:text-yellow-200 dark:bg-yellow-950/20 [&>svg]:text-yellow-600 dark:[&>svg]:text-yellow-200",
+        success: "border-green-500/50 text-green-700 bg-green-50 dark:border-green-500 dark:text-green-200 dark:bg-green-950/20 [&>svg]:text-green-600 dark:[&>svg]:text-green-200",
+        info: "border-blue-500/50 text-blue-700 bg-blue-50 dark:border-blue-500 dark:text-blue-200 dark:bg-blue-950/20 [&>svg]:text-blue-600 dark:[&>svg]:text-blue-200"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var Alert = React5.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  "div",
+  {
+    ref,
+    role: "alert",
+    className: cn(alertVariants({ variant }), className),
+    ...props
+  }
+));
+Alert.displayName = "Alert";
+var AlertTitle = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  "h5",
+  {
+    ref,
+    className: cn("mb-1 font-medium leading-none tracking-tight", className),
+    ...props
+  }
+));
+AlertTitle.displayName = "AlertTitle";
+var AlertDescription = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  "div",
+  {
+    ref,
+    className: cn("text-sm [&_p]:leading-relaxed", className),
+    ...props
+  }
+));
+AlertDescription.displayName = "AlertDescription";
+
+// src/components/ui/messages.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var getMessageVariant = (type) => {
+  switch (type) {
+    case "error":
+      return "destructive";
+    case "success":
+      return "success";
+    case "info":
+      return "info";
+    case "11184809":
+      return "warning";
+    default:
+      return "default";
+  }
+};
+var Messages = React6.forwardRef(
+  ({ flow, className, ...props }, ref) => {
+    if (!flow?.ui) return null;
+    const allMessages = [];
+    if (flow.ui.messages) {
+      allMessages.push(...flow.ui.messages);
+    }
+    if (flow.ui.nodes) {
+      flow.ui.nodes.forEach((node) => {
+        if (node.messages) {
+          allMessages.push(...node.messages);
+        }
+      });
+    }
+    if (allMessages.length === 0) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      "div",
+      {
+        ref,
+        className: cn("w-full max-w-md mx-auto space-y-2 mb-4", className),
+        ...props,
+        children: allMessages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Alert, { variant: getMessageVariant(message.type), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AlertDescription, { children: message.text }) }, message.id))
+      }
+    );
+  }
+);
+Messages.displayName = "Messages";
+
+// src/form/index.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function isUiNodeInputAttributes(attributes) {
   return attributes && typeof attributes === "object" && "name" in attributes && "type" in attributes;
 }
 function CustomFlowForm({ flow, Header }) {
+  const nodesByGroup = flow.ui.nodes.reduce((groups, node) => {
+    const group = node.group || "default";
+    if (!groups[group]) {
+      groups[group] = [];
+    }
+    groups[group].push(node);
+    return groups;
+  }, {});
+  const oidcNodes = nodesByGroup.oidc || [];
+  const regularNodes = Object.entries(nodesByGroup).filter(([group]) => group !== "oidc").flatMap(([, nodes]) => nodes);
+  const csrfToken = regularNodes.find(
+    (node) => isUiNodeInputAttributes(node.attributes) && node.attributes.name === "csrf_token"
+  );
   const hasSubmitButton = flow.ui.nodes.some(
     (node) => isUiNodeInputAttributes(node.attributes) && node.attributes.type === "submit"
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Card, { className: "w-full max-w-md mx-auto", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("form", { action: flow.ui.action, method: flow.ui.method, children: [
-    Header && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CardHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CardTitle, { className: "text-center pb-4", children: Header }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(CardContent, { className: "space-y-4", children: [
-      flow.ui.nodes.map((node) => {
-        if (isUiNodeInputAttributes(node.attributes)) {
-          const isSubmitButton = node.attributes.type === "submit";
-          const isHiddenField = node.attributes.type === "hidden";
-          const isVisibleField = !isHiddenField && !isSubmitButton;
-          if (isHiddenField) {
-            return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-              "input",
-              {
-                name: node.attributes.name,
-                type: "hidden",
-                value: node.attributes.value || "",
-                readOnly: true
-              },
-              node.attributes.name
-            );
-          }
-          if (isSubmitButton) {
-            return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-              Button,
-              {
-                type: "submit",
-                name: node.attributes.name,
-                value: node.attributes.value || "",
-                className: "w-full mt-2",
-                children: node.meta.label?.text || node.attributes.value || "Submit"
-              },
-              node.attributes.name
-            );
-          }
-          if (isVisibleField && [
-            "default",
-            "password",
-            "code",
-            "webauthn",
-            "passkey",
-            "totp",
-            "lookup_secret"
-          ].includes(node.group)) {
-            return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-              "div",
-              {
-                className: "space-y-2",
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Label, { htmlFor: node.attributes.name, children: [
-                    node.meta.label?.text,
-                    node.attributes.required && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-destructive ml-1", children: "*" })
-                  ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-                    Input,
-                    {
-                      id: node.attributes.name,
-                      name: node.attributes.name,
-                      type: node.attributes.type,
-                      defaultValue: node.attributes.value || "",
-                      required: node.attributes.required,
-                      placeholder: `Enter your ${node.meta.label?.text?.toLowerCase() || node.attributes.name}`
-                    }
-                  )
-                ]
-              },
-              node.meta.label?.id || node.attributes.name
-            );
-          }
-        }
-        return null;
-      }),
-      !hasSubmitButton && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Button, { type: "submit", className: "w-full", children: "Submit" })
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Messages, { flow }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Card, { className: "w-full max-w-md mx-auto", children: [
+      Header && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CardHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CardTitle, { className: "text-center pb-1", children: Header }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(CardContent, { className: "space-y-6", children: [
+        oidcNodes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "space-y-3", children: [
+          oidcNodes.map((node, index) => {
+            if (isUiNodeInputAttributes(node.attributes) && node.attributes.type === "submit") {
+              return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+                "form",
+                {
+                  action: flow.ui.action,
+                  method: flow.ui.method,
+                  className: "w-full",
+                  children: [
+                    csrfToken && isUiNodeInputAttributes(csrfToken.attributes) && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                      "input",
+                      {
+                        name: csrfToken.attributes.name,
+                        type: "hidden",
+                        value: csrfToken.attributes.value || "",
+                        readOnly: true
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                      Button,
+                      {
+                        type: "submit",
+                        name: node.attributes.name,
+                        value: node.attributes.value || "",
+                        variant: "outline",
+                        className: "w-full",
+                        children: node.meta.label?.text || node.attributes.value || "Sign in"
+                      }
+                    )
+                  ]
+                },
+                `oidc-${index}`
+              );
+            }
+            return null;
+          }),
+          regularNodes.some(
+            (node) => isUiNodeInputAttributes(node.attributes) && !["hidden", "submit"].includes(node.attributes.type)
+          ) && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "relative my-6", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "w-full border-t border-border" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "relative flex justify-center text-xs uppercase", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "bg-background px-3 text-muted-foreground font-medium", children: "Or continue with email" }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("form", { action: flow.ui.action, method: flow.ui.method, children: [
+          regularNodes.map((node) => {
+            if (isUiNodeInputAttributes(node.attributes)) {
+              const isSubmitButton = node.attributes.type === "submit";
+              const isHiddenField = node.attributes.type === "hidden";
+              const isVisibleField = !isHiddenField && !isSubmitButton;
+              if (isHiddenField) {
+                return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                  "input",
+                  {
+                    name: node.attributes.name,
+                    type: "hidden",
+                    value: node.attributes.value || "",
+                    readOnly: true
+                  },
+                  node.attributes.name
+                );
+              }
+              if (isSubmitButton) {
+                return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                  Button,
+                  {
+                    type: "submit",
+                    name: node.attributes.name,
+                    value: node.attributes.value || "",
+                    className: "w-full mt-2",
+                    children: node.meta.label?.text || node.attributes.value || "Submit"
+                  },
+                  node.attributes.name
+                );
+              }
+              if (isVisibleField && [
+                "default",
+                "password",
+                "code",
+                "webauthn",
+                "passkey",
+                "totp",
+                "lookup_secret",
+                "profile"
+              ].includes(node.group)) {
+                return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+                  "div",
+                  {
+                    className: "space-y-2 mb-4",
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Label, { htmlFor: node.attributes.name, children: [
+                        node.meta.label?.text,
+                        node.attributes.required && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-destructive ml-1", children: "*" })
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                        Input,
+                        {
+                          id: node.attributes.name,
+                          name: node.attributes.name,
+                          type: node.attributes.type,
+                          defaultValue: node.attributes.value || "",
+                          required: node.attributes.required,
+                          placeholder: `Enter your ${node.meta.label?.text?.toLowerCase() || node.attributes.name}`
+                        }
+                      )
+                    ]
+                  },
+                  node.meta.label?.id || node.attributes.name
+                );
+              }
+            }
+            return null;
+          }),
+          !hasSubmitButton && !oidcNodes.length && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Button, { type: "submit", className: "w-full", children: "Submit" })
+        ] })
+      ] })
     ] })
-  ] }) }) });
+  ] });
 }
 
 // src/tenant-switcher/index.tsx
-var React6 = __toESM(require("react"), 1);
+var React8 = __toESM(require("react"), 1);
 
 // src/components/ui/select.tsx
-var React5 = __toESM(require("react"), 1);
+var React7 = __toESM(require("react"), 1);
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
 var import_lucide_react = require("lucide-react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var Select = SelectPrimitive.Root;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+var SelectTrigger = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -309,12 +469,12 @@ var SelectTrigger = React5.forwardRef(({ className, children, ...props }, ref) =
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+var SelectScrollUpButton = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -323,11 +483,11 @@ var SelectScrollUpButton = React5.forwardRef(({ className, ...props }, ref) => /
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.ChevronUp, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.ChevronUp, { className: "h-4 w-4" })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+var SelectScrollDownButton = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -336,11 +496,11 @@ var SelectScrollDownButton = React5.forwardRef(({ className, ...props }, ref) =>
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.ChevronDown, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.ChevronDown, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React5.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+var SelectContent = React7.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
   SelectPrimitive.Content,
   {
     ref,
@@ -352,8 +512,8 @@ var SelectContent = React5.forwardRef(({ className, children, position = "popper
     position,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectScrollUpButton, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SelectScrollUpButton, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -363,12 +523,12 @@ var SelectContent = React5.forwardRef(({ className, children, position = "popper
           children
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectScrollDownButton, {})
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SelectScrollDownButton, {})
     ]
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+var SelectLabel = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
   SelectPrimitive.Label,
   {
     ref,
@@ -377,7 +537,7 @@ var SelectLabel = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+var SelectItem = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
   SelectPrimitive.Item,
   {
     ref,
@@ -387,13 +547,13 @@ var SelectItem = React5.forwardRef(({ className, children, ...props }, ref) => /
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.Check, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+var SelectSeparator = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
   SelectPrimitive.Separator,
   {
     ref,
@@ -404,7 +564,7 @@ var SelectSeparator = React5.forwardRef(({ className, ...props }, ref) => /* @__
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/tenant-switcher/index.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function SwitchActiveTenant({
   tenants,
   currentTenantId,
@@ -413,7 +573,7 @@ function SwitchActiveTenant({
   className,
   onTenantChange
 }) {
-  const [isLoading, setIsLoading] = React6.useState(false);
+  const [isLoading, setIsLoading] = React8.useState(false);
   const handleTenantChange = async (tenantId) => {
     if (tenantId === currentTenantId) return;
     setIsLoading(true);
@@ -431,24 +591,24 @@ function SwitchActiveTenant({
     }
   };
   const currentTenant = tenants.find((tenant) => tenant.id === currentTenantId);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     Select,
     {
       value: currentTenantId,
       onValueChange: handleTenantChange,
       disabled: isLoading,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SelectTrigger, { className: cn("max-w-64", className), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SelectValue, { placeholder, children: currentTenant ? currentTenant.name : placeholder }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SelectContent, { children: tenants.map((tenant) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SelectItem, { value: tenant.id, children: tenant.name }, tenant.id)) })
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectTrigger, { className: cn("max-w-64", className), children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectValue, { placeholder, children: currentTenant ? currentTenant.name : placeholder }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectContent, { children: tenants.map((tenant) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectItem, { value: tenant.id, children: tenant.name }, tenant.id)) })
       ]
     }
   );
 }
 
 // src/pricing-table/index.tsx
-var React7 = __toESM(require("react"), 1);
+var React9 = __toESM(require("react"), 1);
 var import_lucide_react2 = require("lucide-react");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var getCurrencySymbol = (currency) => {
   const symbols = {
     USD: "$",
@@ -489,7 +649,7 @@ function PricingCard({
 }) {
   const ui = product.ui || {};
   const isHighlighted = ui.highlighted;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
     "div",
     {
       className: cn(
@@ -497,11 +657,11 @@ function PricingCard({
         isHighlighted ? "relative" : ""
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "h-4 flex-shrink-0 relative", children: ui.badge && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "absolute top-0 left-1/2 transform -translate-x-1/2 z-10", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "bg-primary text-primary-foreground px-3 py-1 rounded-full text-sm font-medium flex items-center gap-1 whitespace-nowrap shadow-md", children: [
-          ui.badge === "Most Popular" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Star, { className: "w-3 h-3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "h-4 flex-shrink-0 relative", children: ui.badge && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "absolute top-0 left-1/2 transform -translate-x-1/2 z-10", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "bg-primary text-primary-foreground px-3 py-1 rounded-full text-sm font-medium flex items-center gap-1 whitespace-nowrap shadow-md", children: [
+          ui.badge === "Most Popular" && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react2.Star, { className: "w-3 h-3" }),
           ui.badge
         ] }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
           Card,
           {
             className: cn(
@@ -510,36 +670,36 @@ function PricingCard({
               isSelected && "ring-2 ring-primary"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(CardHeader, { className: "text-center", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CardTitle, { className: "text-xl font-bold", children: ui.display_name || product.name }),
-                ui.tagline && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CardDescription, { className: "text-base", children: ui.tagline })
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(CardHeader, { className: "text-center", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CardTitle, { className: "text-xl font-bold", children: ui.display_name || product.name }),
+                ui.tagline && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CardDescription, { className: "text-base", children: ui.tagline })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(CardContent, { className: "flex-1 space-y-6", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "text-center", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "text-3xl font-bold", children: formatPrice(displayedPrice) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "text-sm text-muted-foreground", children: formatBillingPeriod(displayedPrice) })
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(CardContent, { className: "flex-1 space-y-6", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "text-center", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "text-3xl font-bold", children: formatPrice(displayedPrice) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "text-sm text-muted-foreground", children: formatBillingPeriod(displayedPrice) })
                 ] }),
-                (ui.features && ui.features.length > 0 || displayedPrice.ui?.features?.length > 0 || displayedPrice.ui?.limits?.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "space-y-4", children: [
-                  ui.features && ui.features.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "space-y-2", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h4", { className: "font-medium text-sm text-muted-foreground uppercase tracking-wide", children: "Features" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("ul", { className: "space-y-2", children: ui.features.map((feature, index) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("li", { className: "flex items-start gap-2", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Check, { className: "w-4 h-4 text-green-500 mt-0.5 flex-shrink-0" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-sm", children: feature })
+                (ui.features && ui.features.length > 0 || displayedPrice.ui?.features?.length > 0 || displayedPrice.ui?.limits?.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "space-y-4", children: [
+                  ui.features && ui.features.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "space-y-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h4", { className: "font-medium text-sm text-muted-foreground uppercase tracking-wide", children: "Features" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("ul", { className: "space-y-2", children: ui.features.map((feature, index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("li", { className: "flex items-start gap-2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react2.Check, { className: "w-4 h-4 text-green-500 mt-0.5 flex-shrink-0" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-sm", children: feature })
                     ] }, index)) })
                   ] }),
-                  displayedPrice.ui?.features && displayedPrice.ui.features.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "space-y-2", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h4", { className: "font-medium text-sm text-muted-foreground uppercase tracking-wide", children: "This Plan" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("ul", { className: "space-y-2", children: displayedPrice.ui.features.map(
-                      (feature, index) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("li", { className: "flex items-start gap-2", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Check, { className: "w-4 h-4 text-blue-500 mt-0.5 flex-shrink-0" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-sm", children: feature })
+                  displayedPrice.ui?.features && displayedPrice.ui.features.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "space-y-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h4", { className: "font-medium text-sm text-muted-foreground uppercase tracking-wide", children: "This Plan" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("ul", { className: "space-y-2", children: displayedPrice.ui.features.map(
+                      (feature, index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("li", { className: "flex items-start gap-2", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react2.Check, { className: "w-4 h-4 text-blue-500 mt-0.5 flex-shrink-0" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-sm", children: feature })
                       ] }, index)
                     ) })
                   ] }),
-                  displayedPrice.ui?.limits && displayedPrice.ui.limits.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "space-y-2", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h4", { className: "font-medium text-sm text-muted-foreground uppercase tracking-wide", children: "Usage Limits" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("ul", { className: "space-y-1", children: displayedPrice.ui.limits.map(
-                      (limit, index) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                  displayedPrice.ui?.limits && displayedPrice.ui.limits.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "space-y-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h4", { className: "font-medium text-sm text-muted-foreground uppercase tracking-wide", children: "Usage Limits" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("ul", { className: "space-y-1", children: displayedPrice.ui.limits.map(
+                      (limit, index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
                         "li",
                         {
                           className: "text-sm text-muted-foreground",
@@ -551,7 +711,7 @@ function PricingCard({
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CardFooter, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CardFooter, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
                 Button,
                 {
                   className: "w-full",
@@ -578,15 +738,15 @@ function PricingTable({
   showPricingToggle = false,
   defaultInterval = "month"
 }) {
-  const [selectedInterval, setSelectedInterval] = React7.useState(defaultInterval);
-  const [carouselIndex, setCarouselIndex] = React7.useState(0);
-  const sortedProducts = React7.useMemo(
+  const [selectedInterval, setSelectedInterval] = React9.useState(defaultInterval);
+  const [carouselIndex, setCarouselIndex] = React9.useState(0);
+  const sortedProducts = React9.useMemo(
     () => [...products].sort(
       (a, b) => (a.ui?.sort_order ?? 999) - (b.ui?.sort_order ?? 999)
     ),
     [products]
   );
-  const hasMultipleIntervals = React7.useMemo(
+  const hasMultipleIntervals = React9.useMemo(
     () => products.some(
       (p) => new Set(p.prices.map((price) => price.interval)).size > 1
     ),
@@ -595,7 +755,7 @@ function PricingTable({
   const getDisplayedPrice = (product) => product.prices.find((p) => p.interval === selectedInterval) || product.prices[0];
   const renderCard = (product) => {
     const displayedPrice = getDisplayedPrice(product);
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       PricingCard,
       {
         product,
@@ -605,8 +765,8 @@ function PricingTable({
       }
     );
   };
-  const desktopCarousel = /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "relative max-w-7xl mx-auto", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  const desktopCarousel = /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "relative max-w-7xl mx-auto", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       Button,
       {
         variant: "ghost",
@@ -614,15 +774,15 @@ function PricingTable({
         className: "absolute left-0 top-1/2 transform -translate-y-1/2 -translate-x-4 z-10 bg-white shadow-lg border hover:bg-gray-50 disabled:opacity-50",
         onClick: () => setCarouselIndex(Math.max(0, carouselIndex - 1)),
         disabled: carouselIndex === 0,
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.ChevronLeft, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react2.ChevronLeft, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       "div",
       {
         className: "overflow-hidden mx-auto",
         style: { width: `${3 * CARD_WIDTH + 2 * GAP}px` },
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
           "div",
           {
             className: "flex items-stretch transition-transform duration-300 ease-in-out",
@@ -630,7 +790,7 @@ function PricingTable({
               transform: `translateX(-${carouselIndex * (CARD_WIDTH + GAP)}px)`,
               gap: `${GAP}px`
             },
-            children: sortedProducts.map((p) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            children: sortedProducts.map((p) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
               "div",
               {
                 style: { width: `${CARD_WIDTH}px` },
@@ -643,7 +803,7 @@ function PricingTable({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       Button,
       {
         variant: "ghost",
@@ -653,12 +813,12 @@ function PricingTable({
           Math.min(sortedProducts.length - 3, carouselIndex + 1)
         ),
         disabled: carouselIndex >= sortedProducts.length - 3,
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.ChevronRight, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react2.ChevronRight, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex justify-center mt-6 space-x-2", children: Array.from(
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex justify-center mt-6 space-x-2", children: Array.from(
       { length: Math.max(1, sortedProducts.length - 2) },
-      (_, i) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      (_, i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         "button",
         {
           onClick: () => setCarouselIndex(i),
@@ -672,12 +832,12 @@ function PricingTable({
       )
     ) })
   ] });
-  const staticLayout = /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  const staticLayout = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "div",
     {
       className: "flex flex-row items-stretch justify-center",
       style: { gap: `${GAP}px` },
-      children: sortedProducts.map((p) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      children: sortedProducts.map((p) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         "div",
         {
           style: { width: `${CARD_WIDTH}px` },
@@ -688,9 +848,9 @@ function PricingTable({
       ))
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: cn("w-full", className), children: [
-    showPricingToggle && hasMultipleIntervals && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex justify-center mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex bg-gray-100 p-1 rounded-lg", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: cn("w-full", className), children: [
+    showPricingToggle && hasMultipleIntervals && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex justify-center mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex bg-gray-100 p-1 rounded-lg", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         Button,
         {
           variant: selectedInterval === "month" ? "default" : "ghost",
@@ -700,7 +860,7 @@ function PricingTable({
           children: "Monthly"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         Button,
         {
           variant: selectedInterval === "year" ? "default" : "ghost",
@@ -711,20 +871,20 @@ function PricingTable({
         }
       )
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "lg:hidden relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "lg:hidden relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         "div",
         {
           className: "overflow-hidden mx-auto",
           style: { width: `${CARD_WIDTH}px` },
-          children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
             "div",
             {
               className: "flex transition-transform duration-300 ease-in-out items-stretch",
               style: {
                 transform: `translateX(-${carouselIndex * CARD_WIDTH}px)`
               },
-              children: sortedProducts.map((product) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              children: sortedProducts.map((product) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
                 "div",
                 {
                   className: "flex-shrink-0",
@@ -737,8 +897,8 @@ function PricingTable({
           )
         }
       ),
-      sortedProducts.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      sortedProducts.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
           Button,
           {
             variant: "ghost",
@@ -746,10 +906,10 @@ function PricingTable({
             className: "absolute left-0 top-1/2 -translate-y-1/2 -translate-x-2 z-10 bg-white shadow-lg border hover:bg-gray-50 disabled:opacity-50",
             onClick: () => setCarouselIndex((prev) => Math.max(0, prev - 1)),
             disabled: carouselIndex === 0,
-            children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.ChevronLeft, { className: "w-5 h-5" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react2.ChevronLeft, { className: "w-5 h-5" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
           Button,
           {
             variant: "ghost",
@@ -759,10 +919,10 @@ function PricingTable({
               (prev) => Math.min(sortedProducts.length - 1, prev + 1)
             ),
             disabled: carouselIndex >= sortedProducts.length - 1,
-            children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.ChevronRight, { className: "w-5 h-5" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react2.ChevronRight, { className: "w-5 h-5" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex justify-center mt-6 space-x-2", children: Array.from({ length: sortedProducts.length }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex justify-center mt-6 space-x-2", children: Array.from({ length: sortedProducts.length }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
           "button",
           {
             onClick: () => setCarouselIndex(i),
@@ -776,7 +936,7 @@ function PricingTable({
         )) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "hidden lg:block", children: sortedProducts.length <= 3 ? staticLayout : desktopCarousel })
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "hidden lg:block", children: sortedProducts.length <= 3 ? staticLayout : desktopCarousel })
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node: