@j-solution/components 1.9.2 → 1.9.4

package/components/shadcn/index.js

@@ -11,7 +11,7 @@ import "./badge-variants.js";
 import "./button-group-variants.js";
 import "vue-sonner";
 const g = e(
-  "inline-flex items-center justify-center whitespace-nowrap rounded-sm 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",
+  "inline-flex items-center justify-center whitespace-nowrap rounded-sm text-xs font-medium ring-offset-background transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
       variant: {
@@ -23,11 +23,11 @@ const g = e(
         link: "text-primary underline-offset-4 hover:underline"
       },
       size: {
-        xs: "h-7 rounded-sm px-2 text-xs",
-        sm: "h-8 rounded-sm px-3 text-sm",
-        md: "h-9 px-4 py-2",
-        lg: "h-10 rounded-sm px-6",
-        icon: "h-9 w-9"
+        xs: "h-6 rounded-sm px-2 text-xs",
+        sm: "h-7 rounded-sm px-2.5 text-xs",
+        md: "h-8 px-3 text-sm",
+        lg: "h-9 rounded-sm px-4 text-sm",
+        icon: "h-8 w-8"
       }
     },
     defaultVariants: {

package/components/shadcn/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/shadcn/index.ts"],"sourcesContent":["// Button variants\nimport type { VariantProps } from \"class-variance-authority\"\nimport { cva } from \"class-variance-authority\"\n\nexport const buttonVariants = cva(\n  \"inline-flex items-center justify-center whitespace-nowrap rounded-sm 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-sm px-2 text-xs\",\n        sm: \"h-8 rounded-sm px-3 text-sm\",\n        md: \"h-9 px-4 py-2\",\n        lg: \"h-10 rounded-sm px-6\",\n        icon: \"h-9 w-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"sm\",\n    },\n  },\n)\n\nexport type ButtonVariants = VariantProps<typeof buttonVariants>\n\n// Accordion\nexport { default as Accordion } from \"./Accordion.vue\"\nexport { default as AccordionContent } from \"./AccordionContent.vue\"\nexport { default as AccordionItem } from \"./AccordionItem.vue\"\nexport { default as AccordionTrigger } from \"./AccordionTrigger.vue\"\n\n// Alert\nexport { default as Alert } from \"./Alert.vue\"\nexport { default as AlertDescription } from \"./AlertDescription.vue\"\nexport { default as AlertTitle } from \"./AlertTitle.vue\"\n\n// Avatar\nexport { default as Avatar } from \"./Avatar.vue\"\nexport { default as AvatarFallback } from \"./AvatarFallback.vue\"\nexport { default as AvatarImage } from \"./AvatarImage.vue\"\n\n// Badge\nexport { default as Badge } from \"./Badge.vue\"\n\n// Calendar\nexport { default as Calendar } from \"./Calendar.vue\"\nexport { default as CalendarCell } from \"./CalendarCell.vue\"\nexport { default as CalendarCellTrigger } from \"./CalendarCellTrigger.vue\"\nexport { default as CalendarGrid } from \"./CalendarGrid.vue\"\nexport { default as CalendarGridBody } from \"./CalendarGridBody.vue\"\nexport { default as CalendarGridHead } from \"./CalendarGridHead.vue\"\nexport { default as CalendarGridRow } from \"./CalendarGridRow.vue\"\nexport { default as CalendarHeadCell } from \"./CalendarHeadCell.vue\"\nexport { default as CalendarHeader } from \"./CalendarHeader.vue\"\nexport { default as CalendarHeading } from \"./CalendarHeading.vue\"\nexport { default as CalendarNextButton } from \"./CalendarNextButton.vue\"\nexport { default as CalendarPrevButton } from \"./CalendarPrevButton.vue\"\n\n// Card\nexport { default as Card } from \"./Card.vue\"\nexport { default as CardContent } from \"./CardContent.vue\"\nexport { default as CardDescription } from \"./CardDescription.vue\"\nexport { default as CardFooter } from \"./CardFooter.vue\"\nexport { default as CardHeader } from \"./CardHeader.vue\"\nexport { default as CardTitle } from \"./CardTitle.vue\"\n\n// Checkbox\nexport { default as Checkbox } from \"./Checkbox.vue\"\n\n// Combobox\nexport { default as Combobox } from \"./Combobox.vue\"\nexport { default as ComboboxAnchor } from \"./ComboboxAnchor.vue\"\nexport { default as ComboboxEmpty } from \"./ComboboxEmpty.vue\"\nexport { default as ComboboxGroup } from \"./ComboboxGroup.vue\"\nexport { default as ComboboxInput } from \"./ComboboxInput.vue\"\nexport { default as ComboboxItem } from \"./ComboboxItem.vue\"\nexport { default as ComboboxList } from \"./ComboboxList.vue\"\nexport { default as ComboboxSeparator } from \"./ComboboxSeparator.vue\"\nexport { default as ComboboxTrigger } from \"./ComboboxTrigger.vue\"\n\n// ContextMenu\nexport { default as ContextMenu } from \"./ContextMenu.vue\"\nexport { default as ContextMenuCheckboxItem } from \"./ContextMenuCheckboxItem.vue\"\nexport { default as ContextMenuContent } from \"./ContextMenuContent.vue\"\nexport { default as ContextMenuGroup } from \"./ContextMenuGroup.vue\"\nexport { default as ContextMenuItem } from \"./ContextMenuItem.vue\"\nexport { default as ContextMenuLabel } from \"./ContextMenuLabel.vue\"\nexport { default as ContextMenuPortal } from \"./ContextMenuPortal.vue\"\nexport { default as ContextMenuRadioGroup } from \"./ContextMenuRadioGroup.vue\"\nexport { default as ContextMenuRadioItem } from \"./ContextMenuRadioItem.vue\"\nexport { default as ContextMenuSeparator } from \"./ContextMenuSeparator.vue\"\nexport { default as ContextMenuShortcut } from \"./ContextMenuShortcut.vue\"\nexport { default as ContextMenuSub } from \"./ContextMenuSub.vue\"\nexport { default as ContextMenuSubContent } from \"./ContextMenuSubContent.vue\"\nexport { default as ContextMenuSubTrigger } from \"./ContextMenuSubTrigger.vue\"\nexport { default as ContextMenuTrigger } from \"./ContextMenuTrigger.vue\"\n\n// Dialog\nexport { default as Dialog } from \"./Dialog.vue\"\nexport { default as DialogBody } from \"./DialogBody.vue\"\nexport { default as DialogContent } from \"./DialogContent.vue\"\nexport { default as DialogDescription } from \"./DialogDescription.vue\"\nexport { default as DialogFooter } from \"./DialogFooter.vue\"\nexport { default as DialogHeader } from \"./DialogHeader.vue\"\nexport { default as DialogTitle } from \"./DialogTitle.vue\"\n\n// Field\nexport { default as Field } from \"./Field.vue\"\nexport { default as FieldContent } from \"./FieldContent.vue\"\nexport { default as FieldDescription } from \"./FieldDescription.vue\"\nexport { default as FieldError } from \"./FieldError.vue\"\nexport { default as FieldGroup } from \"./FieldGroup.vue\"\nexport { default as FieldLabel } from \"./FieldLabel.vue\"\nexport { default as FieldLegend } from \"./FieldLegend.vue\"\nexport { default as FieldSeparator } from \"./FieldSeparator.vue\"\nexport { default as FieldSet } from \"./FieldSet.vue\"\nexport { default as FieldTitle } from \"./FieldTitle.vue\"\n\n// ButtonGroup\nexport { default as ButtonGroup } from \"./ButtonGroup.vue\"\nexport { default as ButtonGroupSeparator } from \"./ButtonGroupSeparator.vue\"\nexport { default as ButtonGroupText } from \"./ButtonGroupText.vue\"\n\n// Input\nexport { default as Button } from \"./Button.vue\"\nexport { default as Input } from \"./Input.vue\"\n\n// Kbd\nexport { default as Kbd } from \"./Kbd.vue\"\nexport { default as KbdGroup } from \"./KbdGroup.vue\"\n\n// Label\nexport { default as Label } from \"./Label.vue\"\n\n// Popover\nexport { default as Popover } from \"./Popover.vue\"\nexport { default as PopoverContent } from \"./PopoverContent.vue\"\nexport { default as PopoverTrigger } from \"./PopoverTrigger.vue\"\n\n// Progress\nexport { default as Progress } from \"./Progress.vue\"\n\n// Radio\nexport { default as RadioGroup } from \"./RadioGroup.vue\"\nexport { default as RadioGroupItem } from \"./RadioGroupItem.vue\"\n\n// Select\nexport { default as Select } from \"./Select.vue\"\nexport { default as SelectContent } from \"./SelectContent.vue\"\nexport { default as SelectGroup } from \"./SelectGroup.vue\"\nexport { default as SelectItem } from \"./SelectItem.vue\"\nexport { default as SelectItemText } from \"./SelectItemText.vue\"\nexport { default as SelectLabel } from \"./SelectLabel.vue\"\nexport { default as SelectScrollDownButton } from \"./SelectScrollDownButton.vue\"\nexport { default as SelectScrollUpButton } from \"./SelectScrollUpButton.vue\"\nexport { default as SelectSeparator } from \"./SelectSeparator.vue\"\nexport { default as SelectTrigger } from \"./SelectTrigger.vue\"\nexport { default as SelectValue } from \"./SelectValue.vue\"\n\n// Separator\nexport { default as Separator } from \"./Separator.vue\"\n\n// Spinner\nexport { default as Spinner } from \"./Spinner.vue\"\n\n// Switch\nexport { default as Switch } from \"./Switch.vue\"\n\n// Tabs\nexport { default as Tabs } from \"./Tabs.vue\"\nexport { default as TabsContent } from \"./TabsContent.vue\"\nexport { default as TabsList } from \"./TabsList.vue\"\nexport { default as TabsTrigger } from \"./TabsTrigger.vue\"\n\n// Textarea\nexport { default as Textarea } from \"./Textarea.vue\"\n\n\n// Tooltip\nexport { default as Tooltip } from \"./Tooltip.vue\"\nexport { default as TooltipContent } from \"./TooltipContent.vue\"\nexport { default as TooltipProvider } from \"./TooltipProvider.vue\"\nexport { default as TooltipTrigger } from \"./TooltipTrigger.vue\"\n\n// Toaster\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;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/shadcn/index.ts"],"sourcesContent":["// Button variants\nimport type { VariantProps } from \"class-variance-authority\"\nimport { cva } from \"class-variance-authority\"\n\nexport const buttonVariants = cva(\n  \"inline-flex items-center justify-center whitespace-nowrap rounded-sm text-xs font-medium ring-offset-background transition-colors duration-150 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-6 rounded-sm px-2 text-xs\",\n        sm: \"h-7 rounded-sm px-2.5 text-xs\",\n        md: \"h-8 px-3 text-sm\",\n        lg: \"h-9 rounded-sm px-4 text-sm\",\n        icon: \"h-8 w-8\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"sm\",\n    },\n  },\n)\n\nexport type ButtonVariants = VariantProps<typeof buttonVariants>\n\n// Accordion\nexport { default as Accordion } from \"./Accordion.vue\"\nexport { default as AccordionContent } from \"./AccordionContent.vue\"\nexport { default as AccordionItem } from \"./AccordionItem.vue\"\nexport { default as AccordionTrigger } from \"./AccordionTrigger.vue\"\n\n// Alert\nexport { default as Alert } from \"./Alert.vue\"\nexport { default as AlertDescription } from \"./AlertDescription.vue\"\nexport { default as AlertTitle } from \"./AlertTitle.vue\"\n\n// Avatar\nexport { default as Avatar } from \"./Avatar.vue\"\nexport { default as AvatarFallback } from \"./AvatarFallback.vue\"\nexport { default as AvatarImage } from \"./AvatarImage.vue\"\n\n// Badge\nexport { default as Badge } from \"./Badge.vue\"\n\n// Calendar\nexport { default as Calendar } from \"./Calendar.vue\"\nexport { default as CalendarCell } from \"./CalendarCell.vue\"\nexport { default as CalendarCellTrigger } from \"./CalendarCellTrigger.vue\"\nexport { default as CalendarGrid } from \"./CalendarGrid.vue\"\nexport { default as CalendarGridBody } from \"./CalendarGridBody.vue\"\nexport { default as CalendarGridHead } from \"./CalendarGridHead.vue\"\nexport { default as CalendarGridRow } from \"./CalendarGridRow.vue\"\nexport { default as CalendarHeadCell } from \"./CalendarHeadCell.vue\"\nexport { default as CalendarHeader } from \"./CalendarHeader.vue\"\nexport { default as CalendarHeading } from \"./CalendarHeading.vue\"\nexport { default as CalendarNextButton } from \"./CalendarNextButton.vue\"\nexport { default as CalendarPrevButton } from \"./CalendarPrevButton.vue\"\n\n// Card\nexport { default as Card } from \"./Card.vue\"\nexport { default as CardContent } from \"./CardContent.vue\"\nexport { default as CardDescription } from \"./CardDescription.vue\"\nexport { default as CardFooter } from \"./CardFooter.vue\"\nexport { default as CardHeader } from \"./CardHeader.vue\"\nexport { default as CardTitle } from \"./CardTitle.vue\"\n\n// Checkbox\nexport { default as Checkbox } from \"./Checkbox.vue\"\n\n// Combobox\nexport { default as Combobox } from \"./Combobox.vue\"\nexport { default as ComboboxAnchor } from \"./ComboboxAnchor.vue\"\nexport { default as ComboboxEmpty } from \"./ComboboxEmpty.vue\"\nexport { default as ComboboxGroup } from \"./ComboboxGroup.vue\"\nexport { default as ComboboxInput } from \"./ComboboxInput.vue\"\nexport { default as ComboboxItem } from \"./ComboboxItem.vue\"\nexport { default as ComboboxList } from \"./ComboboxList.vue\"\nexport { default as ComboboxSeparator } from \"./ComboboxSeparator.vue\"\nexport { default as ComboboxTrigger } from \"./ComboboxTrigger.vue\"\n\n// ContextMenu\nexport { default as ContextMenu } from \"./ContextMenu.vue\"\nexport { default as ContextMenuCheckboxItem } from \"./ContextMenuCheckboxItem.vue\"\nexport { default as ContextMenuContent } from \"./ContextMenuContent.vue\"\nexport { default as ContextMenuGroup } from \"./ContextMenuGroup.vue\"\nexport { default as ContextMenuItem } from \"./ContextMenuItem.vue\"\nexport { default as ContextMenuLabel } from \"./ContextMenuLabel.vue\"\nexport { default as ContextMenuPortal } from \"./ContextMenuPortal.vue\"\nexport { default as ContextMenuRadioGroup } from \"./ContextMenuRadioGroup.vue\"\nexport { default as ContextMenuRadioItem } from \"./ContextMenuRadioItem.vue\"\nexport { default as ContextMenuSeparator } from \"./ContextMenuSeparator.vue\"\nexport { default as ContextMenuShortcut } from \"./ContextMenuShortcut.vue\"\nexport { default as ContextMenuSub } from \"./ContextMenuSub.vue\"\nexport { default as ContextMenuSubContent } from \"./ContextMenuSubContent.vue\"\nexport { default as ContextMenuSubTrigger } from \"./ContextMenuSubTrigger.vue\"\nexport { default as ContextMenuTrigger } from \"./ContextMenuTrigger.vue\"\n\n// Dialog\nexport { default as Dialog } from \"./Dialog.vue\"\nexport { default as DialogBody } from \"./DialogBody.vue\"\nexport { default as DialogContent } from \"./DialogContent.vue\"\nexport { default as DialogDescription } from \"./DialogDescription.vue\"\nexport { default as DialogFooter } from \"./DialogFooter.vue\"\nexport { default as DialogHeader } from \"./DialogHeader.vue\"\nexport { default as DialogTitle } from \"./DialogTitle.vue\"\n\n// Field\nexport { default as Field } from \"./Field.vue\"\nexport { default as FieldContent } from \"./FieldContent.vue\"\nexport { default as FieldDescription } from \"./FieldDescription.vue\"\nexport { default as FieldError } from \"./FieldError.vue\"\nexport { default as FieldGroup } from \"./FieldGroup.vue\"\nexport { default as FieldLabel } from \"./FieldLabel.vue\"\nexport { default as FieldLegend } from \"./FieldLegend.vue\"\nexport { default as FieldSeparator } from \"./FieldSeparator.vue\"\nexport { default as FieldSet } from \"./FieldSet.vue\"\nexport { default as FieldTitle } from \"./FieldTitle.vue\"\n\n// ButtonGroup\nexport { default as ButtonGroup } from \"./ButtonGroup.vue\"\nexport { default as ButtonGroupSeparator } from \"./ButtonGroupSeparator.vue\"\nexport { default as ButtonGroupText } from \"./ButtonGroupText.vue\"\n\n// Input\nexport { default as Button } from \"./Button.vue\"\nexport { default as Input } from \"./Input.vue\"\n\n// Kbd\nexport { default as Kbd } from \"./Kbd.vue\"\nexport { default as KbdGroup } from \"./KbdGroup.vue\"\n\n// Label\nexport { default as Label } from \"./Label.vue\"\n\n// Popover\nexport { default as Popover } from \"./Popover.vue\"\nexport { default as PopoverContent } from \"./PopoverContent.vue\"\nexport { default as PopoverTrigger } from \"./PopoverTrigger.vue\"\n\n// Progress\nexport { default as Progress } from \"./Progress.vue\"\n\n// Radio\nexport { default as RadioGroup } from \"./RadioGroup.vue\"\nexport { default as RadioGroupItem } from \"./RadioGroupItem.vue\"\n\n// Select\nexport { default as Select } from \"./Select.vue\"\nexport { default as SelectContent } from \"./SelectContent.vue\"\nexport { default as SelectGroup } from \"./SelectGroup.vue\"\nexport { default as SelectItem } from \"./SelectItem.vue\"\nexport { default as SelectItemText } from \"./SelectItemText.vue\"\nexport { default as SelectLabel } from \"./SelectLabel.vue\"\nexport { default as SelectScrollDownButton } from \"./SelectScrollDownButton.vue\"\nexport { default as SelectScrollUpButton } from \"./SelectScrollUpButton.vue\"\nexport { default as SelectSeparator } from \"./SelectSeparator.vue\"\nexport { default as SelectTrigger } from \"./SelectTrigger.vue\"\nexport { default as SelectValue } from \"./SelectValue.vue\"\n\n// Separator\nexport { default as Separator } from \"./Separator.vue\"\n\n// Spinner\nexport { default as Spinner } from \"./Spinner.vue\"\n\n// Switch\nexport { default as Switch } from \"./Switch.vue\"\n\n// Tabs\nexport { default as Tabs } from \"./Tabs.vue\"\nexport { default as TabsContent } from \"./TabsContent.vue\"\nexport { default as TabsList } from \"./TabsList.vue\"\nexport { default as TabsTrigger } from \"./TabsTrigger.vue\"\n\n// Textarea\nexport { default as Textarea } from \"./Textarea.vue\"\n\n\n// Tooltip\nexport { default as Tooltip } from \"./Tooltip.vue\"\nexport { default as TooltipContent } from \"./TooltipContent.vue\"\nexport { default as TooltipProvider } from \"./TooltipProvider.vue\"\nexport { default as TooltipTrigger } from \"./TooltipTrigger.vue\"\n\n// Toaster\nexport { default as Toaster } from \"./Toaster.vue\"\n"],"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/components/shadcn/resizable/ResizableHandle.vue.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@vueuse/core"),c=require("lucide-vue-next"),r=require("reka-ui"),d=require("../../../lib/utils.cjs"),u={key:0,class:"z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border"},f=e.defineComponent({__name:"ResizableHandle",props:{id:{},hitAreaMargins:{},tabindex:{},disabled:{type:Boolean},nonce:{},asChild:{type:Boolean},as:{},class:{},withHandle:{type:Boolean}},emits:["dragging"],setup(a,{emit:i}){const t=a,n=i,o=l.reactiveOmit(t,"class"),s=r.useForwardPropsEmits(o,n);return(p,v)=>(e.openBlock(),e.createBlock(e.unref(r.SplitterResizeHandle),e.mergeProps(e.unref(s),{class:e.unref(d.cn)("relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 [&[data-orientation=vertical]]:h-px [&[data-orientation=vertical]]:w-full [&[data-orientation=vertical]]:after:left-0 [&[data-orientation=vertical]]:after:h-1 [&[data-orientation=vertical]]:after:w-full [&[data-orientation=vertical]]:after:-translate-y-1/2 [&[data-orientation=vertical]]:after:translate-x-0 [&[data-orientation=vertical]>div]:rotate-90",t.class)}),{default:e.withCtx(()=>[t.withHandle?(e.openBlock(),e.createElementBlock("div",u,[e.createVNode(e.unref(c.GripVertical),{class:"h-2.5 w-2.5"})])):e.createCommentVNode("",!0)]),_:1},16,["class"]))}});exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@vueuse/core"),c=require("lucide-vue-next"),r=require("reka-ui"),d=require("../../../lib/utils.cjs"),u={key:0,class:"z-10 flex h-3.5 w-2.5 items-center justify-center rounded-[3px] border border-border/70 bg-background/95 shadow-sm"},f=e.defineComponent({__name:"ResizableHandle",props:{id:{},hitAreaMargins:{},tabindex:{},disabled:{type:Boolean},nonce:{},asChild:{type:Boolean},as:{},class:{},withHandle:{type:Boolean}},emits:["dragging"],setup(a,{emit:i}){const t=a,n=i,o=l.reactiveOmit(t,"class"),s=r.useForwardPropsEmits(o,n);return(p,v)=>(e.openBlock(),e.createBlock(e.unref(r.SplitterResizeHandle),e.mergeProps(e.unref(s),{class:e.unref(d.cn)("relative flex w-px items-center justify-center bg-transparent after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 [&[data-orientation=vertical]]:h-px [&[data-orientation=vertical]]:w-full [&[data-orientation=vertical]]:after:left-0 [&[data-orientation=vertical]]:after:h-1 [&[data-orientation=vertical]]:after:w-full [&[data-orientation=vertical]]:after:-translate-y-1/2 [&[data-orientation=vertical]]:after:translate-x-0 [&[data-orientation=vertical]>div]:rotate-90",t.class)}),{default:e.withCtx(()=>[t.withHandle?(e.openBlock(),e.createElementBlock("div",u,[e.createVNode(e.unref(c.GripVertical),{class:"h-2 w-2 text-muted-foreground"})])):e.createCommentVNode("",!0)]),_:1},16,["class"]))}});exports.default=f;
 //# sourceMappingURL=ResizableHandle.vue.cjs.map

package/components/shadcn/resizable/ResizableHandle.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ResizableHandle.vue.cjs","sources":["../../../../../src/components/shadcn/resizable/ResizableHandle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { SplitterResizeHandleEmits, SplitterResizeHandleProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { GripVertical } from \"lucide-vue-next\"\nimport { SplitterResizeHandle, useForwardPropsEmits } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defineProps<SplitterResizeHandleProps & { class?: HTMLAttributes[\"class\"], withHandle?: boolean }>()\nconst emits = defineEmits<SplitterResizeHandleEmits>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n\n<template>\n  <SplitterResizeHandle v-bind=\"forwarded\" :class=\"cn('relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 [&[data-orientation=vertical]]:h-px [&[data-orientation=vertical]]:w-full [&[data-orientation=vertical]]:after:left-0 [&[data-orientation=vertical]]:after:h-1 [&[data-orientation=vertical]]:after:w-full [&[data-orientation=vertical]]:after:-translate-y-1/2 [&[data-orientation=vertical]]:after:translate-x-0 [&[data-orientation=vertical]>div]:rotate-90', props.class)\">\n    <template v-if=\"props.withHandle\">\n      <div class=\"z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border\">\n        <GripVertical class=\"h-2.5 w-2.5\" />\n      </div>\n    </template>\n  </SplitterResizeHandle>\n</template>\n"],"names":["props","__props","emits","__emit","delegatedProps","reactiveOmit","forwarded","useForwardPropsEmits","_createBlock","_unref","SplitterResizeHandle","_mergeProps","cn","_openBlock","_createElementBlock","_hoisted_1","_createVNode","GripVertical"],"mappings":"+iBAQA,MAAMA,EAAQC,EACRC,EAAQC,EAERC,EAAiBC,EAAAA,aAAaL,EAAO,OAAO,EAE5CM,EAAYC,EAAAA,qBAAqBH,EAAgBF,CAAK,8BAI1DM,EAAAA,YAMuBC,EAAAA,MAAAC,EAAAA,oBAAA,EANvBC,EAAAA,WAMuBF,QAAAH,CAAA,EANgB,CAAG,MAAOG,EAAAA,MAAAG,EAAAA,EAAA,EAAE,+kBAAilBZ,EAAM,KAAK,CAAA,sBAC7oB,IAIW,CAJKA,EAAM,YACpBa,EAAAA,UAAA,EAAAC,EAAAA,mBAEM,MAFNC,EAEM,CADJC,EAAAA,YAAoCP,EAAAA,MAAAQ,EAAAA,YAAA,EAAA,CAAtB,MAAM,cAAa,CAAA"}
+{"version":3,"file":"ResizableHandle.vue.cjs","sources":["../../../../../src/components/shadcn/resizable/ResizableHandle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { SplitterResizeHandleEmits, SplitterResizeHandleProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { GripVertical } from \"lucide-vue-next\"\nimport { SplitterResizeHandle, useForwardPropsEmits } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defineProps<SplitterResizeHandleProps & { class?: HTMLAttributes[\"class\"], withHandle?: boolean }>()\nconst emits = defineEmits<SplitterResizeHandleEmits>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n\n<template>\n  <SplitterResizeHandle v-bind=\"forwarded\" :class=\"cn('relative flex w-px items-center justify-center bg-transparent after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 [&[data-orientation=vertical]]:h-px [&[data-orientation=vertical]]:w-full [&[data-orientation=vertical]]:after:left-0 [&[data-orientation=vertical]]:after:h-1 [&[data-orientation=vertical]]:after:w-full [&[data-orientation=vertical]]:after:-translate-y-1/2 [&[data-orientation=vertical]]:after:translate-x-0 [&[data-orientation=vertical]>div]:rotate-90', props.class)\">\n    <template v-if=\"props.withHandle\">\n      <div class=\"z-10 flex h-3.5 w-2.5 items-center justify-center rounded-[3px] border border-border/70 bg-background/95 shadow-sm\">\n        <GripVertical class=\"h-2 w-2 text-muted-foreground\" />\n      </div>\n    </template>\n  </SplitterResizeHandle>\n</template>\n"],"names":["props","__props","emits","__emit","delegatedProps","reactiveOmit","forwarded","useForwardPropsEmits","_createBlock","_unref","SplitterResizeHandle","_mergeProps","cn","_openBlock","_createElementBlock","_hoisted_1","_createVNode","GripVertical"],"mappings":"wlBAQA,MAAMA,EAAQC,EACRC,EAAQC,EAERC,EAAiBC,EAAAA,aAAaL,EAAO,OAAO,EAE5CM,EAAYC,EAAAA,qBAAqBH,EAAgBF,CAAK,8BAI1DM,EAAAA,YAMuBC,EAAAA,MAAAC,EAAAA,oBAAA,EANvBC,EAAAA,WAMuBF,QAAAH,CAAA,EANgB,CAAG,MAAOG,EAAAA,MAAAG,EAAAA,EAAA,EAAE,olBAAslBZ,EAAM,KAAK,CAAA,sBAClpB,IAIW,CAJKA,EAAM,YACpBa,EAAAA,UAAA,EAAAC,EAAAA,mBAEM,MAFNC,EAEM,CADJC,EAAAA,YAAsDP,EAAAA,MAAAQ,EAAAA,YAAA,EAAA,CAAxC,MAAM,gCAA+B,CAAA"}

package/components/shadcn/resizable/ResizableHandle.vue.js

@@ -5,7 +5,7 @@ import { useForwardPropsEmits as g, SplitterResizeHandle as h } from "reka-ui";
 import { cn as w } from "../../../lib/utils.js";
 const x = {
   key: 0,
-  class: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border"
+  class: "z-10 flex h-3.5 w-2.5 items-center justify-center rounded-[3px] border border-border/70 bg-background/95 shadow-sm"
 }, P = /* @__PURE__ */ l({
   __name: "ResizableHandle",
   props: {
@@ -23,11 +23,11 @@ const x = {
   setup(r, { emit: i }) {
     const t = r, o = i, n = v(t, "class"), s = g(n, o);
     return (_, y) => (a(), c(e(h), d(e(s), {
-      class: e(w)("relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 [&[data-orientation=vertical]]:h-px [&[data-orientation=vertical]]:w-full [&[data-orientation=vertical]]:after:left-0 [&[data-orientation=vertical]]:after:h-1 [&[data-orientation=vertical]]:after:w-full [&[data-orientation=vertical]]:after:-translate-y-1/2 [&[data-orientation=vertical]]:after:translate-x-0 [&[data-orientation=vertical]>div]:rotate-90", t.class)
+      class: e(w)("relative flex w-px items-center justify-center bg-transparent after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 [&[data-orientation=vertical]]:h-px [&[data-orientation=vertical]]:w-full [&[data-orientation=vertical]]:after:left-0 [&[data-orientation=vertical]]:after:h-1 [&[data-orientation=vertical]]:after:w-full [&[data-orientation=vertical]]:after:-translate-y-1/2 [&[data-orientation=vertical]]:after:translate-x-0 [&[data-orientation=vertical]>div]:rotate-90", t.class)
     }), {
       default: f(() => [
         t.withHandle ? (a(), m("div", x, [
-          u(e(b), { class: "h-2.5 w-2.5" })
+          u(e(b), { class: "h-2 w-2 text-muted-foreground" })
         ])) : p("", !0)
       ]),
       _: 1

package/components/shadcn/resizable/ResizableHandle.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResizableHandle.vue.js","sources":["../../../../../src/components/shadcn/resizable/ResizableHandle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { SplitterResizeHandleEmits, SplitterResizeHandleProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { GripVertical } from \"lucide-vue-next\"\nimport { SplitterResizeHandle, useForwardPropsEmits } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defineProps<SplitterResizeHandleProps & { class?: HTMLAttributes[\"class\"], withHandle?: boolean }>()\nconst emits = defineEmits<SplitterResizeHandleEmits>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n\n<template>\n  <SplitterResizeHandle v-bind=\"forwarded\" :class=\"cn('relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 [&[data-orientation=vertical]]:h-px [&[data-orientation=vertical]]:w-full [&[data-orientation=vertical]]:after:left-0 [&[data-orientation=vertical]]:after:h-1 [&[data-orientation=vertical]]:after:w-full [&[data-orientation=vertical]]:after:-translate-y-1/2 [&[data-orientation=vertical]]:after:translate-x-0 [&[data-orientation=vertical]>div]:rotate-90', props.class)\">\n    <template v-if=\"props.withHandle\">\n      <div class=\"z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border\">\n        <GripVertical class=\"h-2.5 w-2.5\" />\n      </div>\n    </template>\n  </SplitterResizeHandle>\n</template>\n"],"names":["props","__props","emits","__emit","delegatedProps","reactiveOmit","forwarded","useForwardPropsEmits","_createBlock","_unref","SplitterResizeHandle","_mergeProps","cn","_openBlock","_createElementBlock","_hoisted_1","_createVNode","GripVertical"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAQA,UAAMA,IAAQC,GACRC,IAAQC,GAERC,IAAiBC,EAAaL,GAAO,OAAO,GAE5CM,IAAYC,EAAqBH,GAAgBF,CAAK;2BAI1DM,EAMuBC,EAAAC,CAAA,GANvBC,EAMuBF,EAAAH,CAAA,GANgB;AAAA,MAAG,OAAOG,EAAAG,CAAA,EAAE,glBAAilBZ,EAAM,KAAK;AAAA,IAAA;iBAC7oB,MAIW;AAAA,QAJKA,EAAM,cACpBa,EAAA,GAAAC,EAEM,OAFNC,GAEM;AAAA,UADJC,EAAoCP,EAAAQ,CAAA,GAAA,EAAtB,OAAM,eAAa;AAAA,QAAA;;;;;;"}
+{"version":3,"file":"ResizableHandle.vue.js","sources":["../../../../../src/components/shadcn/resizable/ResizableHandle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { SplitterResizeHandleEmits, SplitterResizeHandleProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { GripVertical } from \"lucide-vue-next\"\nimport { SplitterResizeHandle, useForwardPropsEmits } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defineProps<SplitterResizeHandleProps & { class?: HTMLAttributes[\"class\"], withHandle?: boolean }>()\nconst emits = defineEmits<SplitterResizeHandleEmits>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n\n<template>\n  <SplitterResizeHandle v-bind=\"forwarded\" :class=\"cn('relative flex w-px items-center justify-center bg-transparent after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 [&[data-orientation=vertical]]:h-px [&[data-orientation=vertical]]:w-full [&[data-orientation=vertical]]:after:left-0 [&[data-orientation=vertical]]:after:h-1 [&[data-orientation=vertical]]:after:w-full [&[data-orientation=vertical]]:after:-translate-y-1/2 [&[data-orientation=vertical]]:after:translate-x-0 [&[data-orientation=vertical]>div]:rotate-90', props.class)\">\n    <template v-if=\"props.withHandle\">\n      <div class=\"z-10 flex h-3.5 w-2.5 items-center justify-center rounded-[3px] border border-border/70 bg-background/95 shadow-sm\">\n        <GripVertical class=\"h-2 w-2 text-muted-foreground\" />\n      </div>\n    </template>\n  </SplitterResizeHandle>\n</template>\n"],"names":["props","__props","emits","__emit","delegatedProps","reactiveOmit","forwarded","useForwardPropsEmits","_createBlock","_unref","SplitterResizeHandle","_mergeProps","cn","_openBlock","_createElementBlock","_hoisted_1","_createVNode","GripVertical"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAQA,UAAMA,IAAQC,GACRC,IAAQC,GAERC,IAAiBC,EAAaL,GAAO,OAAO,GAE5CM,IAAYC,EAAqBH,GAAgBF,CAAK;2BAI1DM,EAMuBC,EAAAC,CAAA,GANvBC,EAMuBF,EAAAH,CAAA,GANgB;AAAA,MAAG,OAAOG,EAAAG,CAAA,EAAE,qlBAAslBZ,EAAM,KAAK;AAAA,IAAA;iBAClpB,MAIW;AAAA,QAJKA,EAAM,cACpBa,EAAA,GAAAC,EAEM,OAFNC,GAEM;AAAA,UADJC,EAAsDP,EAAAQ,CAAA,GAAA,EAAxC,OAAM,iCAA+B;AAAA,QAAA;;;;;;"}

package/package.json

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

package/types/index.d.ts

@@ -621,6 +621,8 @@ declare type __VLS_Props_24 = {
     rowNumbers?: boolean;
     /** 플로팅 필터 표시 여부 */
     floatingFilters?: boolean;
+    /** 플로팅 필터 표시 여부 (하위호환 alias) */
+    floatingFilter?: boolean;
     /** 행 번호 컬럼 너비(px) */
     rowNumberWidth?: number;
     /** 행별 액션 버튼 목록 */
@@ -1811,6 +1813,7 @@ pagination?: boolean;
 checkbox?: boolean;
 rowNumbers?: boolean;
 floatingFilters?: boolean;
+floatingFilter?: boolean;
 rowNumberWidth?: number;
 actionButtons?: ActionButton[];
 summaryColumn?: boolean;
@@ -1855,6 +1858,7 @@ pagination: boolean;
 checkbox: boolean;
 rowNumbers: boolean;
 floatingFilters: boolean;
+floatingFilter: boolean;
 rowNumberWidth: number;
 actionButtons: ActionButton[];
 summaryColumn: boolean;
@@ -1874,7 +1878,9 @@ rowGroupPanelShow: "always" | "onlyWhenGrouping" | "never";
 groupDefaultExpanded: number;
 pivotPanelShow: "always" | "onlyWhenPivoting" | "never";
 pivotMode: boolean;
-}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
+}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
+gridContainerRef: HTMLDivElement;
+}, HTMLDivElement, ComponentProvideOptions, {
 P: {};
 B: {};
 D: {};
@@ -1889,6 +1895,7 @@ pagination?: boolean;
 checkbox?: boolean;
 rowNumbers?: boolean;
 floatingFilters?: boolean;
+floatingFilter?: boolean;
 rowNumberWidth?: number;
 actionButtons?: ActionButton[];
 summaryColumn?: boolean;
@@ -1925,6 +1932,7 @@ pagination: boolean;
 checkbox: boolean;
 rowNumbers: boolean;
 floatingFilters: boolean;
+floatingFilter: boolean;
 rowNumberWidth: number;
 actionButtons: ActionButton[];
 summaryColumn: boolean;
@@ -1959,6 +1967,7 @@ pagination?: boolean;
 checkbox?: boolean;
 rowNumbers?: boolean;
 floatingFilters?: boolean;
+floatingFilter?: boolean;
 rowNumberWidth?: number;
 actionButtons?: ActionButton[];
 summaryColumn?: boolean;
@@ -2003,6 +2012,7 @@ pagination: boolean;
 checkbox: boolean;
 rowNumbers: boolean;
 floatingFilters: boolean;
+floatingFilter: boolean;
 rowNumberWidth: number;
 actionButtons: ActionButton[];
 summaryColumn: boolean;
@@ -2022,7 +2032,9 @@ rowGroupPanelShow: "always" | "onlyWhenGrouping" | "never";
 groupDefaultExpanded: number;
 pivotPanelShow: "always" | "onlyWhenPivoting" | "never";
 pivotMode: boolean;
-}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
+}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
+gridContainerRef: HTMLDivElement;
+}, HTMLDivElement, ComponentProvideOptions, {
 P: {};
 B: {};
 D: {};
@@ -2037,6 +2049,7 @@ pagination?: boolean;
 checkbox?: boolean;
 rowNumbers?: boolean;
 floatingFilters?: boolean;
+floatingFilter?: boolean;
 rowNumberWidth?: number;
 actionButtons?: ActionButton[];
 summaryColumn?: boolean;
@@ -2073,6 +2086,7 @@ pagination: boolean;
 checkbox: boolean;
 rowNumbers: boolean;
 floatingFilters: boolean;
+floatingFilter: boolean;
 rowNumberWidth: number;
 actionButtons: ActionButton[];
 summaryColumn: boolean;
@@ -2101,6 +2115,7 @@ pagination?: boolean;
 checkbox?: boolean;
 rowNumbers?: boolean;
 floatingFilters?: boolean;
+floatingFilter?: boolean;
 rowNumberWidth?: number;
 actionButtons?: ActionButton[];
 summaryColumn?: boolean;
@@ -2145,6 +2160,7 @@ pagination: boolean;
 checkbox: boolean;
 rowNumbers: boolean;
 floatingFilters: boolean;
+floatingFilter: boolean;
 rowNumberWidth: number;
 actionButtons: ActionButton[];
 summaryColumn: boolean;
@@ -2164,7 +2180,9 @@ rowGroupPanelShow: "always" | "onlyWhenGrouping" | "never";
 groupDefaultExpanded: number;
 pivotPanelShow: "always" | "onlyWhenPivoting" | "never";
 pivotMode: boolean;
-}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
+}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
+gridContainerRef: HTMLDivElement;
+}, HTMLDivElement, ComponentProvideOptions, {
 P: {};
 B: {};
 D: {};
@@ -2179,6 +2197,7 @@ pagination?: boolean;
 checkbox?: boolean;
 rowNumbers?: boolean;
 floatingFilters?: boolean;
+floatingFilter?: boolean;
 rowNumberWidth?: number;
 actionButtons?: ActionButton[];
 summaryColumn?: boolean;
@@ -2215,6 +2234,7 @@ pagination: boolean;
 checkbox: boolean;
 rowNumbers: boolean;
 floatingFilters: boolean;
+floatingFilter: boolean;
 rowNumberWidth: number;
 actionButtons: ActionButton[];
 summaryColumn: boolean;
@@ -2582,6 +2602,7 @@ pagination: boolean;
 checkbox: boolean;
 rowNumbers: boolean;
 floatingFilters: boolean;
+floatingFilter: boolean;
 rowNumberWidth: number;
 actionButtons: ActionButton[];
 summaryColumn: boolean;
@@ -2601,7 +2622,9 @@ rowGroupPanelShow: "always" | "onlyWhenGrouping" | "never";
 groupDefaultExpanded: number;
 pivotPanelShow: "always" | "onlyWhenPivoting" | "never";
 pivotMode: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+gridContainerRef: HTMLDivElement;
+}, HTMLDivElement>;
 
 export declare const JGroupCombo: DefineComponent<__VLS_Props_27, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: string | number) => any;
@@ -2903,6 +2926,7 @@ pagination?: boolean;
 checkbox?: boolean;
 rowNumbers?: boolean;
 floatingFilters?: boolean;
+floatingFilter?: boolean;
 rowNumberWidth?: number;
 actionButtons?: ActionButton[];
 summaryColumn?: boolean;
@@ -2947,6 +2971,7 @@ pagination: boolean;
 checkbox: boolean;
 rowNumbers: boolean;
 floatingFilters: boolean;
+floatingFilter: boolean;
 rowNumberWidth: number;
 actionButtons: ActionButton[];
 summaryColumn: boolean;
@@ -2966,7 +2991,9 @@ rowGroupPanelShow: "always" | "onlyWhenGrouping" | "never";
 groupDefaultExpanded: number;
 pivotPanelShow: "always" | "onlyWhenPivoting" | "never";
 pivotMode: boolean;
-}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
+}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
+gridContainerRef: HTMLDivElement;
+}, HTMLDivElement, ComponentProvideOptions, {
 P: {};
 B: {};
 D: {};
@@ -2981,6 +3008,7 @@ pagination?: boolean;
 checkbox?: boolean;
 rowNumbers?: boolean;
 floatingFilters?: boolean;
+floatingFilter?: boolean;
 rowNumberWidth?: number;
 actionButtons?: ActionButton[];
 summaryColumn?: boolean;
@@ -3017,6 +3045,7 @@ pagination: boolean;
 checkbox: boolean;
 rowNumbers: boolean;
 floatingFilters: boolean;
+floatingFilter: boolean;
 rowNumberWidth: number;
 actionButtons: ActionButton[];
 summaryColumn: boolean;
@@ -3045,6 +3074,7 @@ pagination?: boolean;
 checkbox?: boolean;
 rowNumbers?: boolean;
 floatingFilters?: boolean;
+floatingFilter?: boolean;
 rowNumberWidth?: number;
 actionButtons?: ActionButton[];
 summaryColumn?: boolean;
@@ -3089,6 +3119,7 @@ pagination: boolean;
 checkbox: boolean;
 rowNumbers: boolean;
 floatingFilters: boolean;
+floatingFilter: boolean;
 rowNumberWidth: number;
 actionButtons: ActionButton[];
 summaryColumn: boolean;
@@ -3108,7 +3139,9 @@ rowGroupPanelShow: "always" | "onlyWhenGrouping" | "never";
 groupDefaultExpanded: number;
 pivotPanelShow: "always" | "onlyWhenPivoting" | "never";
 pivotMode: boolean;
-}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
+}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
+gridContainerRef: HTMLDivElement;
+}, HTMLDivElement, ComponentProvideOptions, {
 P: {};
 B: {};
 D: {};
@@ -3123,6 +3156,7 @@ pagination?: boolean;
 checkbox?: boolean;
 rowNumbers?: boolean;
 floatingFilters?: boolean;
+floatingFilter?: boolean;
 rowNumberWidth?: number;
 actionButtons?: ActionButton[];
 summaryColumn?: boolean;
@@ -3159,6 +3193,7 @@ pagination: boolean;
 checkbox: boolean;
 rowNumbers: boolean;
 floatingFilters: boolean;
+floatingFilter: boolean;
 rowNumberWidth: number;
 actionButtons: ActionButton[];
 summaryColumn: boolean;