@juv/codego-react-ui 1.0.9 → 1.1.0

package/dist/index.cjs

@@ -78,6 +78,7 @@ __export(index_exports, {
   OtpInput: () => OtpInput,
   Pagination: () => Pagination,
   Panel: () => Panel,
+  PanelSettings: () => PanelSettings,
   PanelSidebarGroup: () => PanelSidebarGroup,
   PanelSidebarItem: () => PanelSidebarItem,
   Popover: () => Popover,
@@ -92,7 +93,6 @@ __export(index_exports, {
   ScrollArea: () => ScrollArea,
   SectionBlock: () => SectionBlock,
   Select: () => Select,
-  Settings: () => Settings,
   Skeleton: () => Skeleton,
   Slider: () => Slider,
   StatCard: () => StatCard,
@@ -6158,7 +6158,7 @@ function SectionBlock({
   ] });
 }
 
-// src/components/ui/settings.tsx
+// src/components/ui/PanelSettings.tsx
 var import_lucide_react24 = require("lucide-react");
 
 // src/components/ui/tabs.tsx
@@ -6243,7 +6243,7 @@ function Tabs({
   ] });
 }
 
-// src/components/ui/settings.tsx
+// src/components/ui/PanelSettings.tsx
 var import_jsx_runtime46 = require("react/jsx-runtime");
 var FONT_SIZES = [
   { value: "14px", label: "Small (14px)" },
@@ -6387,7 +6387,7 @@ function TypographyPanel({
     ] })
   ] });
 }
