@exegia/corpora-ui 3.0.0 → 4.0.0

package/src/components/ui/emoji-picker.tsx

@@ -1,161 +0,0 @@
-"use client"
-
-import {
-  type EmojiPickerListCategoryHeaderProps,
-  type EmojiPickerListEmojiProps,
-  type EmojiPickerListRowProps,
-  EmojiPicker as EmojiPickerPrimitive,
-} from "frimousse"
-import { LoaderIcon, SearchIcon } from "lucide-react"
-import type * as React from "react"
-
-import { cn } from "@/lib/utils"
-
-function EmojiPicker({
-  className,
-  ...props
-}: React.ComponentProps<typeof EmojiPickerPrimitive.Root>) {
-  return (
-    <EmojiPickerPrimitive.Root
-      className={cn(
-        "isolate flex h-full w-fit flex-col text-popover-foreground",
-        className
-      )}
-      data-slot="emoji-picker"
-      {...props}
-    />
-  )
-}
-
-function EmojiPickerSearch({
-  className,
-  ...props
-}: React.ComponentProps<typeof EmojiPickerPrimitive.Search>) {
-  return (
-    <div
-      className={cn("flex h-10 items-center gap-2 p-4", className)}
-      data-slot="emoji-picker-search-wrapper"
-    >
-      <EmojiPickerPrimitive.Search
-        className="flex h-10 w-full rounded-md bg-transparent px-1.5 py-3 text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50"
-        data-slot="emoji-picker-search"
-        {...props}
-      />
-      <SearchIcon className="size-4 shrink-0 opacity-50" />
-    </div>
-  )
-}
-
-function EmojiPickerRow({ children, ...props }: EmojiPickerListRowProps) {
-  return (
-    <div {...props} className="scroll-py-3 px-1" data-slot="emoji-picker-row">
-      {children}
-    </div>
-  )
-}
-
-function EmojiPickerEmoji({
-  emoji,
-  className,
-  ...props
-}: EmojiPickerListEmojiProps) {
-  return (
-    <button
-      {...props}
-      className={cn(
-        "flex size-8 items-center justify-center rounded-full text-xl data-[active]:bg-accent",
-        className
-      )}
-      data-slot="emoji-picker-emoji"
-    >
-      {emoji.emoji}
-    </button>
-  )
-}
-
-function EmojiPickerCategoryHeader({
-  category,
-  ...props
-}: EmojiPickerListCategoryHeaderProps) {
-  return (
-    <div
-      {...props}
-      className="block rounded-md border border-border font-medium bg-background/60 px-2.5 py-1.5 text-xs text-center leading-none text-secondary-foreground shadow-md shadow-black/10 backdrop-blur-md backdrop-brightness-80"
-      data-slot="emoji-picker-category-header"
-    >
-      {category.label}
-    </div>
-  )
-}
-
-function EmojiPickerContent({
-  className,
-  ...props
-}: React.ComponentProps<typeof EmojiPickerPrimitive.Viewport>) {
-  return (
-    <EmojiPickerPrimitive.Viewport
-      className={cn("relative flex-1 outline-hidden", className)}
-      data-slot="emoji-picker-viewport"
-      {...props}
-    >
-      <EmojiPickerPrimitive.Loading
-        className="absolute inset-0 flex items-center justify-center text-muted-foreground"
-        data-slot="emoji-picker-loading"
-      >
-        <LoaderIcon className="size-4 animate-spin" />
-      </EmojiPickerPrimitive.Loading>
-      <EmojiPickerPrimitive.Empty
-        className="absolute inset-0 flex items-center justify-center text-sm text-muted-foreground"
-        data-slot="emoji-picker-empty"
-      >
-        No emoji found.
-      </EmojiPickerPrimitive.Empty>
-      <EmojiPickerPrimitive.List
-        className="px-2 select-none"
-        components={{
-          Row: EmojiPickerRow,
-          Emoji: EmojiPickerEmoji,
-          CategoryHeader: EmojiPickerCategoryHeader,
-        }}
-        data-slot="emoji-picker-list"
-      />
-    </EmojiPickerPrimitive.Viewport>
-  )
-}
-
-function EmojiPickerFooter({
-  className,
-  ...props
-}: React.ComponentProps<"div">) {
-  return (
-    <div
-      className={cn(
-        "flex w-full max-w-(--frimousse-viewport-width) min-w-0 items-center gap-1 border-t p-2",
-        className
-      )}
-      data-slot="emoji-picker-footer"
-      {...props}
-    >
-      <EmojiPickerPrimitive.ActiveEmoji>
-        {({ emoji }) =>
-          emoji ? (
-            <>
-              <div className="flex size-7 flex-none items-center justify-center text-lg">
-                {emoji.emoji}
-              </div>
-              <span className="truncate text-xs text-secondary-foreground">
-                {emoji.label}
-              </span>
-            </>
-          ) : (
-            <span className="ml-1.5 flex h-7 items-center truncate text-xs text-muted-foreground">
-              Select an emoji…
-            </span>
-          )
-        }
-      </EmojiPickerPrimitive.ActiveEmoji>
-    </div>
-  )
-}
-
-export { EmojiPicker, EmojiPickerSearch, EmojiPickerContent, EmojiPickerFooter }

