love-ui 1.2.13 → 1.2.15

package/public/r/combobox.json

@@ -1,19 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "combobox",
-  "dependencies": [
-    "@base-ui-components/react"
-  ],
-  "registryDependencies": [
-    "@loveui/input",
-    "@loveui/scroll-area"
-  ],
-  "files": [
-    {
-      "path": "registry/default/ui/combobox.tsx",
-      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Combobox as ComboboxPrimitive } from \"@base-ui-components/react/combobox\"\nimport { ChevronsUpDownIcon, XIcon } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Input } from \"@/registry/default/ui/input\"\nimport { ScrollArea } from \"@/registry/default/ui/scroll-area\"\n\nconst ComboboxContext = React.createContext<{\n  chipsRef: React.RefObject<HTMLDivElement | null> | null\n  multiple: boolean\n}>({\n  chipsRef: null,\n  multiple: false,\n})\n\nfunction Combobox<\n  ItemValue,\n  SelectedValue = ItemValue,\n  Multiple extends boolean | undefined = false,\n>(props: ComboboxPrimitive.Root.Props<ItemValue, SelectedValue, Multiple>) {\n  const chipsRef = React.useRef<HTMLDivElement | null>(null)\n  return (\n    <ComboboxContext.Provider value={{ chipsRef, multiple: !!props.multiple }}>\n      <ComboboxPrimitive.Root {...props} />\n    </ComboboxContext.Provider>\n  )\n}\n\nfunction ComboboxInput({\n  className,\n  showTrigger = true,\n  showClear = false,\n  size,\n  ...props\n}: Omit<ComboboxPrimitive.Input.Props, \"size\"> & {\n  showTrigger?: boolean\n  showClear?: boolean\n  size?: \"sm\" | \"default\" | \"lg\" | number\n}) {\n  const { multiple } = React.useContext(ComboboxContext)\n  const sizeValue = (size ?? \"default\") as \"sm\" | \"default\" | \"lg\" | number\n\n  // multiple mode\n  if (multiple) {\n    return (\n      <ComboboxPrimitive.Input\n        data-slot=\"combobox-input\"\n        className={cn(\n          \"min-w-12 flex-1 text-base/5 outline-none sm:text-sm [[data-slot=combobox-chip]+&]:ps-0.5\",\n          sizeValue === \"sm\" ? \"ps-1.5\" : \"ps-2\",\n          className\n        )}\n        data-size={typeof sizeValue === \"string\" ? sizeValue : undefined}\n        size={typeof sizeValue === \"number\" ? sizeValue : undefined}\n        {...props}\n      />\n    )\n  }\n  // single mode\n  return (\n    <div className=\"relative w-full has-disabled:opacity-64\">\n      <ComboboxPrimitive.Input\n        data-slot=\"combobox-input\"\n        className={cn(\n          sizeValue === \"sm\"\n            ? \"has-[+[data-slot=combobox-trigger],+[data-slot=combobox-clear]]:*:data-[slot=combobox-input]:pe-6.5\"\n            : \"has-[+[data-slot=combobox-trigger],+[data-slot=combobox-clear]]:*:data-[slot=combobox-input]:pe-7\",\n          className\n        )}\n        render={<Input size={sizeValue} className=\"has-disabled:opacity-100\" />}\n        {...props}\n      />\n      {showTrigger && (\n        <ComboboxTrigger\n          className={cn(\n            \"absolute top-1/2 inline-flex size-7 shrink-0 -translate-y-1/2 cursor-pointer items-center justify-center rounded-md border border-transparent opacity-72 transition-opacity outline-none hover:opacity-100 has-[+[data-slot=combobox-clear]]:hidden pointer-coarse:after:absolute pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n            sizeValue === \"sm\" ? \"end-0\" : \"end-0.5\"\n          )}\n        >\n          <ChevronsUpDownIcon />\n        </ComboboxTrigger>\n      )}\n      {showClear && (\n        <ComboboxClear\n          className={cn(\n            \"absolute top-1/2 inline-flex size-7 shrink-0 -translate-y-1/2 cursor-pointer items-center justify-center rounded-md border border-transparent opacity-72 transition-opacity outline-none hover:opacity-100 has-[+[data-slot=combobox-clear]]:hidden pointer-coarse:after:absolute pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n            sizeValue === \"sm\" ? \"end-0\" : \"end-0.5\"\n          )}\n        >\n          <XIcon />\n        </ComboboxClear>\n      )}\n    </div>\n  )\n}\n\nfunction ComboboxTrigger({\n  className,\n  ...props\n}: ComboboxPrimitive.Trigger.Props) {\n  return (\n    <ComboboxPrimitive.Trigger\n      data-slot=\"combobox-trigger\"\n      className={className}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxPopup({\n  className,\n  children,\n  sideOffset = 4,\n  ...props\n}: ComboboxPrimitive.Popup.Props & {\n  sideOffset?: number\n}) {\n  const { chipsRef } = React.useContext(ComboboxContext)\n\n  return (\n    <ComboboxPrimitive.Portal>\n      <ComboboxPrimitive.Positioner\n        data-slot=\"combobox-positioner\"\n        className=\"z-50 select-none\"\n        sideOffset={sideOffset}\n        anchor={chipsRef}\n      >\n        <span className=\"relative flex max-h-full origin-(--transform-origin) rounded-lg border bg-popover bg-clip-padding transition-[scale,opacity] before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] before:shadow-lg has-data-starting-style:scale-98 has-data-starting-style:opacity-0 dark:not-in-data-[slot=group]:bg-clip-border\">\n          <ComboboxPrimitive.Popup\n            data-slot=\"combobox-popup\"\n            className={cn(\n              \"flex max-h-[min(var(--available-height),23rem)] w-(--anchor-width) max-w-(--available-width) flex-col\",\n              className\n            )}\n            {...props}\n          >\n            {children}\n          </ComboboxPrimitive.Popup>\n        </span>\n      </ComboboxPrimitive.Positioner>\n    </ComboboxPrimitive.Portal>\n  )\n}\n\nfunction ComboboxItem({\n  className,\n  children,\n  ...props\n}: ComboboxPrimitive.Item.Props) {\n  return (\n    <ComboboxPrimitive.Item\n      data-slot=\"combobox-item\"\n      className={cn(\n        \"grid cursor-default grid-cols-[1rem_1fr] items-center gap-2 rounded-sm py-1 ps-2 pe-4 text-base outline-none in-data-[side=none]:min-w-[calc(var(--anchor-width)+1.25rem)] data-disabled:pointer-events-none data-disabled:opacity-64 data-highlighted:bg-accent data-highlighted:text-accent-foreground sm:text-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <ComboboxPrimitive.ItemIndicator className=\"col-start-1\">\n        <svg\n          xmlns=\"http://www.w3.org/1500/svg\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        >\n          <path d=\"M5.252 12.7 10.2 18.63 18.748 5.37\" />\n        </svg>\n      </ComboboxPrimitive.ItemIndicator>\n      <div className=\"col-start-2\">{children}</div>\n    </ComboboxPrimitive.Item>\n  )\n}\n\nfunction ComboboxSeparator({\n  className,\n  ...props\n}: ComboboxPrimitive.Separator.Props) {\n  return (\n    <ComboboxPrimitive.Separator\n      className={cn(\"mx-2 my-1 h-px bg-border last:hidden\", className)}\n      data-slot=\"combobox-separator\"\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {\n  return (\n    <ComboboxPrimitive.Group\n      data-slot=\"combobox-group\"\n      className={className}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxGroupLabel({\n  className,\n  ...props\n}: ComboboxPrimitive.GroupLabel.Props) {\n  return (\n    <ComboboxPrimitive.GroupLabel\n      className={cn(\n        \"px-2 py-1.5 text-xs font-medium text-muted-foreground\",\n        className\n      )}\n      data-slot=\"combobox-group-label\"\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props) {\n  return (\n    <ComboboxPrimitive.Empty\n      className={cn(\n        \"text-center text-sm text-muted-foreground not-empty:p-2\",\n        className\n      )}\n      data-slot=\"combobox-empty\"\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxRow({ className, ...props }: ComboboxPrimitive.Row.Props) {\n  return (\n    <ComboboxPrimitive.Row\n      data-slot=\"combobox-row\"\n      className={className}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) {\n  return <ComboboxPrimitive.Value data-slot=\"combobox-value\" {...props} />\n}\n\nfunction ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) {\n  return (\n    <ScrollArea className=\"flex-1\">\n      <ComboboxPrimitive.List\n        data-slot=\"combobox-list\"\n        className={cn(\n          \"not-empty:scroll-py-1 not-empty:px-1 not-empty:py-1 in-data-has-overflow-y:pe-3\",\n          className\n        )}\n        {...props}\n      />\n    </ScrollArea>\n  )\n}\n\nfunction ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {\n  return (\n    <ComboboxPrimitive.Clear\n      data-slot=\"combobox-clear\"\n      className={className}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxStatus({\n  className,\n  ...props\n}: ComboboxPrimitive.Status.Props) {\n  return (\n    <ComboboxPrimitive.Status\n      data-slot=\"combobox-status\"\n      className={cn(\n        \"px-3 py-2 text-xs font-medium text-muted-foreground empty:m-0 empty:p-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxCollection(props: ComboboxPrimitive.Collection.Props) {\n  return (\n    <ComboboxPrimitive.Collection data-slot=\"combobox-collection\" {...props} />\n  )\n}\n\nfunction ComboboxChips({ className, ...props }: ComboboxPrimitive.Chips.Props) {\n  const { chipsRef } = React.useContext(ComboboxContext)\n\n  return (\n    <ComboboxPrimitive.Chips\n      ref={chipsRef}\n      data-slot=\"combobox-chips\"\n      className={cn(\n        \"relative inline-flex min-h-8 w-full flex-wrap gap-1 rounded-lg border border-input bg-background bg-clip-padding p-[calc(--spacing(1)-1px)] text-base/5 shadow-xs ring-ring/24 transition-shadow outline-none *:min-h-6 before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] not-has-disabled:not-focus-within:not-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] focus-within:border-ring focus-within:ring-[3px] has-disabled:pointer-events-none has-disabled:opacity-64 has-aria-invalid:border-destructive/36 focus-within:has-aria-invalid:border-destructive/64 focus-within:has-aria-invalid:ring-destructive/16 has-data-[size=lg]:min-h-9 has-data-[size=lg]:*:min-h-7 has-data-[size=sm]:min-h-7 has-data-[size=sm]:*:min-h-5 sm:text-sm dark:not-in-data-[slot=group]:bg-clip-border dark:not-has-disabled:bg-input/32 dark:not-has-disabled:not-focus-within:not-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/8%)] dark:has-aria-invalid:ring-destructive/24 [&:has(:disabled,:focus-within,[aria-invalid])]:shadow-none\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxChip({ children, ...props }: ComboboxPrimitive.Chip.Props) {\n  return (\n    <ComboboxPrimitive.Chip\n      data-slot=\"combobox-chip\"\n      className=\"flex items-center rounded-md bg-accent ps-2 text-xs font-medium text-accent-foreground outline-none\"\n      {...props}\n    >\n      {children}\n      <ComboboxChipRemove />\n    </ComboboxPrimitive.Chip>\n  )\n}\n\nfunction ComboboxChipRemove(props: ComboboxPrimitive.ChipRemove.Props) {\n  return (\n    <ComboboxPrimitive.ChipRemove\n      data-slot=\"combobox-chip-remove\"\n      className=\"h-full shrink-0 cursor-pointer px-1.5 opacity-72 hover:opacity-100 [&_svg:not([class*='size-'])]:size-3.5\"\n      aria-label=\"Remove\"\n      {...props}\n    >\n      <XIcon />\n    </ComboboxPrimitive.ChipRemove>\n  )\n}\n\nexport {\n  Combobox,\n  ComboboxInput,\n  ComboboxTrigger,\n  ComboboxPopup,\n  ComboboxItem,\n  ComboboxSeparator,\n  ComboboxGroup,\n  ComboboxGroupLabel,\n  ComboboxEmpty,\n  ComboboxValue,\n  ComboboxList,\n  ComboboxClear,\n  ComboboxStatus,\n  ComboboxRow,\n  ComboboxCollection,\n  ComboboxChips,\n  ComboboxChip,\n}\n",
-      "type": "registry:ui"
-    }
-  ],
-  "type": "registry:ui"
-}

