@facter/ds-core 1.3.2 → 1.5.0

package/dist/index.mjs

@@ -15,7 +15,8 @@ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { toast as toast$1, Toaster as Toaster$1 } from 'sonner';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
-import { Controller, FormProvider as FormProvider$1 } from 'react-hook-form';
+import { FormProvider, useFormContext, Controller } from 'react-hook-form';
+export { FormProvider, useFormContext } from 'react-hook-form';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
@@ -2975,21 +2976,6 @@ var Textarea = React48.memo(
   )
 );
 Textarea.displayName = "Textarea";
-var FormContext = React48.createContext(null);
-function useFormContext() {
-  const context = React48.useContext(FormContext);
-  if (!context) {
-    throw new Error("useFormContext must be used within a Form provider");
-  }
-  return context.form;
-}
-function FormProvider({
-  form,
-  children
-}) {
-  const value = React48.useMemo(() => ({ form }), [form]);
-  return /* @__PURE__ */ jsx(FormContext.Provider, { value, children });
-}
 var FormFieldContext = React48.createContext(null);
 function useFormFieldContext() {
   const context = React48.useContext(FormFieldContext);
@@ -3006,15 +2992,14 @@ function FormFieldProvider({ name, children }) {
   const id = React48.useId();
   const fieldState = form.getFieldState(name, form.formState);
   const error = fieldState.error?.message;
-  const isRequired = false;
   const value = React48.useMemo(
     () => ({
       name,
       id,
       error,
-      isRequired
+      isRequired: false
     }),
-    [name, id, error, isRequired]
+    [name, id, error]
   );
   return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value, children });
 }
@@ -3409,6 +3394,38 @@ function FormSwitch({
   ) });
 }
 FormSwitch.displayName = "Form.Switch";