package/src/components/ui/field.tsx

@@ -1,89 +0,0 @@
-"use client";
-
-import { Field as FieldPrimitive } from "@base-ui/react/field";
-import type React from "react";
-import { cn } from "@/lib/utils";
-
-export function Field({
-  className,
-  ...props
-}: FieldPrimitive.Root.Props): React.ReactElement {
-  return (
-    <FieldPrimitive.Root
-      className={cn("flex flex-col items-start gap-1.5", className)}
-      data-slot="field"
-      {...props}
-    />
-  );
-}
-
-export function FieldLabel({
-  className,
-  ...props
-}: FieldPrimitive.Label.Props): React.ReactElement {
-  return (
-    <FieldPrimitive.Label
-      className={cn(
-        "inline-flex cursor-pointer items-center gap-2 font-medium text-base/4 text-foreground data-disabled:cursor-not-allowed data-disabled:opacity-64 sm:text-xs/3.5 ml-3",
-        className,
-      )}
-      data-slot="field-label"
-      {...props}
-    />
-  );
-}
-
-export function FieldItem({
-  className,
-  ...props
-}: FieldPrimitive.Item.Props): React.ReactElement {
-  return (
-    <FieldPrimitive.Item
-      className={cn("flex", className)}
-      data-slot="field-item"
-      {...props}
-    />
-  );
-}
-
-export function FieldDescription({
-  className,
-  ...props
-}: FieldPrimitive.Description.Props): React.ReactElement {
-  return (
-    <FieldPrimitive.Description
-      // Entrance morph when conditionally shown: height tweens from 0 via
-      // interpolate-size (set on :root) plus a fade/blur rise. Removal is
-      // unmount-instant; wrap in AnimatePresence when an exit is needed.
-      className={cn(
-        "overflow-hidden text-muted-foreground text-xs ml-3 transition-[height,opacity,filter,translate] duration-300 ease-smooth-out starting:h-0 starting:translate-y-1 starting:opacity-0 starting:blur-small motion-reduce:transition-none",
-        className,
-      )}
-      data-slot="field-description"
-      {...props}
-    />
-  );
-}
-
-export function FieldError({
-  className,
-  ...props
-}: FieldPrimitive.Error.Props): React.ReactElement {
-  return (
-    <FieldPrimitive.Error
-      className={cn(
-        "overflow-hidden text-destructive-foreground text-xs ml-3 transition-[height,opacity,filter,translate] duration-300 ease-smooth-out starting:h-0 starting:translate-y-1 starting:opacity-0 starting:blur-small motion-reduce:transition-none",
-        className,
-      )}
-      data-slot="field-error"
-      {...props}
-    />
-  );
-}
-
-export const FieldControl: typeof FieldPrimitive.Control =
-  FieldPrimitive.Control;
-export const FieldValidity: typeof FieldPrimitive.Validity =
-  FieldPrimitive.Validity;
-
-export { FieldPrimitive };