package/public/r/command.json

@@ -1,18 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "command",
-  "type": "registry:ui",
-  "dependencies": [
-    "cmdk"
-  ],
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/dialog.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/ui/command.tsx",
-      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Command as CommandPrimitive } from \"cmdk\"\nimport { SearchIcon } from \"lucide-react\"\n\nimport { cn } from \"@/registry/default/lib/utils\"\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from \"@/registry/default/ui/dialog\"\n\nfunction Command({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn(\n        \"flex size-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandDialog({\n  title = \"Command Palette\",\n  description = \"Search for a command to run...\",\n  children,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string\n  description?: string\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent className=\"overflow-hidden p-0 sm:max-w-lg [&>button:last-child]:hidden\">\n        <Command className=\"max-h-[100svh] **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]]:px-2 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-3 [&_[cmdk-item]]:py-2\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nfunction CommandInput({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div\n      className=\"flex items-center border-b border-input px-5\"\n      cmdk-input-wrapper=\"\"\n    >\n      <SearchIcon size={20} className=\"me-3 text-muted-foreground/80\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input-wrapper\"\n        className={cn(\n          \"flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-muted-foreground/70 disabled:cursor-not-allowed disabled:opacity-50\",\n          className\n        )}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction CommandList({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn(\n        \"max-h-80 flex-1 overflow-x-hidden overflow-y-auto\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandEmpty({\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className=\"py-6 text-center text-sm\"\n      {...props}\n    />\n  )\n}\n\nfunction CommandGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        \"overflow-hidden p-2 text-foreground [&_[cmdk-group-heading]]:px-3 [&_[cmdk-group-heading]]:py-2 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return (\n    <CommandPrimitive.Separator\n      data-slot=\"command-separator\"\n      className={cn(\"-mx-1 h-px bg-border\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CommandItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        \"relative flex cursor-default items-center gap-3 rounded-md px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <kbd\n      data-slot=\"command-shortcut\"\n      className={cn(\n        \"ms-auto -me-1 inline-flex h-5 max-h-full items-center rounded border bg-background px-1 font-[inherit] text-[0.625rem] font-medium text-muted-foreground/70\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Command,\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut,\n}\n",
-      "type": "registry:ui"
-    }
-  ]
-}