-function Settings({
+function PanelSettings({
   defaultTab = "appearance",
   onThemeChange,
   onColorsChange,
@@ -8000,6 +8000,7 @@ function Wizard({
   OtpInput,
   Pagination,
   Panel,
+  PanelSettings,
   PanelSidebarGroup,
   PanelSidebarItem,
   Popover,
@@ -8014,7 +8015,6 @@ function Wizard({
   ScrollArea,
   SectionBlock,
   Select,
-  Settings,
   Skeleton,
   Slider,
   StatCard,

package/dist/index.d.cts

@@ -1046,10 +1046,10 @@ type ThemeColors = {
     dangerHover: string;
 };
 
-type SettingsTab = "appearance" | "colors" | "typography";
-interface SettingsProps {
+type PanelSettingsTab = "appearance" | "colors" | "typography";
+interface PanelSettingsProps {
     /** Initially active tab */
-    defaultTab?: SettingsTab;
+    defaultTab?: PanelSettingsTab;
     /** Called when theme (light/dark/system) changes */
     onThemeChange?: (theme: "light" | "dark" | "system") => void;
     /** Called when any color token changes */
@@ -1063,7 +1063,7 @@ interface SettingsProps {
     /** Additional CSS classes on the root element */
     className?: string;
 }
-declare function Settings({ defaultTab, onThemeChange, onColorsChange, onFontSizeChange, onFontFamilyChange, onReset, className, }: SettingsProps): react_jsx_runtime.JSX.Element;
+declare function PanelSettings({ defaultTab, onThemeChange, onColorsChange, onFontSizeChange, onFontFamilyChange, onReset, className, }: PanelSettingsProps): react_jsx_runtime.JSX.Element;
 
 declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
 
@@ -1384,4 +1384,4 @@ interface WizardProps {
 }
 declare function Wizard({ steps, step: controlledStep, defaultStep, onStepChange, onFinish, onClose, layout, variant, size, isOpen, showClose, unchange, title, description, hideHeader, footer, renderActions, backLabel, nextLabel, finishLabel, cancelLabel, showCancel, showBackOnFirst, loading, clickableSteps, className, contentClassName, }: WizardProps): react_jsx_runtime.JSX.Element;
 
-export { Accordion, type AccordionItem, type AccordionProps, type AccordionVariant, AvatarStack, type AvatarStackProps, Badge, type BadgeProps, type BadgeSize, type BadgeVariant, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, Calendar, type CalendarEvent, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type ChartDataPoint, ChartWidget, type ChartWidgetProps, Checkbox, type CheckboxProps, CircularProgress, type CircularProgressProps, ColorPicker, type ColorPickerProps, type Column, Combobox, type ComboboxOption, type ComboboxProps, type CommandItem, CommandPalette, type CommandPaletteProps, ComposableWidget, type ComposableWidgetProps, type ConfirmVariant, ContextMenu, type ContextMenuItem, type ContextMenuProps, DataGrid, type DataGridColumn, type DataGridProps, DatePickerPopup, type DateRange, DateRangePicker, type DateRangePickerProps, Drawer, type DrawerProps, type DrawerSide, Dropdown, DropdownItem, DropdownLabel, type DropdownProps, DropdownSeparator, type FileTypeValidation, FileUpload, type FileUploadProps, type FlexAlign, type FlexDirection, type FlexGap, FlexItem, type FlexItemProps, type FlexJustify, FlexLayout, type FlexLayoutProps, type FlexWrap, type FormField, type GridAlign, type GridCols, type GridGap, GridItem, type GridItemProps, GridLayout, type GridLayoutProps, GroupNavigation, type GroupNavigationProps, type ImageEditorMode, type ImageEditorOptions, Input, type InputProps, KanbanBoard, type KanbanBoardProps, type KanbanCard, type KanbanColumn, Label, LeftSidebar, type LeftSidebarProps, type MetricItem, MetricRow, type MetricRowProps, Modal, ModalConfirmation, type ModalConfirmationProps, type ModalProps, ModalUnchange, type ModalUnchangeProps, ModalWithForms, type ModalWithFormsProps, type NavGroup, type NavItem, Navigation, type NavigationProps, NotificationBanner, type NotificationBannerProps, type NotificationItem, NotificationPanel, type NotificationPanelProps, type NotificationVariant, OtpInput, type OtpInputProps, Pagination, type PaginationProps, Panel, type PanelProps, PanelSidebarGroup, PanelSidebarItem, Popover, type PopoverPlacement, type PopoverProps, Progress, type ProgressProps, type ProgressSize, type ProgressVariant, type PropRow, PropsTable, RadioGroup, type RadioGroupProps, type RadioOption, type RadioSize, type RadioVariant, RangeSlider, type RangeSliderProps, Repeater, type RepeaterProps, ResizablePanels, type ResizablePanelsProps, RichTextEditor, type RichTextEditorProps, RightSidebar, type RightSidebarProps, ScrollArea, type ScrollAreaProps, SectionBlock, type SectionProps, type SectionVariant, Select, type SelectOption, type SelectProps, type SemanticColor, Settings, type SettingsProps, type SettingsTab, Skeleton, Slider, type SliderProps, type SortDir, StatCard, type StatCardProps, type StatTrend, StatsWidget, type StatsWidgetProps, type Step, type StepStatus, Stepper, type StepperProps, type TabItem, type TabSize, type TabVariant, Table, type TableProps, TableWidget, type TableWidgetProps, Tabs, type TabsProps, TagInput, type TagInputProps, Textarea, type TextareaProps, Timeline, type TimelineItem, type TimelineProps, type TimelineVariant, type ToastItem, type ToastPosition, ToastProvider, type ToastProviderProps, type ToastVariant, ToggleSwitch, type ToggleSwitchProps, Tooltip, type TooltipProps, Topbar, type TopbarProps, type TreeNode, TreeView, type TreeViewProps, type TrendDir, Widget, type WidgetProps, Wizard, type WizardActionProps, type WizardLayout, type WizardProps, type WizardSize, type WizardStep, type WizardVariant, useToast };
+export { Accordion, type AccordionItem, type AccordionProps, type AccordionVariant, AvatarStack, type AvatarStackProps, Badge, type BadgeProps, type BadgeSize, type BadgeVariant, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, Calendar, type CalendarEvent, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type ChartDataPoint, ChartWidget, type ChartWidgetProps, Checkbox, type CheckboxProps, CircularProgress, type CircularProgressProps, ColorPicker, type ColorPickerProps, type Column, Combobox, type ComboboxOption, type ComboboxProps, type CommandItem, CommandPalette, type CommandPaletteProps, ComposableWidget, type ComposableWidgetProps, type ConfirmVariant, ContextMenu, type ContextMenuItem, type ContextMenuProps, DataGrid, type DataGridColumn, type DataGridProps, DatePickerPopup, type DateRange, DateRangePicker, type DateRangePickerProps, Drawer, type DrawerProps, type DrawerSide, Dropdown, DropdownItem, DropdownLabel, type DropdownProps, DropdownSeparator, type FileTypeValidation, FileUpload, type FileUploadProps, type FlexAlign, type FlexDirection, type FlexGap, FlexItem, type FlexItemProps, type FlexJustify, FlexLayout, type FlexLayoutProps, type FlexWrap, type FormField, type GridAlign, type GridCols, type GridGap, GridItem, type GridItemProps, GridLayout, type GridLayoutProps, GroupNavigation, type GroupNavigationProps, type ImageEditorMode, type ImageEditorOptions, Input, type InputProps, KanbanBoard, type KanbanBoardProps, type KanbanCard, type KanbanColumn, Label, LeftSidebar, type LeftSidebarProps, type MetricItem, MetricRow, type MetricRowProps, Modal, ModalConfirmation, type ModalConfirmationProps, type ModalProps, ModalUnchange, type ModalUnchangeProps, ModalWithForms, type ModalWithFormsProps, type NavGroup, type NavItem, Navigation, type NavigationProps, NotificationBanner, type NotificationBannerProps, type NotificationItem, NotificationPanel, type NotificationPanelProps, type NotificationVariant, OtpInput, type OtpInputProps, Pagination, type PaginationProps, Panel, type PanelProps, PanelSettings, type PanelSettingsProps, type PanelSettingsTab, PanelSidebarGroup, PanelSidebarItem, Popover, type PopoverPlacement, type PopoverProps, Progress, type ProgressProps, type ProgressSize, type ProgressVariant, type PropRow, PropsTable, RadioGroup, type RadioGroupProps, type RadioOption, type RadioSize, type RadioVariant, RangeSlider, type RangeSliderProps, Repeater, type RepeaterProps, ResizablePanels, type ResizablePanelsProps, RichTextEditor, type RichTextEditorProps, RightSidebar, type RightSidebarProps, ScrollArea, type ScrollAreaProps, SectionBlock, type SectionProps, type SectionVariant, Select, type SelectOption, type SelectProps, type SemanticColor, Skeleton, Slider, type SliderProps, type SortDir, StatCard, type StatCardProps, type StatTrend, StatsWidget, type StatsWidgetProps, type Step, type StepStatus, Stepper, type StepperProps, type TabItem, type TabSize, type TabVariant, Table, type TableProps, TableWidget, type TableWidgetProps, Tabs, type TabsProps, TagInput, type TagInputProps, Textarea, type TextareaProps, Timeline, type TimelineItem, type TimelineProps, type TimelineVariant, type ToastItem, type ToastPosition, ToastProvider, type ToastProviderProps, type ToastVariant, ToggleSwitch, type ToggleSwitchProps, Tooltip, type TooltipProps, Topbar, type TopbarProps, type TreeNode, TreeView, type TreeViewProps, type TrendDir, Widget, type WidgetProps, Wizard, type WizardActionProps, type WizardLayout, type WizardProps, type WizardSize, type WizardStep, type WizardVariant, useToast };

package/dist/index.d.ts

@@ -1046,10 +1046,10 @@ type ThemeColors = {
     dangerHover: string;
 };
 
-type SettingsTab = "appearance" | "colors" | "typography";
-interface SettingsProps {
+type PanelSettingsTab = "appearance" | "colors" | "typography";
+interface PanelSettingsProps {
     /** Initially active tab */
-    defaultTab?: SettingsTab;
+    defaultTab?: PanelSettingsTab;
     /** Called when theme (light/dark/system) changes */
     onThemeChange?: (theme: "light" | "dark" | "system") => void;
     /** Called when any color token changes */
@@ -1063,7 +1063,7 @@ interface SettingsProps {
     /** Additional CSS classes on the root element */
     className?: string;
 }
-declare function Settings({ defaultTab, onThemeChange, onColorsChange, onFontSizeChange, onFontFamilyChange, onReset, className, }: SettingsProps): react_jsx_runtime.JSX.Element;
+declare function PanelSettings({ defaultTab, onThemeChange, onColorsChange, onFontSizeChange, onFontFamilyChange, onReset, className, }: PanelSettingsProps): react_jsx_runtime.JSX.Element;
 
 declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
 
@@ -1384,4 +1384,4 @@ interface WizardProps {
 }
 declare function Wizard({ steps, step: controlledStep, defaultStep, onStepChange, onFinish, onClose, layout, variant, size, isOpen, showClose, unchange, title, description, hideHeader, footer, renderActions, backLabel, nextLabel, finishLabel, cancelLabel, showCancel, showBackOnFirst, loading, clickableSteps, className, contentClassName, }: WizardProps): react_jsx_runtime.JSX.Element;
 
-export { Accordion, type AccordionItem, type AccordionProps, type AccordionVariant, AvatarStack, type AvatarStackProps, Badge, type BadgeProps, type BadgeSize, type BadgeVariant, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, Calendar, type CalendarEvent, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type ChartDataPoint, ChartWidget, type ChartWidgetProps, Checkbox, type CheckboxProps, CircularProgress, type CircularProgressProps, ColorPicker, type ColorPickerProps, type Column, Combobox, type ComboboxOption, type ComboboxProps, type CommandItem, CommandPalette, type CommandPaletteProps, ComposableWidget, type ComposableWidgetProps, type ConfirmVariant, ContextMenu, type ContextMenuItem, type ContextMenuProps, DataGrid, type DataGridColumn, type DataGridProps, DatePickerPopup, type DateRange, DateRangePicker, type DateRangePickerProps, Drawer, type DrawerProps, type DrawerSide, Dropdown, DropdownItem, DropdownLabel, type DropdownProps, DropdownSeparator, type FileTypeValidation, FileUpload, type FileUploadProps, type FlexAlign, type FlexDirection, type FlexGap, FlexItem, type FlexItemProps, type FlexJustify, FlexLayout, type FlexLayoutProps, type FlexWrap, type FormField, type GridAlign, type GridCols, type GridGap, GridItem, type GridItemProps, GridLayout, type GridLayoutProps, GroupNavigation, type GroupNavigationProps, type ImageEditorMode, type ImageEditorOptions, Input, type InputProps, KanbanBoard, type KanbanBoardProps, type KanbanCard, type KanbanColumn, Label, LeftSidebar, type LeftSidebarProps, type MetricItem, MetricRow, type MetricRowProps, Modal, ModalConfirmation, type ModalConfirmationProps, type ModalProps, ModalUnchange, type ModalUnchangeProps, ModalWithForms, type ModalWithFormsProps, type NavGroup, type NavItem, Navigation, type NavigationProps, NotificationBanner, type NotificationBannerProps, type NotificationItem, NotificationPanel, type NotificationPanelProps, type NotificationVariant, OtpInput, type OtpInputProps, Pagination, type PaginationProps, Panel, type PanelProps, PanelSidebarGroup, PanelSidebarItem, Popover, type PopoverPlacement, type PopoverProps, Progress, type ProgressProps, type ProgressSize, type ProgressVariant, type PropRow, PropsTable, RadioGroup, type RadioGroupProps, type RadioOption, type RadioSize, type RadioVariant, RangeSlider, type RangeSliderProps, Repeater, type RepeaterProps, ResizablePanels, type ResizablePanelsProps, RichTextEditor, type RichTextEditorProps, RightSidebar, type RightSidebarProps, ScrollArea, type ScrollAreaProps, SectionBlock, type SectionProps, type SectionVariant, Select, type SelectOption, type SelectProps, type SemanticColor, Settings, type SettingsProps, type SettingsTab, Skeleton, Slider, type SliderProps, type SortDir, StatCard, type StatCardProps, type StatTrend, StatsWidget, type StatsWidgetProps, type Step, type StepStatus, Stepper, type StepperProps, type TabItem, type TabSize, type TabVariant, Table, type TableProps, TableWidget, type TableWidgetProps, Tabs, type TabsProps, TagInput, type TagInputProps, Textarea, type TextareaProps, Timeline, type TimelineItem, type TimelineProps, type TimelineVariant, type ToastItem, type ToastPosition, ToastProvider, type ToastProviderProps, type ToastVariant, ToggleSwitch, type ToggleSwitchProps, Tooltip, type TooltipProps, Topbar, type TopbarProps, type TreeNode, TreeView, type TreeViewProps, type TrendDir, Widget, type WidgetProps, Wizard, type WizardActionProps, type WizardLayout, type WizardProps, type WizardSize, type WizardStep, type WizardVariant, useToast };
+export { Accordion, type AccordionItem, type AccordionProps, type AccordionVariant, AvatarStack, type AvatarStackProps, Badge, type BadgeProps, type BadgeSize, type BadgeVariant, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, Calendar, type CalendarEvent, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type ChartDataPoint, ChartWidget, type ChartWidgetProps, Checkbox, type CheckboxProps, CircularProgress, type CircularProgressProps, ColorPicker, type ColorPickerProps, type Column, Combobox, type ComboboxOption, type ComboboxProps, type CommandItem, CommandPalette, type CommandPaletteProps, ComposableWidget, type ComposableWidgetProps, type ConfirmVariant, ContextMenu, type ContextMenuItem, type ContextMenuProps, DataGrid, type DataGridColumn, type DataGridProps, DatePickerPopup, type DateRange, DateRangePicker, type DateRangePickerProps, Drawer, type DrawerProps, type DrawerSide, Dropdown, DropdownItem, DropdownLabel, type DropdownProps, DropdownSeparator, type FileTypeValidation, FileUpload, type FileUploadProps, type FlexAlign, type FlexDirection, type FlexGap, FlexItem, type FlexItemProps, type FlexJustify, FlexLayout, type FlexLayoutProps, type FlexWrap, type FormField, type GridAlign, type GridCols, type GridGap, GridItem, type GridItemProps, GridLayout, type GridLayoutProps, GroupNavigation, type GroupNavigationProps, type ImageEditorMode, type ImageEditorOptions, Input, type InputProps, KanbanBoard, type KanbanBoardProps, type KanbanCard, type KanbanColumn, Label, LeftSidebar, type LeftSidebarProps, type MetricItem, MetricRow, type MetricRowProps, Modal, ModalConfirmation, type ModalConfirmationProps, type ModalProps, ModalUnchange, type ModalUnchangeProps, ModalWithForms, type ModalWithFormsProps, type NavGroup, type NavItem, Navigation, type NavigationProps, NotificationBanner, type NotificationBannerProps, type NotificationItem, NotificationPanel, type NotificationPanelProps, type NotificationVariant, OtpInput, type OtpInputProps, Pagination, type PaginationProps, Panel, type PanelProps, PanelSettings, type PanelSettingsProps, type PanelSettingsTab, PanelSidebarGroup, PanelSidebarItem, Popover, type PopoverPlacement, type PopoverProps, Progress, type ProgressProps, type ProgressSize, type ProgressVariant, type PropRow, PropsTable, RadioGroup, type RadioGroupProps, type RadioOption, type RadioSize, type RadioVariant, RangeSlider, type RangeSliderProps, Repeater, type RepeaterProps, ResizablePanels, type ResizablePanelsProps, RichTextEditor, type RichTextEditorProps, RightSidebar, type RightSidebarProps, ScrollArea, type ScrollAreaProps, SectionBlock, type SectionProps, type SectionVariant, Select, type SelectOption, type SelectProps, type SemanticColor, Skeleton, Slider, type SliderProps, type SortDir, StatCard, type StatCardProps, type StatTrend, StatsWidget, type StatsWidgetProps, type Step, type StepStatus, Stepper, type StepperProps, type TabItem, type TabSize, type TabVariant, Table, type TableProps, TableWidget, type TableWidgetProps, Tabs, type TabsProps, TagInput, type TagInputProps, Textarea, type TextareaProps, Timeline, type TimelineItem, type TimelineProps, type TimelineVariant, type ToastItem, type ToastPosition, ToastProvider, type ToastProviderProps, type ToastVariant, ToggleSwitch, type ToggleSwitchProps, Tooltip, type TooltipProps, Topbar, type TopbarProps, type TreeNode, TreeView, type TreeViewProps, type TrendDir, Widget, type WidgetProps, Wizard, type WizardActionProps, type WizardLayout, type WizardProps, type WizardSize, type WizardStep, type WizardVariant, useToast };

package/dist/index.global.js

@@ -2225,6 +2225,7 @@ var CodegoUI = (() => {
     OtpInput: () => OtpInput,
     Pagination: () => Pagination,
     Panel: () => Panel,
+    PanelSettings: () => PanelSettings,
     PanelSidebarGroup: () => PanelSidebarGroup,
     PanelSidebarItem: () => PanelSidebarItem,
     Popover: () => Popover,
@@ -2239,7 +2240,6 @@ var CodegoUI = (() => {
     ScrollArea: () => ScrollArea,
     SectionBlock: () => SectionBlock,
     Select: () => Select,
-    Settings: () => Settings,
     Skeleton: () => Skeleton,
     Slider: () => Slider,
     StatCard: () => StatCard,
@@ -13985,7 +13985,7 @@ var CodegoUI = (() => {
     ] });
   }
 
-  // src/components/ui/settings.tsx
+  // src/components/ui/PanelSettings.tsx
   var import_jsx_runtime46 = __toESM(require_jsx_runtime(), 1);
   var FONT_SIZES = [
     { value: "14px", label: "Small (14px)" },
@@ -14129,7 +14129,7 @@ var CodegoUI = (() => {
       ] })
     ] });
   }
-  function Settings({
+  function PanelSettings({
     defaultTab = "appearance",
     onThemeChange,
     onColorsChange,

package/dist/index.js

@@ -6058,7 +6058,7 @@ function SectionBlock({
   ] });
 }
 
-// src/components/ui/settings.tsx
+// src/components/ui/PanelSettings.tsx
 import { RotateCcw as RotateCcw2 } from "lucide-react";
 
 // src/components/ui/tabs.tsx
@@ -6143,7 +6143,7 @@ function Tabs({
   ] });
 }
 
-// src/components/ui/settings.tsx
+// src/components/ui/PanelSettings.tsx
 import { jsx as jsx46, jsxs as jsxs40 } from "react/jsx-runtime";
 var FONT_SIZES = [
   { value: "14px", label: "Small (14px)" },
@@ -6287,7 +6287,7 @@ function TypographyPanel({
     ] })
   ] });
 }
-function Settings({
+function PanelSettings({
   defaultTab = "appearance",
   onThemeChange,
   onColorsChange,
@@ -7899,6 +7899,7 @@ export {
   OtpInput,
   Pagination,
   Panel,
+  PanelSettings,
   PanelSidebarGroup,
   PanelSidebarItem,
   Popover,
@@ -7913,7 +7914,6 @@ export {
   ScrollArea,
   SectionBlock,
   Select,
-  Settings,
   Skeleton,
   Slider,
   StatCard,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@juv/codego-react-ui",
   "private": false,
-  "version": "1.0.9",
+  "version": "1.1.0",
   "description": "Reusable React UI components",
   "license": "MIT",
   "main": "dist/index.js",