package/src/components/ui/frame.tsx

@@ -1,87 +0,0 @@
-import type * as React from "react";
-import { cn } from "@/lib/utils";
-
-export function Frame({
-  className,
-  ...props
-}: React.ComponentProps<"div">): React.ReactElement {
-  return (
-    <div
-      className={cn(
-        "relative flex flex-col rounded-md bg-muted/72 p-1",
-        "*:[[data-slot=frame-panel]+[data-slot=frame-panel]]:mt-1",
-        className,
-      )}
-      data-slot="frame"
-      {...props}
-    />
-  );
-}
-
-export function FramePanel({
-  className,
-  ...props
-}: React.ComponentProps<"div">): React.ReactElement {
-  return (
-    <div
-      className={cn(
-        "relative rounded-md border bg-background bg-clip-padding p-5 shadow-xs/5 before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-md)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)]",
-        className,
-      )}
-      data-slot="frame-panel"
-      {...props}
-    />
-  );
-}
-
-export function FrameHeader({
-  className,
-  ...props
-}: React.ComponentProps<"header">): React.ReactElement {
-  return (
-    <header
-      className={cn("flex flex-col px-5 py-4", className)}
-      data-slot="frame-panel-header"
-      {...props}
-    />
-  );
-}
-
-export function FrameTitle({
-  className,
-  ...props
-}: React.ComponentProps<"div">): React.ReactElement {
-  return (
-    <div
-      className={cn("font-semibold text-sm", className)}
-      data-slot="frame-panel-title"
-      {...props}
-    />
-  );
-}
-
-export function FrameDescription({
-  className,
-  ...props
-}: React.ComponentProps<"div">): React.ReactElement {
-  return (
-    <div
-      className={cn("text-muted-foreground text-sm", className)}
-      data-slot="frame-panel-description"
-      {...props}
-    />
-  );
-}
-
-export function FrameFooter({
-  className,
-  ...props
-}: React.ComponentProps<"footer">): React.ReactElement {
-  return (
-    <footer
-      className={cn("px-5 py-4", className)}
-      data-slot="frame-panel-footer"
-      {...props}
-    />
-  );
-}

package/src/components/ui/glasscn/glass-button-group.tsx

@@ -1,34 +0,0 @@
-"use client"
-
-import {
-  type TFrostGlassVariantProp,
-} from "@/lib/glass-variants"
-import { cn } from "@/lib/utils"
-
-import { ButtonGroup } from "../button-group"
-import { GlassSurface } from "./liquid-glass"
-
-type TGlassButtonGroupProps = Omit<React.ComponentProps<typeof ButtonGroup>, "children"> & { children?: React.ReactNode } &
-  TFrostGlassVariantProp
-
-function GlassButtonGroup({
-  className,
-  glassVariant = "liquid-refract",
-  children,
-  ...props
-}: TGlassButtonGroupProps) {
-
-  return (
-    <ButtonGroup
-      data-slot="glass-button-group"
-      data-glass-variant={glassVariant}
-      className={cn("relative isolate rounded-lg", className)}
-      {...props}
-    >
-      <GlassSurface glassVariant={glassVariant} />
-      {children}
-    </ButtonGroup>
-  )
-}
-
-export { GlassButtonGroup }

package/src/components/ui/glasscn/glass-button.tsx

@@ -1,25 +0,0 @@
-"use client";
-
-import type { TFrostGlassVariantProp } from "@/lib/glass-variants";
-
-import { Button, type TButtonProps } from "../button";
-
-type TGlassButtonProps = Omit<TButtonProps, "variant" | "glassVariant"> &
-  TFrostGlassVariantProp;
-
-/** @deprecated Use `<Button variant="glass" glassVariant="…">` instead. */
-function GlassButton({
-  glassVariant = "liquid-refract",
-  ...props
-}: TGlassButtonProps) {
-  return (
-    <Button
-      data-slot="glass-button"
-      variant="glass"
-      glassVariant={glassVariant}
-      {...props}
-    />
-  );
-}
-
-export { GlassButton };

