@j-solution/components 1.6.1 → 1.7.0

package/components/shadcn/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/shadcn/index.ts"],"sourcesContent":["// Button variants\r\nimport type { VariantProps } from \"class-variance-authority\"\r\nimport { cva } from \"class-variance-authority\"\r\n\r\nexport const buttonVariants = cva(\r\n  \"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\r\n        destructive:\r\n          \"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\r\n        outline:\r\n          \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\r\n        secondary:\r\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\r\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\r\n        link: \"text-primary underline-offset-4 hover:underline\",\r\n      },\r\n      size: {\r\n        default: \"h-10 px-4 py-2\",\r\n        sm: \"h-9 rounded-md px-3\",\r\n        lg: \"h-11 rounded-md px-8\",\r\n        icon: \"h-10 w-10\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n      size: \"default\",\r\n    },\r\n  },\r\n)\r\n\r\nexport type ButtonVariants = VariantProps<typeof buttonVariants>\r\n\r\n// Accordion\r\nexport { default as Accordion } from \"./Accordion.vue\"\r\nexport { default as AccordionContent } from \"./AccordionContent.vue\"\r\nexport { default as AccordionItem } from \"./AccordionItem.vue\"\r\nexport { default as AccordionTrigger } from \"./AccordionTrigger.vue\"\r\n\r\n// Alert\r\nexport { default as Alert } from \"./Alert.vue\"\r\nexport { default as AlertDescription } from \"./AlertDescription.vue\"\r\nexport { default as AlertTitle } from \"./AlertTitle.vue\"\r\n\r\n// Avatar\r\nexport { default as Avatar } from \"./Avatar.vue\"\r\nexport { default as AvatarFallback } from \"./AvatarFallback.vue\"\r\nexport { default as AvatarImage } from \"./AvatarImage.vue\"\r\n\r\n// Badge\r\nexport { default as Badge } from \"./Badge.vue\"\r\n\r\n// Calendar\r\nexport { default as Calendar } from \"./Calendar.vue\"\r\nexport { default as CalendarCell } from \"./CalendarCell.vue\"\r\nexport { default as CalendarCellTrigger } from \"./CalendarCellTrigger.vue\"\r\nexport { default as CalendarGrid } from \"./CalendarGrid.vue\"\r\nexport { default as CalendarGridBody } from \"./CalendarGridBody.vue\"\r\nexport { default as CalendarGridHead } from \"./CalendarGridHead.vue\"\r\nexport { default as CalendarGridRow } from \"./CalendarGridRow.vue\"\r\nexport { default as CalendarHeadCell } from \"./CalendarHeadCell.vue\"\r\nexport { default as CalendarHeader } from \"./CalendarHeader.vue\"\r\nexport { default as CalendarHeading } from \"./CalendarHeading.vue\"\r\nexport { default as CalendarNextButton } from \"./CalendarNextButton.vue\"\r\nexport { default as CalendarPrevButton } from \"./CalendarPrevButton.vue\"\r\n\r\n// Card\r\nexport { default as Card } from \"./Card.vue\"\r\nexport { default as CardContent } from \"./CardContent.vue\"\r\nexport { default as CardDescription } from \"./CardDescription.vue\"\r\nexport { default as CardFooter } from \"./CardFooter.vue\"\r\nexport { default as CardHeader } from \"./CardHeader.vue\"\r\nexport { default as CardTitle } from \"./CardTitle.vue\"\r\n\r\n// Checkbox\r\nexport { default as Checkbox } from \"./Checkbox.vue\"\r\n\r\n// Combobox\r\nexport { default as Combobox } from \"./Combobox.vue\"\r\nexport { default as ComboboxAnchor } from \"./ComboboxAnchor.vue\"\r\nexport { default as ComboboxEmpty } from \"./ComboboxEmpty.vue\"\r\nexport { default as ComboboxGroup } from \"./ComboboxGroup.vue\"\r\nexport { default as ComboboxInput } from \"./ComboboxInput.vue\"\r\nexport { default as ComboboxItem } from \"./ComboboxItem.vue\"\r\nexport { default as ComboboxList } from \"./ComboboxList.vue\"\r\nexport { default as ComboboxSeparator } from \"./ComboboxSeparator.vue\"\r\nexport { default as ComboboxTrigger } from \"./ComboboxTrigger.vue\"\r\n\r\n// ContextMenu\r\nexport { default as ContextMenu } from \"./ContextMenu.vue\"\r\nexport { default as ContextMenuCheckboxItem } from \"./ContextMenuCheckboxItem.vue\"\r\nexport { default as ContextMenuContent } from \"./ContextMenuContent.vue\"\r\nexport { default as ContextMenuGroup } from \"./ContextMenuGroup.vue\"\r\nexport { default as ContextMenuItem } from \"./ContextMenuItem.vue\"\r\nexport { default as ContextMenuLabel } from \"./ContextMenuLabel.vue\"\r\nexport { default as ContextMenuPortal } from \"./ContextMenuPortal.vue\"\r\nexport { default as ContextMenuRadioGroup } from \"./ContextMenuRadioGroup.vue\"\r\nexport { default as ContextMenuRadioItem } from \"./ContextMenuRadioItem.vue\"\r\nexport { default as ContextMenuSeparator } from \"./ContextMenuSeparator.vue\"\r\nexport { default as ContextMenuShortcut } from \"./ContextMenuShortcut.vue\"\r\nexport { default as ContextMenuSub } from \"./ContextMenuSub.vue\"\r\nexport { default as ContextMenuSubContent } from \"./ContextMenuSubContent.vue\"\r\nexport { default as ContextMenuSubTrigger } from \"./ContextMenuSubTrigger.vue\"\r\nexport { default as ContextMenuTrigger } from \"./ContextMenuTrigger.vue\"\r\n\r\n// Dialog\r\nexport { default as Dialog } from \"./Dialog.vue\"\r\nexport { default as DialogBody } from \"./DialogBody.vue\"\r\nexport { default as DialogContent } from \"./DialogContent.vue\"\r\nexport { default as DialogDescription } from \"./DialogDescription.vue\"\r\nexport { default as DialogFooter } from \"./DialogFooter.vue\"\r\nexport { default as DialogHeader } from \"./DialogHeader.vue\"\r\nexport { default as DialogTitle } from \"./DialogTitle.vue\"\r\n\r\n// Field\r\nexport { default as Field } from \"./Field.vue\"\r\nexport { default as FieldContent } from \"./FieldContent.vue\"\r\nexport { default as FieldDescription } from \"./FieldDescription.vue\"\r\nexport { default as FieldError } from \"./FieldError.vue\"\r\nexport { default as FieldGroup } from \"./FieldGroup.vue\"\r\nexport { default as FieldLabel } from \"./FieldLabel.vue\"\r\nexport { default as FieldLegend } from \"./FieldLegend.vue\"\r\nexport { default as FieldSeparator } from \"./FieldSeparator.vue\"\r\nexport { default as FieldSet } from \"./FieldSet.vue\"\r\nexport { default as FieldTitle } from \"./FieldTitle.vue\"\r\n\r\n// ButtonGroup\r\nexport { default as ButtonGroup } from \"./ButtonGroup.vue\"\r\nexport { default as ButtonGroupSeparator } from \"./ButtonGroupSeparator.vue\"\r\nexport { default as ButtonGroupText } from \"./ButtonGroupText.vue\"\r\n\r\n// Input\r\nexport { default as Button } from \"./Button.vue\"\r\nexport { default as Input } from \"./Input.vue\"\r\n\r\n// Kbd\r\nexport { default as Kbd } from \"./Kbd.vue\"\r\nexport { default as KbdGroup } from \"./KbdGroup.vue\"\r\n\r\n// Label\r\nexport { default as Label } from \"./Label.vue\"\r\n\r\n// Popover\r\nexport { default as Popover } from \"./Popover.vue\"\r\nexport { default as PopoverContent } from \"./PopoverContent.vue\"\r\nexport { default as PopoverTrigger } from \"./PopoverTrigger.vue\"\r\n\r\n// Progress\r\nexport { default as Progress } from \"./Progress.vue\"\r\n\r\n// Radio\r\nexport { default as RadioGroup } from \"./RadioGroup.vue\"\r\nexport { default as RadioGroupItem } from \"./RadioGroupItem.vue\"\r\n\r\n// Select\r\nexport { default as Select } from \"./Select.vue\"\r\nexport { default as SelectContent } from \"./SelectContent.vue\"\r\nexport { default as SelectGroup } from \"./SelectGroup.vue\"\r\nexport { default as SelectItem } from \"./SelectItem.vue\"\r\nexport { default as SelectItemText } from \"./SelectItemText.vue\"\r\nexport { default as SelectLabel } from \"./SelectLabel.vue\"\r\nexport { default as SelectScrollDownButton } from \"./SelectScrollDownButton.vue\"\r\nexport { default as SelectScrollUpButton } from \"./SelectScrollUpButton.vue\"\r\nexport { default as SelectSeparator } from \"./SelectSeparator.vue\"\r\nexport { default as SelectTrigger } from \"./SelectTrigger.vue\"\r\nexport { default as SelectValue } from \"./SelectValue.vue\"\r\n\r\n// Separator\r\nexport { default as Separator } from \"./Separator.vue\"\r\n\r\n// Spinner\r\nexport { default as Spinner } from \"./Spinner.vue\"\r\n\r\n// Switch\r\nexport { default as Switch } from \"./Switch.vue\"\r\n\r\n// Tabs\r\nexport { default as Tabs } from \"./Tabs.vue\"\r\nexport { default as TabsContent } from \"./TabsContent.vue\"\r\nexport { default as TabsList } from \"./TabsList.vue\"\r\nexport { default as TabsTrigger } from \"./TabsTrigger.vue\"\r\n\r\n// Textarea\r\nexport { default as Textarea } from \"./Textarea.vue\"\r\n\r\n\r\n// Tooltip\r\nexport { default as Tooltip } from \"./Tooltip.vue\"\r\nexport { default as TooltipContent } from \"./TooltipContent.vue\"\r\nexport { default as TooltipProvider } from \"./TooltipProvider.vue\"\r\nexport { default as TooltipTrigger } from \"./TooltipTrigger.vue\"\r\n\r\n// Toaster\r\nexport { default as Toaster } from \"./Toaster.vue\""],"names":["buttonVariants","cva"],"mappings":";;;;;;;;;;;;AAIO,MAAMA,IAAiBC;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,MAER,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/shadcn/index.ts"],"sourcesContent":["// Button variants\r\nimport type { VariantProps } from \"class-variance-authority\"\r\nimport { cva } from \"class-variance-authority\"\r\n\r\nexport const buttonVariants = cva(\n  \"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\n        outline:\n          \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        xs: \"h-7 rounded-md px-2 text-xs\",\n        sm: \"h-8 rounded-md px-3 text-sm\",\n        md: \"h-9 px-4 py-2\",\n        lg: \"h-10 rounded-md px-6\",\n        icon: \"h-9 w-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"sm\",\n    },\n  },\n)\n\r\nexport type ButtonVariants = VariantProps<typeof buttonVariants>\r\n\r\n// Accordion\r\nexport { default as Accordion } from \"./Accordion.vue\"\r\nexport { default as AccordionContent } from \"./AccordionContent.vue\"\r\nexport { default as AccordionItem } from \"./AccordionItem.vue\"\r\nexport { default as AccordionTrigger } from \"./AccordionTrigger.vue\"\r\n\r\n// Alert\r\nexport { default as Alert } from \"./Alert.vue\"\r\nexport { default as AlertDescription } from \"./AlertDescription.vue\"\r\nexport { default as AlertTitle } from \"./AlertTitle.vue\"\r\n\r\n// Avatar\r\nexport { default as Avatar } from \"./Avatar.vue\"\r\nexport { default as AvatarFallback } from \"./AvatarFallback.vue\"\r\nexport { default as AvatarImage } from \"./AvatarImage.vue\"\r\n\r\n// Badge\r\nexport { default as Badge } from \"./Badge.vue\"\r\n\r\n// Calendar\r\nexport { default as Calendar } from \"./Calendar.vue\"\r\nexport { default as CalendarCell } from \"./CalendarCell.vue\"\r\nexport { default as CalendarCellTrigger } from \"./CalendarCellTrigger.vue\"\r\nexport { default as CalendarGrid } from \"./CalendarGrid.vue\"\r\nexport { default as CalendarGridBody } from \"./CalendarGridBody.vue\"\r\nexport { default as CalendarGridHead } from \"./CalendarGridHead.vue\"\r\nexport { default as CalendarGridRow } from \"./CalendarGridRow.vue\"\r\nexport { default as CalendarHeadCell } from \"./CalendarHeadCell.vue\"\r\nexport { default as CalendarHeader } from \"./CalendarHeader.vue\"\r\nexport { default as CalendarHeading } from \"./CalendarHeading.vue\"\r\nexport { default as CalendarNextButton } from \"./CalendarNextButton.vue\"\r\nexport { default as CalendarPrevButton } from \"./CalendarPrevButton.vue\"\r\n\r\n// Card\r\nexport { default as Card } from \"./Card.vue\"\r\nexport { default as CardContent } from \"./CardContent.vue\"\r\nexport { default as CardDescription } from \"./CardDescription.vue\"\r\nexport { default as CardFooter } from \"./CardFooter.vue\"\r\nexport { default as CardHeader } from \"./CardHeader.vue\"\r\nexport { default as CardTitle } from \"./CardTitle.vue\"\r\n\r\n// Checkbox\r\nexport { default as Checkbox } from \"./Checkbox.vue\"\r\n\r\n// Combobox\r\nexport { default as Combobox } from \"./Combobox.vue\"\r\nexport { default as ComboboxAnchor } from \"./ComboboxAnchor.vue\"\r\nexport { default as ComboboxEmpty } from \"./ComboboxEmpty.vue\"\r\nexport { default as ComboboxGroup } from \"./ComboboxGroup.vue\"\r\nexport { default as ComboboxInput } from \"./ComboboxInput.vue\"\r\nexport { default as ComboboxItem } from \"./ComboboxItem.vue\"\r\nexport { default as ComboboxList } from \"./ComboboxList.vue\"\r\nexport { default as ComboboxSeparator } from \"./ComboboxSeparator.vue\"\r\nexport { default as ComboboxTrigger } from \"./ComboboxTrigger.vue\"\r\n\r\n// ContextMenu\r\nexport { default as ContextMenu } from \"./ContextMenu.vue\"\r\nexport { default as ContextMenuCheckboxItem } from \"./ContextMenuCheckboxItem.vue\"\r\nexport { default as ContextMenuContent } from \"./ContextMenuContent.vue\"\r\nexport { default as ContextMenuGroup } from \"./ContextMenuGroup.vue\"\r\nexport { default as ContextMenuItem } from \"./ContextMenuItem.vue\"\r\nexport { default as ContextMenuLabel } from \"./ContextMenuLabel.vue\"\r\nexport { default as ContextMenuPortal } from \"./ContextMenuPortal.vue\"\r\nexport { default as ContextMenuRadioGroup } from \"./ContextMenuRadioGroup.vue\"\r\nexport { default as ContextMenuRadioItem } from \"./ContextMenuRadioItem.vue\"\r\nexport { default as ContextMenuSeparator } from \"./ContextMenuSeparator.vue\"\r\nexport { default as ContextMenuShortcut } from \"./ContextMenuShortcut.vue\"\r\nexport { default as ContextMenuSub } from \"./ContextMenuSub.vue\"\r\nexport { default as ContextMenuSubContent } from \"./ContextMenuSubContent.vue\"\r\nexport { default as ContextMenuSubTrigger } from \"./ContextMenuSubTrigger.vue\"\r\nexport { default as ContextMenuTrigger } from \"./ContextMenuTrigger.vue\"\r\n\r\n// Dialog\r\nexport { default as Dialog } from \"./Dialog.vue\"\r\nexport { default as DialogBody } from \"./DialogBody.vue\"\r\nexport { default as DialogContent } from \"./DialogContent.vue\"\r\nexport { default as DialogDescription } from \"./DialogDescription.vue\"\r\nexport { default as DialogFooter } from \"./DialogFooter.vue\"\r\nexport { default as DialogHeader } from \"./DialogHeader.vue\"\r\nexport { default as DialogTitle } from \"./DialogTitle.vue\"\r\n\r\n// Field\r\nexport { default as Field } from \"./Field.vue\"\r\nexport { default as FieldContent } from \"./FieldContent.vue\"\r\nexport { default as FieldDescription } from \"./FieldDescription.vue\"\r\nexport { default as FieldError } from \"./FieldError.vue\"\r\nexport { default as FieldGroup } from \"./FieldGroup.vue\"\r\nexport { default as FieldLabel } from \"./FieldLabel.vue\"\r\nexport { default as FieldLegend } from \"./FieldLegend.vue\"\r\nexport { default as FieldSeparator } from \"./FieldSeparator.vue\"\r\nexport { default as FieldSet } from \"./FieldSet.vue\"\r\nexport { default as FieldTitle } from \"./FieldTitle.vue\"\r\n\r\n// ButtonGroup\r\nexport { default as ButtonGroup } from \"./ButtonGroup.vue\"\r\nexport { default as ButtonGroupSeparator } from \"./ButtonGroupSeparator.vue\"\r\nexport { default as ButtonGroupText } from \"./ButtonGroupText.vue\"\r\n\r\n// Input\r\nexport { default as Button } from \"./Button.vue\"\r\nexport { default as Input } from \"./Input.vue\"\r\n\r\n// Kbd\r\nexport { default as Kbd } from \"./Kbd.vue\"\r\nexport { default as KbdGroup } from \"./KbdGroup.vue\"\r\n\r\n// Label\r\nexport { default as Label } from \"./Label.vue\"\r\n\r\n// Popover\r\nexport { default as Popover } from \"./Popover.vue\"\r\nexport { default as PopoverContent } from \"./PopoverContent.vue\"\r\nexport { default as PopoverTrigger } from \"./PopoverTrigger.vue\"\r\n\r\n// Progress\r\nexport { default as Progress } from \"./Progress.vue\"\r\n\r\n// Radio\r\nexport { default as RadioGroup } from \"./RadioGroup.vue\"\r\nexport { default as RadioGroupItem } from \"./RadioGroupItem.vue\"\r\n\r\n// Select\r\nexport { default as Select } from \"./Select.vue\"\r\nexport { default as SelectContent } from \"./SelectContent.vue\"\r\nexport { default as SelectGroup } from \"./SelectGroup.vue\"\r\nexport { default as SelectItem } from \"./SelectItem.vue\"\r\nexport { default as SelectItemText } from \"./SelectItemText.vue\"\r\nexport { default as SelectLabel } from \"./SelectLabel.vue\"\r\nexport { default as SelectScrollDownButton } from \"./SelectScrollDownButton.vue\"\r\nexport { default as SelectScrollUpButton } from \"./SelectScrollUpButton.vue\"\r\nexport { default as SelectSeparator } from \"./SelectSeparator.vue\"\r\nexport { default as SelectTrigger } from \"./SelectTrigger.vue\"\r\nexport { default as SelectValue } from \"./SelectValue.vue\"\r\n\r\n// Separator\r\nexport { default as Separator } from \"./Separator.vue\"\r\n\r\n// Spinner\r\nexport { default as Spinner } from \"./Spinner.vue\"\r\n\r\n// Switch\r\nexport { default as Switch } from \"./Switch.vue\"\r\n\r\n// Tabs\r\nexport { default as Tabs } from \"./Tabs.vue\"\r\nexport { default as TabsContent } from \"./TabsContent.vue\"\r\nexport { default as TabsList } from \"./TabsList.vue\"\r\nexport { default as TabsTrigger } from \"./TabsTrigger.vue\"\r\n\r\n// Textarea\r\nexport { default as Textarea } from \"./Textarea.vue\"\r\n\r\n\r\n// Tooltip\r\nexport { default as Tooltip } from \"./Tooltip.vue\"\r\nexport { default as TooltipContent } from \"./TooltipContent.vue\"\r\nexport { default as TooltipProvider } from \"./TooltipProvider.vue\"\r\nexport { default as TooltipTrigger } from \"./TooltipTrigger.vue\"\r\n\r\n// Toaster\r\nexport { default as Toaster } from \"./Toaster.vue\""],"names":["buttonVariants","cva"],"mappings":";;;;;;;;;;;;AAIO,MAAMA,IAAiBC;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,MAER,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@j-solution/components",
   "description": "Vue 3 Atomic Design component kit for enterprise dashboards",
