Uecko/Uecko_ERP
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

.

Browse Source
This commit is contained in:
David Arranz 2025-11-16 12:19:30 +01:00
parent 8806d1845b
commit de8202291b
2 changed files with 22 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
packages/shadcn-ui/src/components/button-group.tsx
View File

@ -1,7 +1,8 @@
import { Slot } from "@radix-ui/react-slot"; import { Slot } from "@radix-ui/react-slot"
import { Separator } from "@repo/shadcn-ui/components/separator"; import { cva, type VariantProps } from "class-variance-authority"
import { cn } from "@repo/shadcn-ui/lib/utils";
import { type VariantProps, cva } from "class-variance-authority"; import { cn } from "@repo/shadcn-ui/lib/utils"
import { Separator } from "@repo/shadcn-ui/components/separator"
const buttonGroupVariants = cva( const buttonGroupVariants = cva(
"flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2", "flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2",
@ -18,7 +19,7 @@ const buttonGroupVariants = cva(
orientation: "horizontal", orientation: "horizontal",
}, },
} }
); )
function ButtonGroup({ function ButtonGroup({
className, className,
@ -27,13 +28,13 @@ function ButtonGroup({
}: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>) { }: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>) {
return ( return (
<div <div
className={cn(buttonGroupVariants({ orientation }), className)}
data-orientation={orientation}
data-slot="button-group"
role="group" role="group"
data-slot="button-group"
data-orientation={orientation}
className={cn(buttonGroupVariants({ orientation }), className)}
{...props} {...props}
/> />
); )
} }
function ButtonGroupText({ function ButtonGroupText({
@ -41,9 +42,9 @@ function ButtonGroupText({
asChild = false, asChild = false,
...props ...props
}: React.ComponentProps<"div"> & { }: React.ComponentProps<"div"> & {
asChild?: boolean; asChild?: boolean
}) { }) {
const Comp = asChild ? Slot : "div"; const Comp = asChild ? Slot : "div"
return ( return (
<Comp <Comp
@ -53,7 +54,7 @@ function ButtonGroupText({
)} )}
{...props} {...props}
/> />
); )
} }
function ButtonGroupSeparator({ function ButtonGroupSeparator({
@ -63,15 +64,20 @@ function ButtonGroupSeparator({
}: React.ComponentProps<typeof Separator>) { }: React.ComponentProps<typeof Separator>) {
return ( return (
<Separator <Separator
data-slot="button-group-separator"
orientation={orientation}
className={cn( className={cn(
"bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto", "bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto",
className className
)} )}
data-slot="button-group-separator"
orientation={orientation}
{...props} {...props}
/> />
); )
} }
export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants }; export {
ButtonGroup,
ButtonGroupSeparator,
ButtonGroupText,
buttonGroupVariants,
}

2
packages/shadcn-ui/src/components/separator.tsx
View File

@ -1,5 +1,3 @@
"use client"
import * as React from "react" import * as React from "react"
import * as SeparatorPrimitive from "@radix-ui/react-separator" import * as SeparatorPrimitive from "@radix-ui/react-separator"