package/src/components/ui/glasscn/glass-container.tsx

@@ -1,94 +0,0 @@
-"use client"
-
-import * as React from "react"
-
-import {
-  type TFrostGlassVariant,
-} from "@/lib/glass-variants"
-import { cn } from "@/lib/utils"
-import { LiquidGlass } from "./liquid-glass"
-
-const glassSidebarVariableStyles: Record<TFrostGlassVariant, string> = {
-  clear: [
-    "[--sidebar:rgba(255,255,255,0.18)]",
-    "[--sidebar-foreground:oklch(0.145_0_0)]",
-    "[--sidebar-accent:rgba(255,255,255,0.48)]",
-    "[--sidebar-accent-foreground:oklch(0.145_0_0)]",
-    "[--sidebar-border:rgba(255,255,255,0.34)]",
-    "[--sidebar-ring:rgba(255,255,255,0.38)]",
-    "dark:[--sidebar:rgba(0,0,0,0.28)]",
-    "dark:[--sidebar-foreground:oklch(0.985_0_0)]",
-    "dark:[--sidebar-accent:rgba(255,255,255,0.1)]",
-    "dark:[--sidebar-accent-foreground:oklch(0.985_0_0)]",
-    "dark:[--sidebar-border:rgba(255,255,255,0.12)]",
-    "dark:[--sidebar-ring:rgba(255,255,255,0.16)]",
-  ].join(" "),
-  frosted: [
-    "[--sidebar:rgba(255,255,255,0.4)]",
-    "[--sidebar-foreground:oklch(0.145_0_0)]",
-    "[--sidebar-accent:rgba(255,255,255,0.62)]",
-    "[--sidebar-accent-foreground:oklch(0.145_0_0)]",
-    "[--sidebar-border:rgba(255,255,255,0.3)]",
-    "[--sidebar-ring:rgba(255,255,255,0.32)]",
-    "dark:[--sidebar:rgba(0,0,0,0.38)]",
-    "dark:[--sidebar-foreground:oklch(0.985_0_0)]",
-    "dark:[--sidebar-accent:rgba(255,255,255,0.14)]",
-    "dark:[--sidebar-accent-foreground:oklch(0.985_0_0)]",
-    "dark:[--sidebar-border:rgba(255,255,255,0.1)]",
-    "dark:[--sidebar-ring:rgba(255,255,255,0.14)]",
-  ].join(" "),
-  subtle: [
-    "[--sidebar:rgba(255,255,255,0.14)]",
-    "[--sidebar-foreground:oklch(0.145_0_0)]",
-    "[--sidebar-accent:rgba(255,255,255,0.28)]",
-    "[--sidebar-accent-foreground:oklch(0.145_0_0)]",
-    "[--sidebar-border:rgba(0,0,0,0.05)]",
-    "[--sidebar-ring:rgba(255,255,255,0.28)]",
-    "dark:[--sidebar:rgba(255,255,255,0.05)]",
-    "dark:[--sidebar-foreground:oklch(0.985_0_0)]",
-    "dark:[--sidebar-accent:rgba(255,255,255,0.08)]",
-    "dark:[--sidebar-accent-foreground:oklch(0.985_0_0)]",
-    "dark:[--sidebar-border:rgba(255,255,255,0.08)]",
-    "dark:[--sidebar-ring:rgba(255,255,255,0.12)]",
-  ].join(" "),
-  liquid: [
-    "[--sidebar:rgba(255,255,255,0.22)]",
-    "[--sidebar-foreground:oklch(0.145_0_0)]",
-    "[--sidebar-accent:rgba(255,255,255,0.55)]",
-    "[--sidebar-accent-foreground:oklch(0.145_0_0)]",
-    "[--sidebar-border:rgba(255,255,255,0.42)]",
-    "[--sidebar-ring:rgba(255,255,255,0.45)]",
-    "dark:[--sidebar:rgba(255,255,255,0.06)]",
-    "dark:[--sidebar-foreground:oklch(0.985_0_0)]",
-    "dark:[--sidebar-accent:rgba(255,255,255,0.12)]",
-    "dark:[--sidebar-accent-foreground:oklch(0.985_0_0)]",
-    "dark:[--sidebar-border:rgba(255,255,255,0.16)]",
-    "dark:[--sidebar-ring:rgba(255,255,255,0.20)]",
-  ].join(" "),
-  "liquid-refract": [
-    "[--sidebar:rgba(255,255,255,0.18)]",
-    "[--sidebar-foreground:oklch(0.145_0_0)]",
-    "[--sidebar-accent:rgba(255,255,255,0.48)]",
-    "[--sidebar-accent-foreground:oklch(0.145_0_0)]",
-    "[--sidebar-border:rgba(255,255,255,0.34)]",
-    "[--sidebar-ring:rgba(255,255,255,0.38)]",
-    "dark:[--sidebar-foreground:oklch(0.985_0_0)]",
-    "dark:[--sidebar-accent:rgba(255,255,255,0.12)]",
-    "dark:[--sidebar-accent-foreground:oklch(0.985_0_0)]",
-    "dark:[--sidebar-border:rgba(255,255,255,0.15)]",
-    "dark:[--sidebar-ring:rgba(255,255,255,0.18)]",
-  ].join(" "),
-}
-
-type TGlassSidebarProps = React.ComponentProps<typeof LiquidGlass>
-
-function GlassContainer({ glassVariant = "liquid-refract", className, ...props }: TGlassSidebarProps) {
-  return <LiquidGlass
-    glassVariant={glassVariant}
-    className={cn("rounded-[1.75rem]", glassSidebarVariableStyles[glassVariant], className)}
-    {...props}
-  />
-}
-
-export { GlassContainer, glassSidebarVariableStyles }
-export type { TFrostGlassVariant } from "@/lib/glass-variants"