-  "version": "1.6.1",
+  "version": "1.7.0",
   "type": "module",
   "main": "./index.cjs",
   "module": "./index.js",

package/types/index.d.ts

@@ -306,7 +306,7 @@ styletype: StyleType_10;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare const __VLS_component_4: DefineComponent<__VLS_Props_14, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_14> & Readonly<{}>, {
-size: "sm" | "md" | "lg";
+size: "xs" | "sm" | "md" | "lg";
 variant: "default" | "secondary" | "destructive" | "outline";
 styletype: StyleType_12;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
@@ -355,6 +355,7 @@ styletype: StyleType_20;
 
 declare const __VLS_component_9: DefineComponent<__VLS_Props_25, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_25> & Readonly<{}>, {
 direction: Orientation;
+gap: number;
 withHandle: boolean;
 defaultSize: number;
 minSize: number;
@@ -397,7 +398,7 @@ declare type __VLS_Props_11 = {
     readonly?: boolean;
     /** 에디터 높이 */
     height?: string | number;
-    /** 테마 (light/dark) */
+    /** 테마 (light/dark) - 설정하지 않으면 자동으로 다크모드 감지 */
     theme?: 'light' | 'dark';
     /** 추가 CSS 클래스 */
     class?: string;
@@ -445,7 +446,7 @@ declare type __VLS_Props_14 = {
     /** 스타일 프리셋 */
     styletype?: StyleType_12;
     /** 배지 크기 */
-    size?: 'sm' | 'md' | 'lg';
+    size?: 'xs' | 'sm' | 'md' | 'lg';
 };
 
 declare type __VLS_Props_15 = {
@@ -469,7 +470,7 @@ declare type __VLS_Props_15 = {
 };
 
 declare type __VLS_Props_16 = {
-    size?: 'sm' | 'md' | 'lg';
+    size?: 'xs' | 'sm' | 'md' | 'lg';
     class?: string;
     /** 스타일 프리셋 */
     styletype?: StyleType_14;
@@ -583,7 +584,7 @@ declare type __VLS_Props_22 = {
 declare type __VLS_Props_23 = {
     /** 마크다운 또는 HTML 내용 */
     modelValue?: string;
-    /** 테마 (light/dark) */
+    /** 테마 (light/dark) - 설정하지 않으면 자동으로 다크모드 감지 */
     theme?: 'light' | 'dark';
     /** 추가 CSS 클래스 */
     class?: string;
@@ -630,6 +631,16 @@ declare type __VLS_Props_24 = {
     enableColumnsToolPanel?: boolean;
     /** Status Bar 활성화 여부 (Enterprise) */
     statusBar?: boolean;
+    /** 간소화된 Footer 모드 (Status Bar 제거, Pagination만 표시) */
+    compactFooter?: boolean;
+    /** Row Group Panel 표시 여부 ('always' | 'onlyWhenGrouping' | 'never') */
+    rowGroupPanelShow?: 'always' | 'onlyWhenGrouping' | 'never';
+    /** 그룹 기본 확장 레벨 (-1: 모두 닫힘, 0: 첫 레벨만, 1: 2레벨까지...) */
+    groupDefaultExpanded?: number;
+    /** Pivot Mode Panel 표시 여부 */
+    pivotPanelShow?: 'always' | 'onlyWhenPivoting' | 'never';
+    /** Pivot Mode 활성화 여부 */
+    pivotMode?: boolean;
 };
 
 declare type __VLS_Props_25 = {
@@ -647,6 +658,8 @@ declare type __VLS_Props_25 = {
     secondMaxSize?: number;
     /** ResizableHandle에 grip 아이콘 표시 여부 */
     withHandle?: boolean;
+    /** 패널 간 여백 (px) */
+    gap?: number;
     /** 추가 CSS 클래스 */
     class?: string;
 };
@@ -1207,7 +1220,7 @@ declare function __VLS_template_20(): {
 declare function __VLS_template_21(): {
     attrs: Partial<{}>;
     slots: {
-        actions?(_: {}): any;
+        toolbar?(_: {}): any;
     };
     refs: {};
     rootEl: HTMLElement;
@@ -1620,7 +1633,7 @@ declare type ButtonVariants = VariantProps<typeof buttonVariants>;
 
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+    size?: "sm" | "lg" | "xs" | "md" | "icon" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 declare interface ComboboxOption {
@@ -1751,6 +1764,11 @@ selectedRows?: any[];
 columnHover?: boolean;
 enableColumnsToolPanel?: boolean;
 statusBar?: boolean;
+compactFooter?: boolean;
+rowGroupPanelShow?: "always" | "onlyWhenGrouping" | "never";
+groupDefaultExpanded?: number;
+pivotPanelShow?: "always" | "onlyWhenPivoting" | "never";
+pivotMode?: boolean;
 }> & Readonly<{
 onRowClicked?: ((event: RowClickedEvent<any, any>) => any) | undefined;
 onRowDoubleClicked?: ((event: RowDoubleClickedEvent<any, any>) => any) | undefined;
@@ -1790,6 +1808,11 @@ selectedRows: any[];
 columnHover: boolean;
 enableColumnsToolPanel: boolean;
 statusBar: boolean;
+compactFooter: boolean;
+rowGroupPanelShow: "always" | "onlyWhenGrouping" | "never";
+groupDefaultExpanded: number;
+pivotPanelShow: "always" | "onlyWhenPivoting" | "never";
+pivotMode: boolean;
 }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
 P: {};
 B: {};
@@ -1818,6 +1841,11 @@ selectedRows?: any[];
 columnHover?: boolean;
 enableColumnsToolPanel?: boolean;
 statusBar?: boolean;
+compactFooter?: boolean;
+rowGroupPanelShow?: "always" | "onlyWhenGrouping" | "never";
+groupDefaultExpanded?: number;
+pivotPanelShow?: "always" | "onlyWhenPivoting" | "never";
+pivotMode?: boolean;
 }> & Readonly<{
 onRowClicked?: ((event: RowClickedEvent<any, any>) => any) | undefined;
 onRowDoubleClicked?: ((event: RowDoubleClickedEvent<any, any>) => any) | undefined;
@@ -1849,6 +1877,11 @@ selectedRows: any[];
 columnHover: boolean;
 enableColumnsToolPanel: boolean;
 statusBar: boolean;
+compactFooter: boolean;
+rowGroupPanelShow: "always" | "onlyWhenGrouping" | "never";
+groupDefaultExpanded: number;
+pivotPanelShow: "always" | "onlyWhenPivoting" | "never";
+pivotMode: boolean;
 }> | null;
 }, HTMLDivElement>;
 
@@ -1877,6 +1910,11 @@ selectedRows?: any[];
 columnHover?: boolean;
 enableColumnsToolPanel?: boolean;
 statusBar?: boolean;
+compactFooter?: boolean;
+rowGroupPanelShow?: "always" | "onlyWhenGrouping" | "never";
+groupDefaultExpanded?: number;
+pivotPanelShow?: "always" | "onlyWhenPivoting" | "never";
+pivotMode?: boolean;
 }> & Readonly<{
 onRowClicked?: ((event: RowClickedEvent<any, any>) => any) | undefined;
 onRowDoubleClicked?: ((event: RowDoubleClickedEvent<any, any>) => any) | undefined;
@@ -1916,6 +1954,11 @@ selectedRows: any[];
 columnHover: boolean;
 enableColumnsToolPanel: boolean;
 statusBar: boolean;
+compactFooter: boolean;
+rowGroupPanelShow: "always" | "onlyWhenGrouping" | "never";
+groupDefaultExpanded: number;
+pivotPanelShow: "always" | "onlyWhenPivoting" | "never";
+pivotMode: boolean;
 }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
 P: {};
 B: {};
@@ -1944,6 +1987,11 @@ selectedRows?: any[];
 columnHover?: boolean;
 enableColumnsToolPanel?: boolean;
 statusBar?: boolean;
+compactFooter?: boolean;
+rowGroupPanelShow?: "always" | "onlyWhenGrouping" | "never";
+groupDefaultExpanded?: number;
+pivotPanelShow?: "always" | "onlyWhenPivoting" | "never";
+pivotMode?: boolean;
 }> & Readonly<{
 onRowClicked?: ((event: RowClickedEvent<any, any>) => any) | undefined;
 onRowDoubleClicked?: ((event: RowDoubleClickedEvent<any, any>) => any) | undefined;
@@ -1975,6 +2023,11 @@ selectedRows: any[];
 columnHover: boolean;
 enableColumnsToolPanel: boolean;
 statusBar: boolean;
+compactFooter: boolean;
+rowGroupPanelShow: "always" | "onlyWhenGrouping" | "never";
+groupDefaultExpanded: number;
+pivotPanelShow: "always" | "onlyWhenPivoting" | "never";
+pivotMode: boolean;
 }> | null;
 mappingMasterGridRef: CreateComponentPublicInstanceWithMixins<Readonly<{
 rowData: any[];
@@ -1997,6 +2050,11 @@ selectedRows?: any[];
 columnHover?: boolean;
 enableColumnsToolPanel?: boolean;
 statusBar?: boolean;
+compactFooter?: boolean;
+rowGroupPanelShow?: "always" | "onlyWhenGrouping" | "never";
+groupDefaultExpanded?: number;
+pivotPanelShow?: "always" | "onlyWhenPivoting" | "never";
+pivotMode?: boolean;
 }> & Readonly<{
 onRowClicked?: ((event: RowClickedEvent<any, any>) => any) | undefined;
 onRowDoubleClicked?: ((event: RowDoubleClickedEvent<any, any>) => any) | undefined;
@@ -2036,6 +2094,11 @@ selectedRows: any[];
 columnHover: boolean;
 enableColumnsToolPanel: boolean;
 statusBar: boolean;
+compactFooter: boolean;
+rowGroupPanelShow: "always" | "onlyWhenGrouping" | "never";
+groupDefaultExpanded: number;
+pivotPanelShow: "always" | "onlyWhenPivoting" | "never";
+pivotMode: boolean;
 }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
 P: {};
 B: {};
@@ -2064,6 +2127,11 @@ selectedRows?: any[];
 columnHover?: boolean;
 enableColumnsToolPanel?: boolean;
 statusBar?: boolean;
+compactFooter?: boolean;
+rowGroupPanelShow?: "always" | "onlyWhenGrouping" | "never";
+groupDefaultExpanded?: number;
+pivotPanelShow?: "always" | "onlyWhenPivoting" | "never";
+pivotMode?: boolean;
 }> & Readonly<{
 onRowClicked?: ((event: RowClickedEvent<any, any>) => any) | undefined;
 onRowDoubleClicked?: ((event: RowDoubleClickedEvent<any, any>) => any) | undefined;
@@ -2095,6 +2163,11 @@ selectedRows: any[];
 columnHover: boolean;
 enableColumnsToolPanel: boolean;
 statusBar: boolean;
+compactFooter: boolean;
+rowGroupPanelShow: "always" | "onlyWhenGrouping" | "never";
+groupDefaultExpanded: number;
+pivotPanelShow: "always" | "onlyWhenPivoting" | "never";
+pivotMode: boolean;
 }> | null;
 unmappedGridRef: CreateComponentPublicInstanceWithMixins<Readonly<{
 rowData: any[];
@@ -2117,6 +2190,11 @@ selectedRows?: any[];
 columnHover?: boolean;
 enableColumnsToolPanel?: boolean;
 statusBar?: boolean;
+compactFooter?: boolean;
+rowGroupPanelShow?: "always" | "onlyWhenGrouping" | "never";
+groupDefaultExpanded?: number;
+pivotPanelShow?: "always" | "onlyWhenPivoting" | "never";
+pivotMode?: boolean;
 }> & Readonly<{
 onRowClicked?: ((event: RowClickedEvent<any, any>) => any) | undefined;
 onRowDoubleClicked?: ((event: RowDoubleClickedEvent<any, any>) => any) | undefined;
@@ -2156,6 +2234,11 @@ selectedRows: any[];
 columnHover: boolean;
 enableColumnsToolPanel: boolean;
 statusBar: boolean;
+compactFooter: boolean;
+rowGroupPanelShow: "always" | "onlyWhenGrouping" | "never";
+groupDefaultExpanded: number;
+pivotPanelShow: "always" | "onlyWhenPivoting" | "never";
+pivotMode: boolean;
 }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
 P: {};
 B: {};
@@ -2184,6 +2267,11 @@ selectedRows?: any[];
 columnHover?: boolean;
 enableColumnsToolPanel?: boolean;
 statusBar?: boolean;
+compactFooter?: boolean;
+rowGroupPanelShow?: "always" | "onlyWhenGrouping" | "never";
+groupDefaultExpanded?: number;
+pivotPanelShow?: "always" | "onlyWhenPivoting" | "never";
+pivotMode?: boolean;
 }> & Readonly<{
 onRowClicked?: ((event: RowClickedEvent<any, any>) => any) | undefined;
 onRowDoubleClicked?: ((event: RowDoubleClickedEvent<any, any>) => any) | undefined;
@@ -2215,6 +2303,11 @@ selectedRows: any[];
 columnHover: boolean;
 enableColumnsToolPanel: boolean;
 statusBar: boolean;
+compactFooter: boolean;
+rowGroupPanelShow: "always" | "onlyWhenGrouping" | "never";
+groupDefaultExpanded: number;
+pivotPanelShow: "always" | "onlyWhenPivoting" | "never";
+pivotMode: boolean;
 }> | null;
 mappedGridRef: CreateComponentPublicInstanceWithMixins<Readonly<{
 rowData: any[];
@@ -2237,6 +2330,11 @@ selectedRows?: any[];
 columnHover?: boolean;
 enableColumnsToolPanel?: boolean;
 statusBar?: boolean;
+compactFooter?: boolean;
+rowGroupPanelShow?: "always" | "onlyWhenGrouping" | "never";
+groupDefaultExpanded?: number;
+pivotPanelShow?: "always" | "onlyWhenPivoting" | "never";
+pivotMode?: boolean;
 }> & Readonly<{
 onRowClicked?: ((event: RowClickedEvent<any, any>) => any) | undefined;
 onRowDoubleClicked?: ((event: RowDoubleClickedEvent<any, any>) => any) | undefined;
@@ -2276,6 +2374,11 @@ selectedRows: any[];
 columnHover: boolean;
 enableColumnsToolPanel: boolean;
 statusBar: boolean;
+compactFooter: boolean;
+rowGroupPanelShow: "always" | "onlyWhenGrouping" | "never";
+groupDefaultExpanded: number;
+pivotPanelShow: "always" | "onlyWhenPivoting" | "never";
+pivotMode: boolean;
 }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
 P: {};
 B: {};
@@ -2304,6 +2407,11 @@ selectedRows?: any[];
 columnHover?: boolean;
 enableColumnsToolPanel?: boolean;
 statusBar?: boolean;
+compactFooter?: boolean;
+rowGroupPanelShow?: "always" | "onlyWhenGrouping" | "never";
+groupDefaultExpanded?: number;
+pivotPanelShow?: "always" | "onlyWhenPivoting" | "never";
+pivotMode?: boolean;
 }> & Readonly<{
 onRowClicked?: ((event: RowClickedEvent<any, any>) => any) | undefined;
 onRowDoubleClicked?: ((event: RowDoubleClickedEvent<any, any>) => any) | undefined;
@@ -2335,6 +2443,11 @@ selectedRows: any[];
 columnHover: boolean;
 enableColumnsToolPanel: boolean;
 statusBar: boolean;
+compactFooter: boolean;
+rowGroupPanelShow: "always" | "onlyWhenGrouping" | "never";
+groupDefaultExpanded: number;
+pivotPanelShow: "always" | "onlyWhenPivoting" | "never";
+pivotMode: boolean;
 }> | null;
 }, HTMLDivElement>;
 
@@ -2578,7 +2691,6 @@ modelValue: string;
 placeholder: string;
 height: string | number;
 readonly: boolean;
-theme: "light" | "dark";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
 export declare const JFilterBar: __VLS_WithTemplateSlots_20<typeof __VLS_component_20, __VLS_TemplateResult_20["slots"]>;
@@ -2679,6 +2791,11 @@ selectedRows: any[];
 columnHover: boolean;
 enableColumnsToolPanel: boolean;
 statusBar: boolean;
+compactFooter: boolean;
+rowGroupPanelShow: "always" | "onlyWhenGrouping" | "never";
+groupDefaultExpanded: number;
+pivotPanelShow: "always" | "onlyWhenPivoting" | "never";
+pivotMode: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
 export declare const JGroupCombo: DefineComponent<__VLS_Props_27, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
@@ -2766,7 +2883,6 @@ export declare const JPopover: __VLS_WithTemplateSlots_8<typeof __VLS_component_
 
 export declare const JPreview: DefineComponent<__VLS_Props_23, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_23> & Readonly<{}>, {
 modelValue: string;
-theme: "light" | "dark";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
 export declare const JProgress: DefineComponent<__VLS_Props_15, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_15> & Readonly<{}>, {
@@ -2963,7 +3079,7 @@ searchQuery: string;
 
 export declare const JSpinner: DefineComponent<__VLS_Props_16, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_16> & Readonly<{}>, {
 label: string;
-size: "sm" | "md" | "lg";
+size: "xs" | "sm" | "md" | "lg";
 styletype: StyleType_14;
 thickness: number;
 labelPosition: LabelPosition;
@@ -3197,15 +3313,15 @@ declare interface SidebarMenuItem {
     meta?: Record<string, any>;
 }
 
-declare type Size = 'sm' | 'md' | 'lg' | 'xl';
+declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 
-declare type Size_2 = 'sm' | 'md' | 'lg';
+declare type Size_2 = 'xs' | 'sm' | 'md' | 'lg';
 
-declare type SizeType = 'sm' | 'md' | 'lg';
+declare type SizeType = 'xs' | 'sm' | 'md' | 'lg';
 
-declare type SizeType_2 = 'sm' | 'md' | 'lg';
+declare type SizeType_2 = 'xs' | 'sm' | 'md' | 'lg';
 
-declare type SizeType_3 = 'sm' | 'md' | 'lg' | 'xl';
+declare type SizeType_3 = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 
 declare type Status = 'online' | 'offline' | 'away' | 'busy';