package/public/r/comp-01.json

@@ -1,22 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-01",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/input.json",
-    "https://loveui.dev/building-blocks/r/label.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-01.tsx",
-      "content": "import { useId } from \"react\"\n\nimport { Input } from \"@/registry/building-blocks/default/ui/input\"\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <div className=\"*:not-first:mt-2\">\n      <Label htmlFor={id}>Simple input</Label>\n      <Input id={id} placeholder=\"Email\" type=\"email\" />\n    </div>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "input",
-      "label"
-    ]
-  }
-}

package/public/r/comp-02.json

@@ -1,23 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-02",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/input.json",
-    "https://loveui.dev/building-blocks/r/label.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-02.tsx",
-      "content": "import { useId } from \"react\"\n\nimport { Input } from \"@/registry/building-blocks/default/ui/input\"\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <div className=\"*:not-first:mt-2\">\n      <Label htmlFor={id}>\n        Required input <span className=\"text-destructive\">*</span>\n      </Label>\n      <Input id={id} placeholder=\"Email\" type=\"email\" required />\n    </div>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "input",
-      "label",
-      "required"
-    ]
-  }
-}

package/public/r/comp-03.json

@@ -1,23 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-03",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/input.json",
-    "https://loveui.dev/building-blocks/r/label.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-03.tsx",
-      "content": "import { useId } from \"react\"\n\nimport { Input } from \"@/registry/building-blocks/default/ui/input\"\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <div className=\"*:not-first:mt-2\">\n      <Label htmlFor={id}>Input with helper text</Label>\n      <Input id={id} placeholder=\"Email\" type=\"email\" />\n      <p\n        className=\"mt-2 text-xs text-muted-foreground\"\n        role=\"region\"\n        aria-live=\"polite\"\n      >\n        We won&lsquo;t share your email with anyone\n      </p>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "input",
-      "label",
-      "helper"
-    ]
-  }
-}