package/src/components/ui/glasscn/glass-separator.tsx

@@ -1,39 +0,0 @@
-"use client"
-
-import {
-  type TFrostGlassVariant,
-  type TFrostGlassVariantProp,
-} from "@/lib/glass-variants"
-import { cn } from "@/lib/utils"
-
-import { Separator } from "../separator"
-
-const separatorVariantStyles: Record<TFrostGlassVariant, string> = {
-  clear: "bg-white/[0.5] dark:bg-white/[0.12]",
-  frosted: "bg-white/[0.4] dark:bg-white/10",
-  subtle: "bg-black/[0.05] dark:bg-white/[0.08]",
-  liquid:
-    "bg-gradient-to-r from-white/0 via-white/60 to-white/0 dark:via-white/20",
-  "liquid-refract":
-    "bg-gradient-to-r from-white/0 via-white/70 to-white/0 dark:via-white/25",
-}
-
-type TGlassSeparatorProps = React.ComponentProps<typeof Separator> &
-  TFrostGlassVariantProp
-
-function GlassSeparator({
-  className,
-  glassVariant = "liquid-refract",
-  ...props
-}: TGlassSeparatorProps) {
-  return (
-    <Separator
-      data-slot="glass-separator"
-      data-glass-variant={glassVariant}
-      className={cn(separatorVariantStyles[glassVariant], className)}
-      {...props}
-    />
-  )
-}
-
-export { GlassSeparator }

package/src/components/ui/glasscn/liquid-glass.tsx