+var colorStyles = {
+  default: {
+    border: "border-primary",
+    bg: "bg-primary/5",
+    text: "text-primary",
+    radio: "border-primary text-primary"
+  },
+  destructive: {
+    border: "border-red-500",
+    bg: "bg-red-500/10",
+    text: "text-red-600",
+    radio: "border-red-500 text-red-500"
+  },
+  warning: {
+    border: "border-amber-500",
+    bg: "bg-amber-500/10",
+    text: "text-amber-600",
+    radio: "border-amber-500 text-amber-500"
+  },
+  success: {
+    border: "border-green-500",
+    bg: "bg-green-500/10",
+    text: "text-green-600",
+    radio: "border-green-500 text-green-500"
+  },
+  info: {
+    border: "border-blue-500",
+    bg: "bg-blue-500/10",
+    text: "text-blue-600",
+    radio: "border-blue-500 text-blue-500"
+  }
+};
 function FormRadioGroup({
   name,
   label,
@@ -3448,12 +3465,14 @@ function FormRadioGroup({
             children: options.map((option) => {
               const optionId = `${name}-${option.value}`;
               const isSelected = field.value === option.value;
+              const color = option.color || "default";
+              const styles = colorStyles[color];
               return /* @__PURE__ */ jsxs(
                 "div",
                 {
                   className: cn(
                     "flex items-center gap-3 border-2 py-2 px-4 rounded-lg transition-colors cursor-pointer",
-                    isSelected ? "border-primary bg-primary/5" : "border-border hover:border-muted-foreground/50",
+                    isSelected ? cn(styles.border, styles.bg) : "border-border hover:border-muted-foreground/50",
                     option.disabled && "opacity-50 cursor-not-allowed"
                   ),
                   onClick: () => {
@@ -3469,7 +3488,8 @@ function FormRadioGroup({
                         value: option.value,
                         disabled: option.disabled,
                         className: cn(
-                          "aspect-square h-4 w-4 rounded-full border border-primary text-primary",
+                          "aspect-square h-4 w-4 rounded-full border",
+                          isSelected ? styles.radio : "border-border text-muted-foreground",
                           "ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
                           "disabled:cursor-not-allowed disabled:opacity-50"
                         ),
@@ -3483,7 +3503,7 @@ function FormRadioGroup({
                           htmlFor: optionId,
                           className: cn(
                             "text-sm font-medium leading-none cursor-pointer",
-                            isSelected && "text-primary",
+                            isSelected && styles.text,
                             option.disabled && "cursor-not-allowed"
                           ),
                           children: option.label
@@ -3578,7 +3598,7 @@ function FormRoot({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(FormProvider, { form, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsx(
     "form",
     {
       onSubmit: form.handleSubmit(onSubmit, onError),
@@ -6820,18 +6840,18 @@ function WizardNavigation({
     "div",
     {
       className: cn(
-        "flex items-center justify-between gap-3 pt-4 border-t border-border",
+        "grid grid-cols-2 gap-3 pt-4 border-t border-border",
         className
       ),
       children: [
-        /* @__PURE__ */ jsx("div", { className: "flex-1", children: shouldShowCancel && onCancel ? /* @__PURE__ */ jsx(
+        shouldShowCancel && onCancel ? /* @__PURE__ */ jsx(
           Button,
           {
             type: "button",
             variant: "outline",
             onClick: handleCancel,
             disabled: isSubmitting,
-            className: "w-full sm:w-auto",
+            className: "w-full",
             children: cancelLabel
           },
           "cancel"
@@ -6842,47 +6862,34 @@ function WizardNavigation({
             variant: "outline",
             onClick: handlePrev,
             disabled: isSubmitting,
-            className: "w-full sm:w-auto",
+            className: "w-full",
             children: prevLabel
           },
-          "prev-left"
-        ) : /* @__PURE__ */ jsx("div", {}) }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          !isFirstStep && shouldShowCancel && /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: "button",
-              variant: "outline",
-              onClick: handlePrev,
-              disabled: isSubmitting,
-              children: prevLabel
-            },
-            "prev-right"
-          ),
-          isLastStep ? /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: "submit",
-              disabled: submitDisabled || isSubmitting,
-              className: "min-w-[120px]",
-              children: isSubmitting ? /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx(Loader, { variant: "spinner" }),
-                loadingLabel
-              ] }) : submitLabel
-            },
-            `submit-step-${currentStep}`
-          ) : /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: "button",
-              onClick: handleNext,
-              disabled: isSubmitting,
-              className: "min-w-[120px]",
-              children: nextLabel
-            },
-            `next-step-${currentStep}`
-          )
-        ] })
+          "prev"
+        ) : /* @__PURE__ */ jsx("div", {}),
+        isLastStep ? /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "submit",
+            disabled: submitDisabled || isSubmitting,
+            className: "w-full",
+            children: isSubmitting ? /* @__PURE__ */ jsxs("span", { className: "flex items-center justify-center gap-2", children: [
+              /* @__PURE__ */ jsx(Loader, { variant: "spinner" }),
+              loadingLabel
+            ] }) : submitLabel
+          },
+          `submit-step-${currentStep}`
+        ) : /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            onClick: handleNext,
+            disabled: isSubmitting,
+            className: "w-full",
+            children: nextLabel
+          },
+          `next-step-${currentStep}`
+        )
       ]
     }
   );
@@ -6952,7 +6959,7 @@ function WizardRoot({
       onComplete,
       validateOnNext,
       allowJumpToStep,
-      children: /* @__PURE__ */ jsx(FormProvider$1, { ...form, children: /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsx(
         "form",
         {
           onSubmit: form.handleSubmit(handleSubmit),
@@ -7118,6 +7125,6 @@ var THEME_INFO = {
   }
 };
 
-export { AuthLayout, Avatar, AvatarFallback, AvatarImage, Badge, BigNumberCard, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, DENSITY_CONFIG, DashboardLayout, DataTable, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DialogWrapper, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FACTER_THEMES, Form, FormCheckbox, FormDescription, FormError, FormFieldProvider, FormFieldWrapper, FormInput, FormLabel, FormProvider, FormRadioGroup, FormSelect, FormSwitch, FormTextarea, GlobalLoaderController, Input, Kanban, Loader, LoaderProvider, Logo, MobileNav, MobileNavItem, Navbar, NavbarCompanyProfile, NavbarNotification, NavbarUserMenu, Popover, PopoverContent, PopoverTrigger, RippleBackground, RippleEffect, RippleWrapper, ScrollArea, ScrollBar, SectionHeader, SectionHeaderActions, SectionHeaderBadge, SectionHeaderContent, SectionHeaderIcon, SectionHeaderRoot, SectionHeaderSubtitle, SectionHeaderTitle, Select, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectionLayout, Separator3 as Separator, Sidebar, Skeleton, Sparkline, Switch, THEME_INFO, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeProvider, ThemeToggle, Toaster, Wizard, WizardContent, WizardNavigation, WizardPanel, WizardProgress, WizardProvider, WizardStepConnector, WizardStepIndicator, WizardSteps, cn, loader, toast, useDashboardLayout, useDataTable, useDataTableColumnVisibility, useDataTableDensity, useDataTableEmpty, useDataTableInstance, useDataTableLoading, useDataTableMeta, useDataTablePagination, useDataTableSelection, useDataTableSorting, useDataTableState, useDebounce, useDebouncedCallback, useFormContext, useFormFieldContext, useKanban, useKanbanOptional, useLoader, useMediaQuery2 as useMediaQuery, useSidebar, useSidebarOptional, useTheme, useWizardContext, useWizardContextOptional };
+export { AuthLayout, Avatar, AvatarFallback, AvatarImage, Badge, BigNumberCard, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, DENSITY_CONFIG, DashboardLayout, DataTable, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DialogWrapper, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FACTER_THEMES, Form, FormCheckbox, FormDescription, FormError, FormFieldProvider, FormFieldWrapper, FormInput, FormLabel, FormRadioGroup, FormSelect, FormSwitch, FormTextarea, GlobalLoaderController, Input, Kanban, Loader, LoaderProvider, Logo, MobileNav, MobileNavItem, Navbar, NavbarCompanyProfile, NavbarNotification, NavbarUserMenu, Popover, PopoverContent, PopoverTrigger, RippleBackground, RippleEffect, RippleWrapper, ScrollArea, ScrollBar, SectionHeader, SectionHeaderActions, SectionHeaderBadge, SectionHeaderContent, SectionHeaderIcon, SectionHeaderRoot, SectionHeaderSubtitle, SectionHeaderTitle, Select, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectionLayout, Separator3 as Separator, Sidebar, Skeleton, Sparkline, Switch, THEME_INFO, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeProvider, ThemeToggle, Toaster, Wizard, WizardContent, WizardNavigation, WizardPanel, WizardProgress, WizardProvider, WizardStepConnector, WizardStepIndicator, WizardSteps, cn, loader, toast, useDashboardLayout, useDataTable, useDataTableColumnVisibility, useDataTableDensity, useDataTableEmpty, useDataTableInstance, useDataTableLoading, useDataTableMeta, useDataTablePagination, useDataTableSelection, useDataTableSorting, useDataTableState, useDebounce, useDebouncedCallback, useFormFieldContext, useKanban, useKanbanOptional, useLoader, useMediaQuery2 as useMediaQuery, useSidebar, useSidebarOptional, useTheme, useWizardContext, useWizardContextOptional };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map