@omnibase/shadcn 0.5.3 → 0.5.4

package/dist/index.cjs

@@ -147,7 +147,7 @@ var alertVariants = (0, import_class_variance_authority.cva)(
         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-900 bg-blue-50 dark:border-blue-500 dark:text-blue-200 dark:bg-blue-950/20 [&>svg]:text-blue-900 dark:[&>svg]:text-blue-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: {
@@ -1086,21 +1086,20 @@ var getCurrencySymbol = (currency) => {
 };
 var formatPrice = (price) => {
   const priceUI = price.ui || {};
-  if (priceUI.price_display?.custom_text)
-    return priceUI.price_display.custom_text;
+  if (priceUI.priceDisplay?.customText) return priceUI.priceDisplay.customText;
   if (!price.amount || price.amount === 0) return "Free";
   const amount = price.amount / 100;
-  const currency = price.currency.toUpperCase();
-  let formattedPrice = priceUI.price_display?.show_currency !== false ? `${getCurrencySymbol(currency)}${amount.toFixed(2)}` : amount.toFixed(2);
-  if (priceUI.price_display?.suffix)
-    formattedPrice += ` ${priceUI.price_display.suffix}`;
+  const currency = (price.currency || "USD").toUpperCase();
+  let formattedPrice = priceUI.priceDisplay?.showCurrency !== false ? `${getCurrencySymbol(currency)}${amount.toFixed(2)}` : amount.toFixed(2);
+  if (priceUI.priceDisplay?.suffix)
+    formattedPrice += ` ${priceUI.priceDisplay.suffix}`;
   return formattedPrice;
 };
 var formatBillingPeriod = (price) => {
   const priceUI = price.ui || {};
-  if (priceUI.billing_period) return priceUI.billing_period;
+  if (priceUI.billingPeriod) return priceUI.billingPeriod;
   if (price.interval) {
-    const count = price.interval_count || 1;
+    const count = price.intervalCount || 1;
     return `per ${count === 1 ? price.interval : `${count} ${price.interval}s`}`;
   }
   return "one-time";
@@ -1135,7 +1134,7 @@ function PricingCard({
             ),
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(CardHeader, { className: "text-center", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CardTitle, { className: "text-xl font-bold", children: ui.display_name || product.name }),
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CardTitle, { className: "text-xl font-bold", children: ui.displayName || product.name }),
                 ui.tagline && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CardDescription, { className: "text-base", children: ui.tagline })
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(CardContent, { className: "flex-1 space-y-6", children: [
@@ -1143,7 +1142,7 @@ function PricingCard({
                   /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "text-3xl font-bold", children: formatPrice(displayedPrice) }),
                   /* @__PURE__ */ (0, import_jsx_runtime21.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_runtime21.jsxs)("div", { className: "space-y-4", children: [
+                (ui.features && ui.features.length > 0 || (displayedPrice.ui?.features?.length ?? 0) > 0 || (displayedPrice.ui?.limits?.length ?? 0) > 0) && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "space-y-4", children: [
                   ui.features && ui.features.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "space-y-2", children: [
                     /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h4", { className: "font-medium text-sm text-muted-foreground uppercase tracking-wide", children: "Features" }),
                     /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("ul", { className: "space-y-2", children: ui.features.map((feature, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("li", { className: "flex items-start gap-2", children: [
@@ -1162,16 +1161,14 @@ function PricingCard({
                   ] }),
                   displayedPrice.ui?.limits && displayedPrice.ui.limits.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "space-y-2", children: [
                     /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h4", { className: "font-medium text-sm text-muted-foreground uppercase tracking-wide", children: "Usage Limits" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("ul", { className: "space-y-1", children: displayedPrice.ui.limits.map(
-                      (limit, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                        "li",
-                        {
-                          className: "text-sm text-muted-foreground",
-                          children: limit.text
-                        },
-                        index
-                      )
-                    ) })
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("ul", { className: "space-y-1", children: displayedPrice.ui.limits.map((limit, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                      "li",
+                      {
+                        className: "text-sm text-muted-foreground",
+                        children: limit.text || ""
+                      },
+                      index
+                    )) })
                   ] })
                 ] })
               ] }),
@@ -1182,7 +1179,7 @@ function PricingCard({
                   variant: isHighlighted ? "default" : "outline",
                   size: "lg",
                   onClick: () => onPriceSelect?.(displayedPrice.id, product.id),
-                  children: ui.cta_text || "Choose Plan"
+                  children: ui.ctaText || "Choose Plan"
                 }
               ) })
             ]
@@ -1206,7 +1203,7 @@ function PricingTable({
   const [carouselIndex, setCarouselIndex] = React11.useState(0);
   const sortedProducts = React11.useMemo(
     () => [...products].sort(
-      (a, b) => (a.ui?.sort_order ?? 999) - (b.ui?.sort_order ?? 999)
+      (a, b) => (a.ui?.sortOrder ?? 999) - (b.ui?.sortOrder ?? 999)
     ),
     [products]
   );
@@ -1597,7 +1594,8 @@ function UserInvite({ roles, onInvite }) {
     try {
       const inviteData = {
         email: email.trim(),
-        role: selectedRole
+        role: selectedRole,
+        inviteUrl: ""
       };
       await onInvite?.(inviteData);
       setEmail("");
@@ -1749,12 +1747,12 @@ function RoleCreator({
     };
   }, [definitions]);
   const roleSuggestions = (0, import_react3.useMemo)(() => {
-    return roles.map((role) => role.role_name);
+    return roles.map((role) => role.roleName);
   }, [roles]);
   const handleRoleNameChange = (value) => {
     setRoleName(value);
     const existingRole = roles.find(
-      (role) => role.role_name.toLowerCase() === value.toLowerCase()
+      (role) => role.roleName.toLowerCase() === value.toLowerCase()
     );
     if (existingRole) {
       setIsEditMode(true);
@@ -2159,7 +2157,7 @@ function UserViewer({
     if (!searchQuery.trim()) return users;
     const query = searchQuery.toLowerCase();
     return users.filter(
-      (user) => user.first_name.toLowerCase().includes(query) || user.last_name.toLowerCase().includes(query) || user.email.toLowerCase().includes(query) || user.role.toLowerCase().includes(query)
+      (user) => user.firstName.toLowerCase().includes(query) || user.lastName.toLowerCase().includes(query) || user.email.toLowerCase().includes(query) || user.role.toLowerCase().includes(query)
     );
   }, [users, searchQuery]);
   const handleRoleUpdate = async (userId, newRole) => {
@@ -2227,12 +2225,12 @@ function UserViewer({
         ] }) }),
         /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TableBody, { children: filteredUsers.map((user) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(TableRow, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TableCell, { className: "font-medium", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Avatar, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AvatarFallback, { children: getInitials(user.first_name, user.last_name) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Avatar, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AvatarFallback, { children: getInitials(user.firstName, user.lastName) }) }),
             /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { children: [
               /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "font-medium", children: [
-                user.first_name,
+                user.firstName,
                 " ",
-                user.last_name
+                user.lastName
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "text-xs text-muted-foreground md:hidden", children: user.email })
             ] })
@@ -2242,8 +2240,8 @@ function UserViewer({
             Select,
             {
               value: user.role,
-              onValueChange: (newRole) => handleRoleUpdate(user.user_id, newRole),
-              disabled: isUpdating[user.user_id],
+              onValueChange: (newRole) => handleRoleUpdate(user.userId, newRole),
+              disabled: isUpdating[user.userId],
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectValue, {}) }),
                 /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectContent, { children: availableRoles.map((role) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectItem, { value: role, children: role }, role)) })
@@ -2255,8 +2253,8 @@ function UserViewer({
             {
               variant: "ghost",
               size: "icon",
-              onClick: () => handleRemoveUser(user.user_id),
-              disabled: isUpdating[user.user_id],
+              onClick: () => handleRemoveUser(user.userId),
+              disabled: isUpdating[user.userId],
               className: "h-8 w-8",
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react4.UserX, { className: "h-4 w-4" }),
@@ -2264,7 +2262,7 @@ function UserViewer({
               ]
             }
           ) })
-        ] }, user.user_id)) })
+        ] }, user.userId)) })
       ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "text-center py-12 border rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-muted-foreground", children: searchQuery ? "No users found matching your search" : "No users in this organization yet" }) })
     ] })
   ] });