@@ -1,59 +0,0 @@
-"use client"
-
-import { Glass, type GlassOptics } from "@samasante/liquid-glass"
-import { forwardRef, type HTMLAttributes } from "react"
-import { cn } from "@/lib/utils"
-import { glassVariantOptics, glassVariantStyles, type TFrostGlassVariant } from "@/lib/glass-variants"
-
-/** A non-interactive material layer: the host keeps its semantics and layout. */
-export function GlassSurface({
-  glassVariant = "liquid-refract",
-  optics,
-}: {
-  glassVariant?: TFrostGlassVariant
-  optics?: Partial<GlassOptics>
-}) {
-  return (
-    <Glass
-      aria-hidden="true"
-      data-glass-material="samasante"
-      className={cn("pointer-events-none", glassVariantStyles[glassVariant])}
-      style={{ position: "absolute", inset: 0, width: "100%", height: "100%", borderRadius: "inherit", zIndex: -1 }}
-      optics={{ ...glassVariantOptics[glassVariant], ...optics }}
-    >
-      <span />
-    </Glass>
-  )
-}
-
-export type TLiquidGlassProps = HTMLAttributes<HTMLDivElement> & {
-  glassVariant?: TFrostGlassVariant
-  optics?: Partial<GlassOptics>
-  blur?: number
-  refraction?: number
-  /** @deprecated The library manages displacement map resolution. */
-  mapSize?: number
-  bezel?: number
-  saturation?: number
-}
-
-/** Compatibility adapter for existing consumers; all optics run in the library. */
-export const LiquidGlass = forwardRef<HTMLDivElement, TLiquidGlassProps>(
-  function LiquidGlass({
-    glassVariant = "liquid-refract", optics, blur, refraction,
-    mapSize: _mapSize, bezel, saturation, className, children, ...props
-  }, ref) {
-    return (
-      <div ref={ref} className={cn("relative isolate rounded-full", className)} {...props}>
-        <GlassSurface glassVariant={glassVariant} optics={{
-          ...(blur !== undefined && { frost: Math.max(0, blur) }),
-          ...(refraction !== undefined && { strength: Math.min(1, Math.max(0, refraction / 100)) }),
-          ...(bezel !== undefined && { bendWidth: Math.min(1, Math.max(0, bezel / 100)) }),
-          ...(saturation !== undefined && { saturate: Math.max(0, saturation) }),
-          ...optics,
-        }} />
-        {children}
-      </div>
-    )
-  }
-)

package/src/components/ui/group.tsx