package/public/r/comp-04.json

@@ -1,23 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-04",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/input.json",
-    "https://loveui.dev/building-blocks/r/label.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-04.tsx",
-      "content": "import { useId } from \"react\"\n\nimport { Input } from \"@/registry/building-blocks/default/ui/input\"\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <div className=\"*:not-first:mt-2\">\n      <div className=\"flex items-center justify-between gap-2\">\n        <Label htmlFor={id} className=\"leading-6\">\n          Input with hint\n        </Label>\n        <span className=\"text-sm text-muted-foreground\">Optional</span>\n      </div>\n      <Input id={id} placeholder=\"Email\" type=\"email\" />\n    </div>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "input",
-      "label",
-      "hint"
-    ]
-  }
-}

package/public/r/comp-05.json

@@ -1,22 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-05",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/input.json",
-    "https://loveui.dev/building-blocks/r/label.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-05.tsx",
-      "content": "import { useId } from \"react\"\n\nimport { Input } from \"@/registry/building-blocks/default/ui/input\"\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <>\n      <div className=\"[--ring:var(--color-indigo-300)] *:not-first:mt-2 in-[.dark]:[--ring:var(--color-indigo-900)]\">\n        <Label htmlFor={id}>Input with colored border and ring</Label>\n        <Input id={id} placeholder=\"Email\" type=\"email\" />\n      </div>\n    </>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "input",
-      "label"
-    ]
-  }
-}

package/public/r/comp-06.json

@@ -1,23 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-06",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/input.json",
-    "https://loveui.dev/building-blocks/r/label.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-06.tsx",
-      "content": "import { useId } from \"react\"\n\nimport { Input } from \"@/registry/building-blocks/default/ui/input\"\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <div className=\"*:not-first:mt-2\">\n      <Label htmlFor={id}>Input with error</Label>\n      <Input\n        id={id}\n        className=\"peer\"\n        placeholder=\"Email\"\n        type=\"email\"\n        defaultValue=\"invalid@email.com\"\n        aria-invalid\n      />\n      <p\n        className=\"mt-2 text-xs peer-aria-invalid:text-destructive\"\n        role=\"alert\"\n        aria-live=\"polite\"\n      >\n        Email is invalid\n      </p>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "input",
-      "label",
-      "error"
-    ]
-  }
-}