package/dist/index.d.cts

@@ -1,9 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { LoginFlow, RegistrationFlow, VerificationFlow, RecoveryFlow, SettingsFlow, UiNode, UiNodeInputAttributes } from '@ory/client-fetch';
 import * as React$1 from 'react';
-import { Tenant } from '@omnibase/core-js/tenants';
-import { Product } from '@omnibase/core-js/payments';
-import { NamespaceDefinition, Role } from '@omnibase/core-js';
+import { ModelsTenant, ModelsProduct, TenantsCreateTenantUserInviteRequest, ModelsNamespaceDefinition, ModelsRole, TenantsTenantUserResponse } from '@omnibase/core-js';
 
 type LoginFormProps = {
     flow: LoginFlow;
@@ -55,7 +53,7 @@ declare function groupNodesByGroup(nodes: UiNode[]): Record<string, UiNode[]>;
 
 interface SwitchActiveTenantProps {
     /** Array of tenants available to the user */
-    tenants: Tenant[];
+    tenants: ModelsTenant[];
     /** Currently active tenant ID */
     currentTenantId?: string;
     /** Custom form action to handle tenant switching */
@@ -83,7 +81,7 @@ interface SwitchActiveTenantProps {
 declare function SwitchActiveTenant({ tenants, currentTenantId, formAction, placeholder, className, onTenantChange, }: SwitchActiveTenantProps): react_jsx_runtime.JSX.Element;
 
 interface PricingTableProps {
-    products: Product[];
+    products: ModelsProduct[];
     selectedPriceId?: string;
     onPriceSelect?: (priceId: string, productId: string) => void;
     className?: string;
@@ -127,13 +125,9 @@ interface TenantCreatorProps {
 }
 declare function TenantCreator({ config, formActions, className, }: TenantCreatorProps): react_jsx_runtime.JSX.Element;
 
-interface UserInviteData {
-    email: string;
-    role: string;
-}
 interface UserInviteProps {
     roles: string[];
-    onInvite?: (inviteData: UserInviteData) => void | Promise<void>;
+    onInvite?: (inviteData: TenantsCreateTenantUserInviteRequest) => void | Promise<void>;
 }
 declare function UserInvite({ roles, onInvite }: UserInviteProps): react_jsx_runtime.JSX.Element;
 
@@ -142,8 +136,8 @@ interface NamespaceMapEntry {
     label: string;
 }
 interface RoleCreatorProps {
-    definitions: NamespaceDefinition[];
-    roles: Role[];
+    definitions: ModelsNamespaceDefinition[];
+    roles: ModelsRole[];
     namespaceMap?: Record<string, NamespaceMapEntry[]>;
     onRoleCreate?: (roleData: {
         role_name: string;
@@ -157,15 +151,8 @@ interface RoleCreatorProps {
 }
 declare function RoleCreator({ definitions, roles, namespaceMap, onRoleCreate, onRoleUpdate, }: RoleCreatorProps): react_jsx_runtime.JSX.Element;
 
-interface TenantUser {
-    user_id: string;
-    first_name: string;
-    last_name: string;
-    email: string;
-    role: string;
-}
 interface UserViewerProps {
-    users: TenantUser[];
+    users: TenantsTenantUserResponse[];
     availableRoles: string[];
     canEditUsers: boolean;
     onRoleUpdate?: (userId: string, newRole: string) => void | Promise<void>;
@@ -173,4 +160,4 @@ interface UserViewerProps {
 }
 declare function UserViewer({ users, availableRoles, canEditUsers, onRoleUpdate, onRemoveUser, }: UserViewerProps): react_jsx_runtime.JSX.Element;
 
-export { type CustomFormProps, type FlowType, LoginForm, type LoginFormProps, type NodesByGroup, PricingTable, type PricingTableProps, RecoveryForm, type RecoveryFormProps, RegistrationForm, type RegistrationFormProps, RoleCreator, SettingsForm, type SettingsFormProps, SwitchActiveTenant, type SwitchActiveTenantProps, TenantCreator, type TenantCreatorConfig, type TenantCreatorFormActions, type TenantCreatorProps, type TenantUser, UserInvite, UserViewer, VerificationForm, type VerificationFormProps, filterInputNodes, findAnchorNode, findCsrfToken, findSubmitButton, groupNodesByGroup, isUiNodeInputAttributes, sortNodes };
+export { type CustomFormProps, type FlowType, LoginForm, type LoginFormProps, type NodesByGroup, PricingTable, type PricingTableProps, RecoveryForm, type RecoveryFormProps, RegistrationForm, type RegistrationFormProps, RoleCreator, SettingsForm, type SettingsFormProps, SwitchActiveTenant, type SwitchActiveTenantProps, TenantCreator, type TenantCreatorConfig, type TenantCreatorFormActions, type TenantCreatorProps, UserInvite, UserViewer, VerificationForm, type VerificationFormProps, filterInputNodes, findAnchorNode, findCsrfToken, findSubmitButton, groupNodesByGroup, isUiNodeInputAttributes, sortNodes };

package/dist/index.d.ts

@@ -1,9 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { LoginFlow, RegistrationFlow, VerificationFlow, RecoveryFlow, SettingsFlow, UiNode, UiNodeInputAttributes } from '@ory/client-fetch';
 import * as React$1 from 'react';
-import { Tenant } from '@omnibase/core-js/tenants';
-import { Product } from '@omnibase/core-js/payments';
-import { NamespaceDefinition, Role } from '@omnibase/core-js';
+import { ModelsTenant, ModelsProduct, TenantsCreateTenantUserInviteRequest, ModelsNamespaceDefinition, ModelsRole, TenantsTenantUserResponse } from '@omnibase/core-js';
 
 type LoginFormProps = {
     flow: LoginFlow;
@@ -55,7 +53,7 @@ declare function groupNodesByGroup(nodes: UiNode[]): Record<string, UiNode[]>;
 
 interface SwitchActiveTenantProps {
     /** Array of tenants available to the user */
-    tenants: Tenant[];
+    tenants: ModelsTenant[];
     /** Currently active tenant ID */
     currentTenantId?: string;
     /** Custom form action to handle tenant switching */
@@ -83,7 +81,7 @@ interface SwitchActiveTenantProps {
 declare function SwitchActiveTenant({ tenants, currentTenantId, formAction, placeholder, className, onTenantChange, }: SwitchActiveTenantProps): react_jsx_runtime.JSX.Element;
 
 interface PricingTableProps {
-    products: Product[];
+    products: ModelsProduct[];
     selectedPriceId?: string;
     onPriceSelect?: (priceId: string, productId: string) => void;
     className?: string;
@@ -127,13 +125,9 @@ interface TenantCreatorProps {
 }
 declare function TenantCreator({ config, formActions, className, }: TenantCreatorProps): react_jsx_runtime.JSX.Element;
 
-interface UserInviteData {
-    email: string;
-    role: string;
-}
 interface UserInviteProps {
     roles: string[];
-    onInvite?: (inviteData: UserInviteData) => void | Promise<void>;
+    onInvite?: (inviteData: TenantsCreateTenantUserInviteRequest) => void | Promise<void>;
 }
 declare function UserInvite({ roles, onInvite }: UserInviteProps): react_jsx_runtime.JSX.Element;
 
@@ -142,8 +136,8 @@ interface NamespaceMapEntry {
     label: string;
 }
 interface RoleCreatorProps {
-    definitions: NamespaceDefinition[];
-    roles: Role[];
+    definitions: ModelsNamespaceDefinition[];
+    roles: ModelsRole[];
     namespaceMap?: Record<string, NamespaceMapEntry[]>;
     onRoleCreate?: (roleData: {
         role_name: string;
@@ -157,15 +151,8 @@ interface RoleCreatorProps {
 }
 declare function RoleCreator({ definitions, roles, namespaceMap, onRoleCreate, onRoleUpdate, }: RoleCreatorProps): react_jsx_runtime.JSX.Element;
 
-interface TenantUser {
-    user_id: string;
-    first_name: string;
-    last_name: string;
-    email: string;
-    role: string;
-}
 interface UserViewerProps {
-    users: TenantUser[];
+    users: TenantsTenantUserResponse[];
     availableRoles: string[];
     canEditUsers: boolean;
     onRoleUpdate?: (userId: string, newRole: string) => void | Promise<void>;
@@ -173,4 +160,4 @@ interface UserViewerProps {
 }
 declare function UserViewer({ users, availableRoles, canEditUsers, onRoleUpdate, onRemoveUser, }: UserViewerProps): react_jsx_runtime.JSX.Element;
 
-export { type CustomFormProps, type FlowType, LoginForm, type LoginFormProps, type NodesByGroup, PricingTable, type PricingTableProps, RecoveryForm, type RecoveryFormProps, RegistrationForm, type RegistrationFormProps, RoleCreator, SettingsForm, type SettingsFormProps, SwitchActiveTenant, type SwitchActiveTenantProps, TenantCreator, type TenantCreatorConfig, type TenantCreatorFormActions, type TenantCreatorProps, type TenantUser, UserInvite, UserViewer, VerificationForm, type VerificationFormProps, filterInputNodes, findAnchorNode, findCsrfToken, findSubmitButton, groupNodesByGroup, isUiNodeInputAttributes, sortNodes };
+export { type CustomFormProps, type FlowType, LoginForm, type LoginFormProps, type NodesByGroup, PricingTable, type PricingTableProps, RecoveryForm, type RecoveryFormProps, RegistrationForm, type RegistrationFormProps, RoleCreator, SettingsForm, type SettingsFormProps, SwitchActiveTenant, type SwitchActiveTenantProps, TenantCreator, type TenantCreatorConfig, type TenantCreatorFormActions, type TenantCreatorProps, UserInvite, UserViewer, VerificationForm, type VerificationFormProps, filterInputNodes, findAnchorNode, findCsrfToken, findSubmitButton, groupNodesByGroup, isUiNodeInputAttributes, sortNodes };

package/dist/index.js

@@ -95,7 +95,7 @@ var alertVariants = cva(
         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-900 bg-blue-50 dark:border-blue-500 dark:text-blue-200 dark:bg-blue-950/20 [&>svg]:text-blue-900 dark:[&>svg]:text-blue-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: {
@@ -1034,21 +1034,20 @@ var getCurrencySymbol = (currency) => {
 };
 var formatPrice = (price) => {
   const priceUI = price.ui || {};
-  if (priceUI.price_display?.custom_text)
-    return priceUI.price_display.custom_text;
+  if (priceUI.priceDisplay?.customText) return priceUI.priceDisplay.customText;
   if (!price.amount || price.amount === 0) return "Free";
   const amount = price.amount / 100;
-  const currency = price.currency.toUpperCase();
-  let formattedPrice = priceUI.price_display?.show_currency !== false ? `${getCurrencySymbol(currency)}${amount.toFixed(2)}` : amount.toFixed(2);
-  if (priceUI.price_display?.suffix)
-    formattedPrice += ` ${priceUI.price_display.suffix}`;
+  const currency = (price.currency || "USD").toUpperCase();
+  let formattedPrice = priceUI.priceDisplay?.showCurrency !== false ? `${getCurrencySymbol(currency)}${amount.toFixed(2)}` : amount.toFixed(2);
+  if (priceUI.priceDisplay?.suffix)
+    formattedPrice += ` ${priceUI.priceDisplay.suffix}`;
   return formattedPrice;
 };
 var formatBillingPeriod = (price) => {
   const priceUI = price.ui || {};
-  if (priceUI.billing_period) return priceUI.billing_period;
+  if (priceUI.billingPeriod) return priceUI.billingPeriod;
   if (price.interval) {
-    const count = price.interval_count || 1;
+    const count = price.intervalCount || 1;
     return `per ${count === 1 ? price.interval : `${count} ${price.interval}s`}`;
   }
   return "one-time";
@@ -1083,7 +1082,7 @@ function PricingCard({
             ),
             children: [
               /* @__PURE__ */ jsxs12(CardHeader, { className: "text-center", children: [
-                /* @__PURE__ */ jsx21(CardTitle, { className: "text-xl font-bold", children: ui.display_name || product.name }),
+                /* @__PURE__ */ jsx21(CardTitle, { className: "text-xl font-bold", children: ui.displayName || product.name }),
                 ui.tagline && /* @__PURE__ */ jsx21(CardDescription, { className: "text-base", children: ui.tagline })
               ] }),
               /* @__PURE__ */ jsxs12(CardContent, { className: "flex-1 space-y-6", children: [
@@ -1091,7 +1090,7 @@ function PricingCard({
                   /* @__PURE__ */ jsx21("div", { className: "text-3xl font-bold", children: formatPrice(displayedPrice) }),
                   /* @__PURE__ */ jsx21("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__ */ jsxs12("div", { className: "space-y-4", children: [
+                (ui.features && ui.features.length > 0 || (displayedPrice.ui?.features?.length ?? 0) > 0 || (displayedPrice.ui?.limits?.length ?? 0) > 0) && /* @__PURE__ */ jsxs12("div", { className: "space-y-4", children: [
                   ui.features && ui.features.length > 0 && /* @__PURE__ */ jsxs12("div", { className: "space-y-2", children: [
                     /* @__PURE__ */ jsx21("h4", { className: "font-medium text-sm text-muted-foreground uppercase tracking-wide", children: "Features" }),
                     /* @__PURE__ */ jsx21("ul", { className: "space-y-2", children: ui.features.map((feature, index) => /* @__PURE__ */ jsxs12("li", { className: "flex items-start gap-2", children: [
@@ -1110,16 +1109,14 @@ function PricingCard({
                   ] }),
                   displayedPrice.ui?.limits && displayedPrice.ui.limits.length > 0 && /* @__PURE__ */ jsxs12("div", { className: "space-y-2", children: [
                     /* @__PURE__ */ jsx21("h4", { className: "font-medium text-sm text-muted-foreground uppercase tracking-wide", children: "Usage Limits" }),
-                    /* @__PURE__ */ jsx21("ul", { className: "space-y-1", children: displayedPrice.ui.limits.map(
-                      (limit, index) => /* @__PURE__ */ jsx21(
-                        "li",
-                        {
-                          className: "text-sm text-muted-foreground",
-                          children: limit.text
-                        },
-                        index
-                      )
-                    ) })
+                    /* @__PURE__ */ jsx21("ul", { className: "space-y-1", children: displayedPrice.ui.limits.map((limit, index) => /* @__PURE__ */ jsx21(
+                      "li",
+                      {
+                        className: "text-sm text-muted-foreground",
+                        children: limit.text || ""
+                      },
+                      index
+                    )) })
                   ] })
                 ] })
               ] }),
@@ -1130,7 +1127,7 @@ function PricingCard({
                   variant: isHighlighted ? "default" : "outline",
                   size: "lg",
                   onClick: () => onPriceSelect?.(displayedPrice.id, product.id),
-                  children: ui.cta_text || "Choose Plan"
+                  children: ui.ctaText || "Choose Plan"
                 }
               ) })
             ]
@@ -1154,7 +1151,7 @@ function PricingTable({
   const [carouselIndex, setCarouselIndex] = React11.useState(0);
   const sortedProducts = React11.useMemo(
     () => [...products].sort(
-      (a, b) => (a.ui?.sort_order ?? 999) - (b.ui?.sort_order ?? 999)
+      (a, b) => (a.ui?.sortOrder ?? 999) - (b.ui?.sortOrder ?? 999)
     ),
     [products]
   );
@@ -1545,7 +1542,8 @@ function UserInvite({ roles, onInvite }) {
     try {
       const inviteData = {
         email: email.trim(),
-        role: selectedRole
+        role: selectedRole,
+        inviteUrl: ""
       };
       await onInvite?.(inviteData);
       setEmail("");
@@ -1697,12 +1695,12 @@ function RoleCreator({
     };
   }, [definitions]);
   const roleSuggestions = useMemo2(() => {
-    return roles.map((role) => role.role_name);
+    return roles.map((role) => role.roleName);
   }, [roles]);
   const handleRoleNameChange = (value) => {
     setRoleName(value);
     const existingRole = roles.find(
-      (role) => role.role_name.toLowerCase() === value.toLowerCase()
+      (role) => role.roleName.toLowerCase() === value.toLowerCase()
     );
     if (existingRole) {
       setIsEditMode(true);
@@ -2107,7 +2105,7 @@ function UserViewer({
     if (!searchQuery.trim()) return users;
     const query = searchQuery.toLowerCase();
     return users.filter(
-      (user) => user.first_name.toLowerCase().includes(query) || user.last_name.toLowerCase().includes(query) || user.email.toLowerCase().includes(query) || user.role.toLowerCase().includes(query)
+      (user) => user.firstName.toLowerCase().includes(query) || user.lastName.toLowerCase().includes(query) || user.email.toLowerCase().includes(query) || user.role.toLowerCase().includes(query)
     );
   }, [users, searchQuery]);
   const handleRoleUpdate = async (userId, newRole) => {
@@ -2175,12 +2173,12 @@ function UserViewer({
         ] }) }),
         /* @__PURE__ */ jsx29(TableBody, { children: filteredUsers.map((user) => /* @__PURE__ */ jsxs16(TableRow, { children: [
           /* @__PURE__ */ jsx29(TableCell, { className: "font-medium", children: /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx29(Avatar, { children: /* @__PURE__ */ jsx29(AvatarFallback, { children: getInitials(user.first_name, user.last_name) }) }),
+            /* @__PURE__ */ jsx29(Avatar, { children: /* @__PURE__ */ jsx29(AvatarFallback, { children: getInitials(user.firstName, user.lastName) }) }),
             /* @__PURE__ */ jsxs16("div", { children: [
               /* @__PURE__ */ jsxs16("div", { className: "font-medium", children: [
-                user.first_name,
+                user.firstName,
                 " ",
-                user.last_name
+                user.lastName
               ] }),
               /* @__PURE__ */ jsx29("div", { className: "text-xs text-muted-foreground md:hidden", children: user.email })
             ] })
@@ -2190,8 +2188,8 @@ function UserViewer({
             Select,
             {
               value: user.role,
-              onValueChange: (newRole) => handleRoleUpdate(user.user_id, newRole),
-              disabled: isUpdating[user.user_id],
+              onValueChange: (newRole) => handleRoleUpdate(user.userId, newRole),
+              disabled: isUpdating[user.userId],
               children: [
                 /* @__PURE__ */ jsx29(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsx29(SelectValue, {}) }),
                 /* @__PURE__ */ jsx29(SelectContent, { children: availableRoles.map((role) => /* @__PURE__ */ jsx29(SelectItem, { value: role, children: role }, role)) })
@@ -2203,8 +2201,8 @@ function UserViewer({
             {
               variant: "ghost",
               size: "icon",
-              onClick: () => handleRemoveUser(user.user_id),
-              disabled: isUpdating[user.user_id],
+              onClick: () => handleRemoveUser(user.userId),
+              disabled: isUpdating[user.userId],
               className: "h-8 w-8",
               children: [
                 /* @__PURE__ */ jsx29(UserX, { className: "h-4 w-4" }),
@@ -2212,7 +2210,7 @@ function UserViewer({
               ]
             }
           ) })
-        ] }, user.user_id)) })
+        ] }, user.userId)) })
       ] }) }) : /* @__PURE__ */ jsx29("div", { className: "text-center py-12 border rounded-lg", children: /* @__PURE__ */ jsx29("p", { className: "text-muted-foreground", children: searchQuery ? "No users found matching your search" : "No users in this organization yet" }) })
     ] })
   ] });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omnibase/shadcn",
-  "version": "0.5.3",
+  "version": "0.5.4",
   "description": "OmniBase ShadCN UI Package",
   "type": "module",
   "exports": {
@@ -36,22 +36,22 @@
     "react-dom": "^19.1.0"
   },
   "dependencies": {
-    "@radix-ui/react-avatar": "^1.1.10",
+    "@omnibase/core-js": "^0.9.4",
+    "@radix-ui/react-avatar": "^1.1.11",
     "@radix-ui/react-checkbox": "^1.3.3",
-    "@radix-ui/react-label": "^2.1.7",
+    "@radix-ui/react-label": "^2.1.8",
     "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-separator": "^1.1.7",
-    "@radix-ui/react-slot": "^1.2.3",
-    "@types/node": "^24.9.1",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@types/node": "^24.10.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^0.544.0",
     "tailwind-merge": "^2.6.0"
   },
   "devDependencies": {
-    "@omnibase/core-js": "0.7.6",
-    "@storybook/addon-docs": "^9.1.15",
-    "@storybook/react-vite": "^9.1.15",
+    "@storybook/addon-docs": "^9.1.16",
+    "@storybook/react-vite": "^9.1.16",
     "@tailwindcss/vite": "^4.1.16",
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19.2.2",
@@ -62,14 +62,14 @@
     "autoprefixer": "^10.4.21",
     "eslint": "^8.57.1",
     "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-storybook": "^9.1.15",
+    "eslint-plugin-storybook": "^9.1.16",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "storybook": "^9.1.15",
+    "storybook": "^9.1.16",
     "tailwindcss": "^4.1.16",
     "tsup": "^8.5.0",
     "typescript": "^5.9.3",
-    "vite": "^7.1.12",
+    "vite": "^7.2.1",
     "vite-plugin-dts": "^4.5.4"
   }
 }