@@ -1,92 +0,0 @@
-"use client"
-
-import { mergeProps } from "@base-ui/react/merge-props"
-import { useRender } from "@base-ui/react/use-render"
-import { cva, type VariantProps } from "class-variance-authority"
-import type * as React from "react"
-import { Separator } from "@/components/ui/separator"
-import { cn } from "@/lib/utils"
-
-export const groupVariants = cva(
-  "flex w-fit *:focus-visible:z-1 *:has-focus-visible:z-1 has-[>[data-slot=group]]:gap-2 dark:*:[[data-slot=separator]:has(~button:hover):not(:has(~[data-slot=separator]~[data-slot]:hover)),[data-slot=separator]:has(~[data-slot][data-pressed]):not(:has(~[data-slot=separator]~[data-slot][data-pressed]))]:before:bg-input/64 dark:*:[button:hover~[data-slot=separator]:not([data-slot]:hover~[data-slot=separator]~[data-slot=separator]),[data-slot][data-pressed]~[data-slot=separator]:not([data-slot][data-pressed]~[data-slot=separator]~[data-slot=separator])]:before:bg-input/64",
-  {
-    defaultVariants: {
-      orientation: "horizontal",
-    },
-    variants: {
-      orientation: {
-        horizontal:
-          "*:data-slot:has-[~[data-slot]]:rounded-e-none *:data-slot:has-[~[data-slot]]:border-e-0 *:data-slot:has-[~[data-slot]]:before:rounded-e-none *:data-slot:not-data-[slot=separator]:has-[~[data-slot]]:before:-end-[0.5px] *:pointer-coarse:after:min-w-auto *:[[data-slot]~[data-slot]]:rounded-s-none *:[[data-slot]~[data-slot]]:border-s-0 *:[[data-slot]~[data-slot]]:before:rounded-s-none *:[[data-slot]~[data-slot]:not([data-slot=separator])]:before:-start-[0.5px]",
-        vertical:
-          "flex-col *:data-slot:has-[~[data-slot]]:rounded-b-none *:data-slot:has-[~[data-slot]]:border-b-0 *:data-slot:has-[~[data-slot]]:before:rounded-b-none *:data-slot:not-data-[slot=separator]:has-[~[data-slot]]:before:-bottom-[0.5px] *:data-slot:not-data-[slot=separator]:has-[~[data-slot]]:before:hidden dark:*:first:before:block dark:*:last:before:hidden *:pointer-coarse:after:min-h-auto *:[[data-slot]~[data-slot]]:rounded-t-none *:[[data-slot]~[data-slot]]:border-t-0 *:[[data-slot]~[data-slot]]:before:rounded-t-none *:[[data-slot]~[data-slot]:not([data-slot=separator])]:before:-top-[0.5px]",
-      },
-    },
-  }
-)
-
-export function Group({
-  className,
-  orientation,
-  children,
-  ...props
-}: {
-  className?: string
-  orientation?: VariantProps<typeof groupVariants>["orientation"]
-  children: React.ReactNode
-} & React.ComponentProps<"div">): React.ReactElement {
-  return (
-    <div
-      className={cn(groupVariants({ orientation }), className)}
-      data-orientation={orientation}
-      data-slot="group"
-      role="group"
-      {...props}
-    >
-      {children}
-    </div>
-  )
-}
-
-export function GroupText({
-  className,
-  render,
-  ...props
-}: useRender.ComponentProps<"div">): React.ReactElement {
-  const defaultProps = {
-    className: cn(
-      "relative inline-flex items-center gap-2 rounded-md border border-input bg-muted px-[calc(--spacing(3)-1px)] text-base whitespace-nowrap text-muted-foreground shadow-xs/5 transition-shadow outline-none not-dark:bg-clip-padding before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-md)-1px)] before:shadow-[0_1px_--theme(--color-black/6%)] sm:text-sm dark:bg-input/64 dark:before:shadow-[0_-1px_--theme(--color-white/6%)] [&_svg]:-mx-0.5 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4",
-      className
-    ),
-    "data-slot": "group-text",
-  }
-  return useRender({
-    defaultTagName: "div",
-    props: mergeProps(defaultProps, props),
-    render,
-  })
-}
-
-export function GroupSeparator({
-  className,
-  orientation = "vertical",
-  ...props
-}: {
-  className?: string
-} & React.ComponentProps<typeof Separator>): React.ReactElement {
-  return (
-    <Separator
-      className={cn(
-        "pointer-events-none relative z-2 bg-input before:absolute before:inset-0 has-[+[data-slot=input-control]:focus-within,+[data-slot=input-group]:focus-within,+[data-slot=select-trigger]:focus-visible+*,+[data-slot=number-field]:focus-within]:translate-x-px has-[+[data-slot=input-control]:focus-within,+[data-slot=input-group]:focus-within,+[data-slot=select-trigger]:focus-visible+*,+[data-slot=number-field]:focus-within]:bg-ring dark:before:bg-input/32 [[data-slot=input-control]:focus-within+&,[data-slot=input-group]:focus-within+&,[data-slot=select-trigger]:focus-visible+*+&,[data-slot=number-field]:focus-within+&,[data-slot=number-field]:focus-within+input+&]:bg-ring [[data-slot=input-control]:focus-within+&,[data-slot=input-group]:focus-within+&,[data-slot=select-trigger]:focus-visible+*+&,[data-slot=number-field]:focus-within+input+&]:-translate-x-px",
-        className
-      )}
-      orientation={orientation}
-      {...props}
-    />
-  )
-}
-
-export {
-  Group as ButtonGroup,
-  GroupText as ButtonGroupText,
-  GroupSeparator as ButtonGroupSeparator,
-}