package/public/r/comp-07.json

@@ -1,22 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-07",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/input.json",
-    "https://loveui.dev/building-blocks/r/label.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-07.tsx",
-      "content": "import { useId } from \"react\"\n\nimport { Input } from \"@/registry/building-blocks/default/ui/input\"\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <div className=\"*:not-first:mt-2\">\n      <Label htmlFor={id}>Input with gray background</Label>\n      <Input\n        id={id}\n        className=\"border-transparent bg-muted shadow-none\"\n        placeholder=\"Email\"\n        type=\"email\"\n      />\n    </div>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "input",
-      "label"
-    ]
-  }
-}

package/public/r/comp-08.json

@@ -1,23 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-08",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/input.json",
-    "https://loveui.dev/building-blocks/r/label.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-08.tsx",
-      "content": "import { useId } from \"react\"\n\nimport { Input } from \"@/registry/building-blocks/default/ui/input\"\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <div className=\"*:not-first:mt-2\">\n      <Label htmlFor={id}>Disabled input</Label>\n      <Input id={id} placeholder=\"Email\" type=\"email\" disabled />\n    </div>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "input",
-      "label",
-      "disabled"
-    ]
-  }
-}

package/public/r/comp-09.json

@@ -1,22 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-09",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/input.json",
-    "https://loveui.dev/building-blocks/r/label.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-09.tsx",
-      "content": "import { useId } from \"react\"\nimport { AtSignIcon } from \"lucide-react\"\n\nimport { Input } from \"@/registry/building-blocks/default/ui/input\"\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <div className=\"*:not-first:mt-2\">\n      <Label htmlFor={id}>Input with start icon</Label>\n      <div className=\"relative\">\n        <Input id={id} className=\"peer ps-9\" placeholder=\"Email\" type=\"email\" />\n        <div className=\"pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3 text-muted-foreground/80 peer-disabled:opacity-50\">\n          <AtSignIcon size={16} aria-hidden=\"true\" />\n        </div>\n      </div>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "input",
-      "label"
-    ]
-  }
-}

package/public/r/comp-10.json

@@ -1,22 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-10",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/input.json",
-    "https://loveui.dev/building-blocks/r/label.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-10.tsx",
-      "content": "import { useId } from \"react\"\nimport { MailIcon } from \"lucide-react\"\n\nimport { Input } from \"@/registry/building-blocks/default/ui/input\"\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <div className=\"*:not-first:mt-2\">\n      <Label htmlFor={id}>Input with end icon</Label>\n      <div className=\"relative\">\n        <Input id={id} className=\"peer pe-9\" placeholder=\"Email\" type=\"email\" />\n        <div className=\"pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center pe-3 text-muted-foreground/80 peer-disabled:opacity-50\">\n          <MailIcon size={16} aria-hidden=\"true\" />\n        </div>\n      </div>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "input",
-      "label"
-    ]
-  }
-}

package/public/r/comp-100.json

@@ -1,23 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-100",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/button.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-100.tsx",
-      "content": "\"use client\"\n\nimport { useState } from \"react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\n\nexport default function Component() {\n  const [open, setOpen] = useState<boolean>(false)\n\n  return (\n    <Button\n      className=\"group\"\n      variant=\"outline\"\n      size=\"icon\"\n      onClick={() => setOpen((prevState) => !prevState)}\n      aria-expanded={open}\n      aria-label={open ? \"Close menu\" : \"Open menu\"}\n    >\n      <svg\n        className=\"pointer-events-none\"\n        width={16}\n        height={16}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M4 12L20 12\"\n          className=\"origin-center -translate-y-[7px] transition-all duration-300 ease-[cubic-bezier(.5,.85,.25,1.1)] group-aria-expanded:translate-x-0 group-aria-expanded:translate-y-0 group-aria-expanded:rotate-[315deg]\"\n        />\n        <path\n          d=\"M4 12H20\"\n          className=\"origin-center transition-all duration-300 ease-[cubic-bezier(.5,.85,.25,1.8)] group-aria-expanded:rotate-45\"\n        />\n        <path\n          d=\"M4 12H20\"\n          className=\"origin-center translate-y-[7px] transition-all duration-300 ease-[cubic-bezier(.5,.85,.25,1.1)] group-aria-expanded:translate-y-0 group-aria-expanded:rotate-[135deg]\"\n        />\n      </svg>\n    </Button>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "button",
-      "menu",
-      "hamburger"
-    ],
-    "style": 2
-  }
-}

package/public/r/comp-101.json

@@ -1,23 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-101",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/toggle.json",
-    "https://loveui.dev/building-blocks/r/tooltip.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-101.tsx",
-      "content": "\"use client\"\n\nimport { useState } from \"react\"\nimport { BookmarkIcon } from \"lucide-react\"\n\nimport { Toggle } from \"@/registry/building-blocks/default/ui/toggle\"\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/registry/building-blocks/default/ui/tooltip\"\n\nexport default function Component() {\n  const [bookmarked, setBookmarked] = useState<boolean>(false)\n  return (\n    <TooltipProvider>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <div>\n            <Toggle\n              className=\"group size-9 p-0 hover:bg-indigo-50 hover:text-indigo-500 data-[state=on]:bg-indigo-50 data-[state=on]:text-indigo-500\"\n              aria-label=\"Bookmark this\"\n              pressed={bookmarked}\n              onPressedChange={setBookmarked}\n            >\n              <BookmarkIcon size={16} aria-hidden=\"true\" />\n            </Toggle>\n          </div>\n        </TooltipTrigger>\n        <TooltipContent className=\"px-2 py-1 text-xs\">\n          <p>{bookmarked ? \"Remove bookmark\" : \"Bookmark this\"}</p>\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "button",
-      "toggle"
-    ],
-    "style": 2
-  }
-}

package/public/r/comp-102.json

@@ -1,23 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-102",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/button.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-102.tsx",
-      "content": "import { ChevronDownIcon, ChevronUpIcon } from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\n\nexport default function Component() {\n  return (\n    <div className=\"inline-flex -space-x-px rounded-md shadow-xs rtl:space-x-reverse\">\n      <Button\n        className=\"rounded-none shadow-none first:rounded-s-md last:rounded-e-md focus-visible:z-10\"\n        variant=\"outline\"\n        size=\"icon\"\n        aria-label=\"Upvote\"\n      >\n        <ChevronUpIcon size={16} aria-hidden=\"true\" />\n      </Button>\n      <span className=\"flex items-center border border-input px-3 text-sm font-medium\">\n        235\n      </span>\n      <Button\n        className=\"rounded-none shadow-none first:rounded-s-md last:rounded-e-md focus-visible:z-10\"\n        variant=\"outline\"\n        size=\"icon\"\n        aria-label=\"Downvote\"\n      >\n        <ChevronDownIcon size={16} aria-hidden=\"true\" />\n      </Button>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "button",
-      "vote",
-      "counter"
-    ],
-    "style": 2
-  }
-}

package/public/r/comp-103.json

@@ -1,23 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-103",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/button.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-103.tsx",
-      "content": "import { ChevronDownIcon, ChevronUpIcon } from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\n\nexport default function Component() {\n  return (\n    <div className=\"inline-flex -space-x-px rounded-full shadow-xs rtl:space-x-reverse\">\n      <Button\n        className=\"rounded-none shadow-none first:rounded-s-full last:rounded-e-full focus-visible:z-10\"\n        size=\"icon\"\n        aria-label=\"Upvote\"\n      >\n        <ChevronUpIcon size={16} aria-hidden=\"true\" />\n      </Button>\n      <span className=\"flex items-center bg-primary px-1 text-sm font-medium text-primary-foreground\">\n        235\n      </span>\n      <Button\n        className=\"rounded-none shadow-none first:rounded-s-full last:rounded-e-full focus-visible:z-10\"\n        size=\"icon\"\n        aria-label=\"Downvote\"\n      >\n        <ChevronDownIcon size={16} aria-hidden=\"true\" />\n      </Button>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "button",
-      "vote",
-      "counter"
-    ],
-    "style": 2
-  }
-}

package/public/r/comp-104.json

@@ -1,23 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-104",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/button.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-104.tsx",
-      "content": "\"use client\"\n\nimport { useState } from \"react\"\nimport {\n  MinusIcon,\n  PlusIcon,\n  Volume1Icon,\n  Volume2Icon,\n  VolumeIcon,\n  VolumeXIcon,\n} from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\n\nexport default function Component() {\n  const [volume, setVolume] = useState(3) // Initialize volume state (0-9)\n\n  const decreaseVolume = () => setVolume((prev) => Math.max(0, prev - 1))\n  const increaseVolume = () => setVolume((prev) => Math.min(6, prev + 1))\n\n  // Optimized volume icon selection\n  const Icon =\n    volume === 0\n      ? VolumeXIcon\n      : volume < 3\n        ? VolumeIcon\n        : volume < 5\n          ? Volume1Icon\n          : Volume2Icon\n\n  return (\n    <div\n      className=\"inline-flex items-center\"\n      role=\"group\"\n      aria-labelledby=\"volume-control\"\n    >\n      <span id=\"volume-control\" className=\"sr-only\">\n        Volume Control\n      </span>\n      <Button\n        className=\"rounded-full\"\n        variant=\"outline\"\n        size=\"icon\"\n        aria-label=\"Decrease volume\"\n        onClick={decreaseVolume}\n        disabled={volume === 0}\n      >\n        <MinusIcon size={16} aria-hidden=\"true\" />\n      </Button>\n      <div\n        className=\"flex items-center px-3 text-sm font-medium tabular-nums\"\n        aria-live=\"polite\"\n      >\n        <Icon className=\"opacity-60\" size={16} aria-hidden=\"true\" />\n        <span className=\"ms-2\" aria-label={`Current volume is ${volume}`}>\n          {volume}\n        </span>\n      </div>\n      <Button\n        className=\"rounded-full\"\n        variant=\"outline\"\n        size=\"icon\"\n        aria-label=\"Increase volume\"\n        onClick={increaseVolume}\n        disabled={volume === 6}\n      >\n        <PlusIcon size={16} aria-hidden=\"true\" />\n      </Button>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "button",
-      "volume",
-      "controls"
-    ],
-    "style": 2
-  }
-}

package/public/r/comp-105.json

@@ -1,23 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-105",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/button.json",
-    "https://loveui.dev/building-blocks/r/tooltip.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-105.tsx",
-      "content": "\"use client\"\n\nimport { useState } from \"react\"\nimport { CheckIcon, CopyIcon } from \"lucide-react\"\n\nimport { cn } from \"@/registry/building-blocks/default/lib/utils\"\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/registry/building-blocks/default/ui/tooltip\"\n\nexport default function Component() {\n  const [copied, setCopied] = useState<boolean>(false)\n\n  const handleCopy = async () => {\n    try {\n      // await navigator.clipboard.writeText(\"string to copy\");\n      setCopied(true)\n      setTimeout(() => setCopied(false), 1500)\n    } catch (err) {\n      console.error(\"Failed to copy text: \", err)\n    }\n  }\n\n  return (\n    <TooltipProvider delayDuration={0}>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button\n            variant=\"outline\"\n            size=\"icon\"\n            className=\"disabled:opacity-100\"\n            onClick={handleCopy}\n            aria-label={copied ? \"Copied\" : \"Copy to clipboard\"}\n            disabled={copied}\n          >\n            <div\n              className={cn(\n                \"transition-all\",\n                copied ? \"scale-100 opacity-100\" : \"scale-0 opacity-0\"\n              )}\n            >\n              <CheckIcon\n                className=\"stroke-emerald-500\"\n                size={16}\n                aria-hidden=\"true\"\n              />\n            </div>\n            <div\n              className={cn(\n                \"absolute transition-all\",\n                copied ? \"scale-0 opacity-0\" : \"scale-100 opacity-100\"\n              )}\n            >\n              <CopyIcon size={16} aria-hidden=\"true\" />\n            </div>\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent className=\"px-2 py-1 text-xs\">\n          Click to copy\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "button",
-      "copy"
-    ],
-    "style": 2
-  }
-}

package/public/r/comp-106.json

@@ -1,22 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-106",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/button.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-106.tsx",
-      "content": "import { FlipHorizontalIcon, FlipVerticalIcon } from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\n\nexport default function Component() {\n  return (\n    <div className=\"inline-flex -space-x-px rounded-md shadow-xs rtl:space-x-reverse\">\n      <Button\n        className=\"rounded-none shadow-none first:rounded-s-md last:rounded-e-md focus-visible:z-10\"\n        variant=\"outline\"\n        size=\"icon\"\n        aria-label=\"Flip Horizontal\"\n      >\n        <FlipHorizontalIcon size={16} aria-hidden=\"true\" />\n      </Button>\n      <Button\n        className=\"rounded-none shadow-none first:rounded-s-md last:rounded-e-md focus-visible:z-10\"\n        variant=\"outline\"\n        size=\"icon\"\n        aria-label=\"Flip Vertical\"\n      >\n        <FlipVerticalIcon size={16} aria-hidden=\"true\" />\n      </Button>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "button",
-      "toggle group"
-    ],
-    "style": 2
-  }
-}

package/public/r/comp-107.json

@@ -1,22 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-107",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/toggle-group.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-107.tsx",
-      "content": "\"use client\"\n\nimport { useState } from \"react\"\nimport {\n  AlignCenterIcon,\n  AlignJustifyIcon,\n  AlignLeftIcon,\n  AlignRightIcon,\n} from \"lucide-react\"\n\nimport {\n  ToggleGroup,\n  ToggleGroupItem,\n} from \"@/registry/building-blocks/default/ui/toggle-group\"\n\nexport default function Component() {\n  const [value, setValue] = useState<string>(\"center\")\n\n  return (\n    <ToggleGroup\n      className=\"inline-flex divide-x divide-background\"\n      type=\"single\"\n      value={value}\n      onValueChange={(value) => {\n        if (value) setValue(value)\n      }}\n    >\n      <ToggleGroupItem\n        className=\"bg-primary/80 text-primary-foreground hover:bg-primary hover:text-primary-foreground data-[state=on]:bg-primary data-[state=on]:text-primary-foreground\"\n        aria-label=\"Align Left\"\n        value=\"left\"\n      >\n        <AlignLeftIcon size={16} aria-hidden=\"true\" />\n      </ToggleGroupItem>\n      <ToggleGroupItem\n        className=\"bg-primary/80 text-primary-foreground hover:bg-primary hover:text-primary-foreground data-[state=on]:bg-primary data-[state=on]:text-primary-foreground\"\n        aria-label=\"Align Center\"\n        value=\"center\"\n      >\n        <AlignCenterIcon size={16} aria-hidden=\"true\" />\n      </ToggleGroupItem>\n      <ToggleGroupItem\n        className=\"bg-primary/80 text-primary-foreground hover:bg-primary hover:text-primary-foreground data-[state=on]:bg-primary data-[state=on]:text-primary-foreground\"\n        aria-label=\"Align Right\"\n        value=\"right\"\n      >\n        <AlignRightIcon size={16} aria-hidden=\"true\" />\n      </ToggleGroupItem>\n      <ToggleGroupItem\n        className=\"bg-primary/80 text-primary-foreground hover:bg-primary hover:text-primary-foreground data-[state=on]:bg-primary data-[state=on]:text-primary-foreground\"\n        aria-label=\"Align Justify\"\n        value=\"justify\"\n      >\n        <AlignJustifyIcon size={16} aria-hidden=\"true\" />\n      </ToggleGroupItem>\n    </ToggleGroup>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "button",
-      "toggle group"
-    ],
-    "style": 2
-  }
-}

package/public/r/comp-108.json

@@ -1,23 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-108",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/button.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-108.tsx",
-      "content": "import { EllipsisIcon, FilesIcon, FilmIcon } from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\n\nexport default function Component() {\n  return (\n    <div className=\"inline-flex -space-x-px rounded-md shadow-xs rtl:space-x-reverse\">\n      <Button\n        className=\"rounded-none shadow-none first:rounded-s-md last:rounded-e-md focus-visible:z-10\"\n        variant=\"outline\"\n      >\n        <FilesIcon className=\"-ms-1 opacity-60\" size={16} aria-hidden=\"true\" />\n        Files\n      </Button>\n      <Button\n        className=\"rounded-none shadow-none first:rounded-s-md last:rounded-e-md focus-visible:z-10\"\n        variant=\"outline\"\n      >\n        <FilmIcon className=\"-ms-1 opacity-60\" size={16} aria-hidden=\"true\" />\n        Media\n      </Button>\n      <Button\n        className=\"rounded-none shadow-none first:rounded-s-md last:rounded-e-md focus-visible:z-10\"\n        variant=\"outline\"\n        size=\"icon\"\n        aria-label=\"Menu\"\n      >\n        <EllipsisIcon size={16} aria-hidden=\"true\" />\n      </Button>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "button",
-      "toggle group",
-      "dropdown"
-    ],
-    "style": 2
-  }
-}

package/public/r/comp-109.json

@@ -1,22 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-109",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/toggle-group.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-109.tsx",
-      "content": "import {\n  ToggleGroup,\n  ToggleGroupItem,\n} from \"@/registry/building-blocks/default/ui/toggle-group\"\n\nexport default function Component() {\n  return (\n    <ToggleGroup variant=\"outline\" className=\"inline-flex\" type=\"single\">\n      <ToggleGroupItem value=\"left\">Left</ToggleGroupItem>\n      <ToggleGroupItem value=\"center\">Center</ToggleGroupItem>\n      <ToggleGroupItem value=\"right\">Right</ToggleGroupItem>\n    </ToggleGroup>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "button",
-      "toggle group"
-    ],
-    "style": 2
-  }
-}

package/public/r/comp-11.json

@@ -1,22 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-11",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/input.json",
-    "https://loveui.dev/building-blocks/r/label.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-11.tsx",
-      "content": "import { useId } from \"react\"\n\nimport { Input } from \"@/registry/building-blocks/default/ui/input\"\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <div className=\"*:not-first:mt-2\">\n      <Label htmlFor={id}>Input with start inline add-on</Label>\n      <div className=\"relative\">\n        <Input\n          id={id}\n          className=\"peer ps-16\"\n          placeholder=\"google.com\"\n          type=\"text\"\n        />\n        <span className=\"pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3 text-sm text-muted-foreground peer-disabled:opacity-50\">\n          https://\n        </span>\n      </div>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "input",
-      "label"
-    ]
-  }
-}