love-ui 1.2.13 → 1.2.15

package/public/r/comp-231.json

@@ -1,32 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-231",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/button.json",
-    "https://loveui.dev/building-blocks/r/command.json",
-    "https://loveui.dev/building-blocks/r/label.json",
-    "https://loveui.dev/building-blocks/r/popover.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-231.tsx",
-      "content": "\"use client\"\n\nimport { useId, useMemo, useState } from \"react\"\nimport { CheckIcon, ChevronDownIcon } from \"lucide-react\"\n\nimport { cn } from \"@/registry/building-blocks/default/lib/utils\"\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from \"@/registry/building-blocks/default/ui/command\"\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@/registry/building-blocks/default/ui/popover\"\n\nexport default function Component() {\n  const id = useId()\n  const [open, setOpen] = useState<boolean>(false)\n  const [value, setValue] = useState<string>(\"Europe/London\")\n\n  const timezones = Intl.supportedValuesOf(\"timeZone\")\n\n  const formattedTimezones = useMemo(() => {\n    return timezones\n      .map((timezone) => {\n        const formatter = new Intl.DateTimeFormat(\"en\", {\n          timeZone: timezone,\n          timeZoneName: \"shortOffset\",\n        })\n        const parts = formatter.formatToParts(new Date())\n        const offset =\n          parts.find((part) => part.type === \"timeZoneName\")?.value || \"\"\n        const modifiedOffset = offset === \"GMT\" ? \"GMT+0\" : offset\n\n        return {\n          value: timezone,\n          label: `(${modifiedOffset}) ${timezone.replace(/_/g, \" \")}`,\n          numericOffset: parseInt(\n            offset.replace(\"GMT\", \"\").replace(\"+\", \"\") || \"0\"\n          ),\n        }\n      })\n      .sort((a, b) => a.numericOffset - b.numericOffset)\n  }, [timezones])\n\n  return (\n    <div className=\"*:not-first:mt-2\">\n      <Label htmlFor={id}>Timezone select with search</Label>\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <Button\n            id={id}\n            variant=\"outline\"\n            role=\"combobox\"\n            aria-expanded={open}\n            className=\"w-full justify-between border-input bg-background px-3 font-normal outline-offset-0 outline-none hover:bg-background focus-visible:outline-[3px]\"\n          >\n            <span className={cn(\"truncate\", !value && \"text-muted-foreground\")}>\n              {value\n                ? formattedTimezones.find(\n                    (timezone) => timezone.value === value\n                  )?.label\n                : \"Select timezone\"}\n            </span>\n            <ChevronDownIcon\n              size={16}\n              className=\"shrink-0 text-muted-foreground/80\"\n              aria-hidden=\"true\"\n            />\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent\n          className=\"w-full min-w-[var(--radix-popper-anchor-width)] border-input p-0\"\n          align=\"start\"\n        >\n          <Command\n            filter={(value, search) => {\n              const normalizedValue = value.toLowerCase()\n              const normalizedSearch = search.toLowerCase().replace(/\\s+/g, \"\")\n              return normalizedValue.includes(normalizedSearch) ? 1 : 0\n            }}\n          >\n            <CommandInput placeholder=\"Search timezone...\" />\n            <CommandList>\n              <CommandEmpty>No timezone found.</CommandEmpty>\n              <CommandGroup>\n                {formattedTimezones.map(({ value: itemValue, label }) => (\n                  <CommandItem\n                    key={itemValue}\n                    value={itemValue}\n                    onSelect={(currentValue) => {\n                      setValue(currentValue === value ? \"\" : currentValue)\n                      setOpen(false)\n                    }}\n                  >\n                    {label}\n                    {value === itemValue && (\n                      <CheckIcon size={16} className=\"ml-auto\" />\n                    )}\n                  </CommandItem>\n                ))}\n              </CommandGroup>\n            </CommandList>\n          </Command>\n        </PopoverContent>\n      </Popover>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "label",
-      "select",
-      "command",
-      "combobox",
-      "popover",
-      "search",
-      "autocomplete",
-      "timezone",
-      "time",
-      "radix"
-    ]
-  }
-}

package/public/r/comp-232.json

@@ -1,31 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-232",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/button.json",
-    "https://loveui.dev/building-blocks/r/command.json",
-    "https://loveui.dev/building-blocks/r/label.json",
-    "https://loveui.dev/building-blocks/r/popover.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-232.tsx",
-      "content": "\"use client\"\n\nimport { Fragment, useId, useState } from \"react\"\nimport { CheckIcon, ChevronDownIcon } from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from \"@/registry/building-blocks/default/ui/command\"\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@/registry/building-blocks/default/ui/popover\"\n\nconst countries = [\n  {\n    continent: \"America\",\n    items: [\n      { value: \"United States\", flag: \"🇺🇸\" },\n      { value: \"Canada\", flag: \"🇨🇦\" },\n      { value: \"Mexico\", flag: \"🇲🇽\" },\n    ],\n  },\n  {\n    continent: \"Africa\",\n    items: [\n      { value: \"South Africa\", flag: \"🇿🇦\" },\n      { value: \"Nigeria\", flag: \"🇳🇬\" },\n      { value: \"Morocco\", flag: \"🇲🇦\" },\n    ],\n  },\n  {\n    continent: \"Asia\",\n    items: [\n      { value: \"China\", flag: \"🇨🇳\" },\n      { value: \"Japan\", flag: \"🇯🇵\" },\n      { value: \"India\", flag: \"🇮🇳\" },\n    ],\n  },\n  {\n    continent: \"Europe\",\n    items: [\n      { value: \"United Kingdom\", flag: \"🇬🇧\" },\n      { value: \"France\", flag: \"🇫🇷\" },\n      { value: \"Germany\", flag: \"🇩🇪\" },\n    ],\n  },\n  {\n    continent: \"Oceania\",\n    items: [\n      { value: \"Australia\", flag: \"🇦🇺\" },\n      { value: \"New Zealand\", flag: \"🇳🇿\" },\n    ],\n  },\n]\n\nexport default function Component() {\n  const id = useId()\n  const [open, setOpen] = useState<boolean>(false)\n  const [value, setValue] = useState<string>(\"\")\n\n  return (\n    <div className=\"*:not-first:mt-2\">\n      <Label htmlFor={id}>Options with flag and search</Label>\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <Button\n            id={id}\n            variant=\"outline\"\n            role=\"combobox\"\n            aria-expanded={open}\n            className=\"w-full justify-between border-input bg-background px-3 font-normal outline-offset-0 outline-none hover:bg-background focus-visible:outline-[3px]\"\n          >\n            {value ? (\n              <span className=\"flex min-w-0 items-center gap-2\">\n                <span className=\"text-lg leading-none\">\n                  {\n                    countries\n                      .map((group) =>\n                        group.items.find((item) => item.value === value)\n                      )\n                      .filter(Boolean)[0]?.flag\n                  }\n                </span>\n                <span className=\"truncate\">{value}</span>\n              </span>\n            ) : (\n              <span className=\"text-muted-foreground\">Select country</span>\n            )}\n            <ChevronDownIcon\n              size={16}\n              className=\"shrink-0 text-muted-foreground/80\"\n              aria-hidden=\"true\"\n            />\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent\n          className=\"w-full min-w-[var(--radix-popper-anchor-width)] border-input p-0\"\n          align=\"start\"\n        >\n          <Command>\n            <CommandInput placeholder=\"Search country...\" />\n            <CommandList>\n              <CommandEmpty>No country found.</CommandEmpty>\n              {countries.map((group) => (\n                <Fragment key={group.continent}>\n                  <CommandGroup heading={group.continent}>\n                    {group.items.map((country) => (\n                      <CommandItem\n                        key={country.value}\n                        value={country.value}\n                        onSelect={(currentValue) => {\n                          setValue(currentValue)\n                          setOpen(false)\n                        }}\n                      >\n                        <span className=\"text-lg leading-none\">\n                          {country.flag}\n                        </span>{\" \"}\n                        {country.value}\n                        {value === country.value && (\n                          <CheckIcon size={16} className=\"ml-auto\" />\n                        )}\n                      </CommandItem>\n                    ))}\n                  </CommandGroup>\n                </Fragment>\n              ))}\n            </CommandList>\n          </Command>\n        </PopoverContent>\n      </Popover>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "label",
-      "select",
-      "command",
-      "combobox",
-      "popover",
-      "search",
-      "autocomplete",
-      "flag",
-      "radix"
-    ]
-  }
-}

package/public/r/comp-233.json

@@ -1,30 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-233",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/button.json",
-    "https://loveui.dev/building-blocks/r/command.json",
-    "https://loveui.dev/building-blocks/r/label.json",
-    "https://loveui.dev/building-blocks/r/popover.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-233.tsx",
-      "content": "\"use client\"\n\nimport { useId, useState } from \"react\"\nimport {\n  BlocksIcon,\n  BrainIcon,\n  ChevronDownIcon,\n  CpuIcon,\n  DatabaseIcon,\n  GlobeIcon,\n  LayoutIcon,\n  LineChartIcon,\n  NetworkIcon,\n  SearchIcon,\n  ServerIcon,\n} from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from \"@/registry/building-blocks/default/ui/command\"\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@/registry/building-blocks/default/ui/popover\"\n\nconst items = [\n  {\n    value: \"analytics platform\",\n    label: \"Analytics Platform\",\n    icon: LineChartIcon,\n    number: 2451,\n  },\n  {\n    value: \"ai services\",\n    label: \"AI Services\",\n    icon: BrainIcon,\n    number: 1832,\n  },\n  {\n    value: \"database systems\",\n    label: \"Database Systems\",\n    icon: DatabaseIcon,\n    number: 1654,\n  },\n  {\n    value: \"compute resources\",\n    label: \"Compute Resources\",\n    icon: CpuIcon,\n    number: 943,\n  },\n  {\n    value: \"network services\",\n    label: \"Network Services\",\n    icon: NetworkIcon,\n    number: 832,\n  },\n  {\n    value: \"web services\",\n    label: \"Web Services\",\n    icon: GlobeIcon,\n    number: 654,\n  },\n  {\n    value: \"monitoring tools\",\n    label: \"Monitoring Tools\",\n    icon: SearchIcon,\n    number: 432,\n  },\n  {\n    value: \"server management\",\n    label: \"Server Management\",\n    icon: ServerIcon,\n    number: 321,\n  },\n  {\n    value: \"infrastructure\",\n    label: \"Infrastructure\",\n    icon: BlocksIcon,\n    number: 234,\n  },\n  {\n    value: \"frontend services\",\n    label: \"Frontend Services\",\n    icon: LayoutIcon,\n    number: 123,\n  },\n]\n\nexport default function Component() {\n  const id = useId()\n  const [open, setOpen] = useState<boolean>(false)\n  const [value, setValue] = useState<string>(\"\")\n\n  return (\n    <div className=\"*:not-first:mt-2\">\n      <Label htmlFor={id}>Options with icon and number</Label>\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <Button\n            id={id}\n            variant=\"outline\"\n            role=\"combobox\"\n            aria-expanded={open}\n            className=\"w-full justify-between border-input bg-background px-3 font-normal outline-offset-0 outline-none hover:bg-background focus-visible:outline-[3px]\"\n          >\n            {value ? (\n              <span className=\"flex min-w-0 items-center gap-2\">\n                {(() => {\n                  const selectedItem = items.find(\n                    (item) => item.value === value\n                  )\n                  if (selectedItem) {\n                    const Icon = selectedItem.icon\n                    return <Icon className=\"size-4 text-muted-foreground\" />\n                  }\n                  return null\n                })()}\n                <span className=\"truncate\">\n                  {items.find((item) => item.value === value)?.label}\n                </span>\n              </span>\n            ) : (\n              <span className=\"text-muted-foreground\">\n                Select service category\n              </span>\n            )}\n            <ChevronDownIcon\n              size={16}\n              className=\"shrink-0 text-muted-foreground/80\"\n              aria-hidden=\"true\"\n            />\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent\n          className=\"w-full min-w-[var(--radix-popper-anchor-width)] border-input p-0\"\n          align=\"start\"\n        >\n          <Command>\n            <CommandInput placeholder=\"Search services...\" />\n            <CommandList>\n              <CommandEmpty>No service found.</CommandEmpty>\n              <CommandGroup>\n                {items.map((item) => (\n                  <CommandItem\n                    key={item.value}\n                    value={item.value}\n                    onSelect={(currentValue) => {\n                      setValue(currentValue === value ? \"\" : currentValue)\n                      setOpen(false)\n                    }}\n                    className=\"flex items-center justify-between\"\n                  >\n                    <div className=\"flex items-center gap-2\">\n                      <item.icon className=\"size-4 text-muted-foreground\" />\n                      {item.label}\n                    </div>\n                    <span className=\"text-xs text-muted-foreground\">\n                      {item.number.toLocaleString()}\n                    </span>\n                  </CommandItem>\n                ))}\n              </CommandGroup>\n            </CommandList>\n          </Command>\n        </PopoverContent>\n      </Popover>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "label",
-      "select",
-      "command",
-      "combobox",
-      "popover",
-      "search",
-      "autocomplete",
-      "radix"
-    ]
-  }
-}

package/public/r/comp-234.json

@@ -1,28 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-234",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/label.json",
-    "https://loveui.dev/building-blocks/r/multiselect.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-234.tsx",
-      "content": "import { useId } from \"react\"\n\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\nimport MultipleSelector, { Option } from \"@/registry/building-blocks/default/ui/multiselect\"\n\nconst frameworks: Option[] = [\n  {\n    value: \"next.js\",\n    label: \"Next.js\",\n  },\n  {\n    value: \"sveltekit\",\n    label: \"SvelteKit\",\n  },\n  {\n    value: \"nuxt.js\",\n    label: \"Nuxt.js\",\n    disable: true,\n  },\n  {\n    value: \"remix\",\n    label: \"Remix\",\n  },\n  {\n    value: \"astro\",\n    label: \"Astro\",\n  },\n  {\n    value: \"angular\",\n    label: \"Angular\",\n  },\n  {\n    value: \"vue\",\n    label: \"Vue.js\",\n  },\n  {\n    value: \"react\",\n    label: \"React\",\n  },\n  {\n    value: \"ember\",\n    label: \"Ember.js\",\n  },\n  {\n    value: \"gatsby\",\n    label: \"Gatsby\",\n  },\n  {\n    value: \"eleventy\",\n    label: \"Eleventy\",\n    disable: true,\n  },\n  {\n    value: \"solid\",\n    label: \"SolidJS\",\n  },\n  {\n    value: \"preact\",\n    label: \"Preact\",\n  },\n  {\n    value: \"qwik\",\n    label: \"Qwik\",\n  },\n  {\n    value: \"alpine\",\n    label: \"Alpine.js\",\n  },\n  {\n    value: \"lit\",\n    label: \"Lit\",\n  },\n]\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <div className=\"*:not-first:mt-2\">\n      <Label>Multiselect</Label>\n      <MultipleSelector\n        commandProps={{\n          label: \"Select frameworks\",\n        }}\n        value={frameworks.slice(0, 2)}\n        defaultOptions={frameworks}\n        placeholder=\"Select frameworks\"\n        hideClearAllButton\n        hidePlaceholderWhenSelected\n        emptyIndicator={<p className=\"text-center text-sm\">No results found</p>}\n      />\n      <p\n        className=\"mt-2 text-xs text-muted-foreground\"\n        role=\"region\"\n        aria-live=\"polite\"\n      >\n        Inspired by{\" \"}\n        <a\n          className=\"underline hover:text-foreground\"\n          href=\"https://shadcnui-expansions.typeart.cc/docs/multiple-selector\"\n          target=\"_blank\"\n          rel=\"noopener nofollow\"\n        >\n          shadcn/ui expansions\n        </a>\n      </p>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "label",
-      "select",
-      "multiselect",
-      "tag",
-      "input",
-      "search",
-      "autocomplete",
-      "radix"
-    ]
-  }
-}

package/public/r/comp-235.json

@@ -1,28 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-235",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/label.json",
-    "https://loveui.dev/building-blocks/r/multiselect.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-235.tsx",
-      "content": "import { Label } from \"@/registry/building-blocks/default/ui/label\"\nimport MultipleSelector, { Option } from \"@/registry/building-blocks/default/ui/multiselect\"\n\nconst frameworks: Option[] = [\n  {\n    value: \"next.js\",\n    label: \"Next.js\",\n  },\n  {\n    value: \"sveltekit\",\n    label: \"SvelteKit\",\n  },\n  {\n    value: \"nuxt.js\",\n    label: \"Nuxt.js\",\n  },\n  {\n    value: \"remix\",\n    label: \"Remix\",\n  },\n  {\n    value: \"astro\",\n    label: \"Astro\",\n  },\n  {\n    value: \"angular\",\n    label: \"Angular\",\n  },\n  {\n    value: \"vue\",\n    label: \"Vue.js\",\n  },\n  {\n    value: \"react\",\n    label: \"React\",\n  },\n  {\n    value: \"ember\",\n    label: \"Ember.js\",\n  },\n  {\n    value: \"gatsby\",\n    label: \"Gatsby\",\n  },\n  {\n    value: \"eleventy\",\n    label: \"Eleventy\",\n  },\n  {\n    value: \"solid\",\n    label: \"SolidJS\",\n  },\n  {\n    value: \"preact\",\n    label: \"Preact\",\n  },\n  {\n    value: \"qwik\",\n    label: \"Qwik\",\n  },\n  {\n    value: \"alpine\",\n    label: \"Alpine.js\",\n  },\n  {\n    value: \"lit\",\n    label: \"Lit\",\n  },\n]\n\nexport default function Component() {\n  return (\n    <div className=\"*:not-first:mt-2\">\n      <Label>Multiselect with placeholder and clear</Label>\n      <MultipleSelector\n        commandProps={{\n          label: \"Select frameworks\",\n        }}\n        defaultOptions={frameworks}\n        placeholder=\"Select frameworks\"\n        emptyIndicator={<p className=\"text-center text-sm\">No results found</p>}\n      />\n      <p\n        className=\"mt-2 text-xs text-muted-foreground\"\n        role=\"region\"\n        aria-live=\"polite\"\n      >\n        Inspired by{\" \"}\n        <a\n          className=\"underline hover:text-foreground\"\n          href=\"https://shadcnui-expansions.typeart.cc/docs/multiple-selector\"\n          target=\"_blank\"\n          rel=\"noopener nofollow\"\n        >\n          shadcn/ui expansions\n        </a>\n      </p>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "label",
-      "select",
-      "multiselect",
-      "tag",
-      "input",
-      "search",
-      "autocomplete",
-      "radix"
-    ]
-  }
-}

package/public/r/comp-236.json

@@ -1,24 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-236",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/label.json",
-    "https://loveui.dev/building-blocks/r/select-native.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-236.tsx",
-      "content": "import { useId } from \"react\"\n\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\nimport { SelectNative } from \"@/registry/building-blocks/default/ui/select-native\"\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <div className=\"*:not-first:mt-2\">\n      <Label htmlFor={id}>Multiple select (native)</Label>\n      <div className=\"overflow-hidden rounded-md border border-input\">\n        <SelectNative id={id} multiple className=\"rounded-none border-none\">\n          <option value=\"1\">React</option>\n          <option value=\"2\">Next.js</option>\n          <option value=\"3\">Astro</option>\n          <option value=\"4\">Gatsby</option>\n          <option value=\"5\">Vue</option>\n          <option value=\"6\">Angular</option>\n        </SelectNative>\n      </div>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "label",
-      "select",
-      "multiselect",
-      "native select"
-    ]
-  }
-}

package/public/r/comp-237.json

@@ -1,26 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-237",
-  "type": "registry:component",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/label.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-237.tsx",
-      "content": "\"use client\"\n\nimport { ListBox, ListBoxItem } from \"react-aria-components\"\n\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\n\nexport default function Component() {\n  return (\n    <div className=\"*:not-first:mt-2\">\n      <Label>Listbox with single option</Label>\n      <div className=\"overflow-hidden rounded-md border border-input\">\n        <ListBox\n          className=\"space-y-1 bg-background p-1 text-sm shadow-xs transition-[color,box-shadow]\"\n          aria-label=\"Select framework\"\n          selectionMode=\"single\"\n          defaultSelectedKeys={[\"svelte\"]}\n        >\n          <ListBoxItem\n            id=\"react\"\n            className=\"relative rounded px-2 py-1.5 outline-none data-disabled:cursor-not-allowed data-disabled:opacity-50 data-focus-visible:border-ring data-focus-visible:ring-[3px] data-focus-visible:ring-ring/50 data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground\"\n          >\n            React\n          </ListBoxItem>\n          <ListBoxItem\n            id=\"vue\"\n            className=\"relative rounded px-2 py-1.5 outline-none data-disabled:cursor-not-allowed data-disabled:opacity-50 data-focus-visible:border-ring data-focus-visible:ring-[3px] data-focus-visible:ring-ring/50 data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground\"\n          >\n            Vue\n          </ListBoxItem>\n          <ListBoxItem\n            id=\"angular\"\n            className=\"relative rounded px-2 py-1.5 outline-none data-disabled:cursor-not-allowed data-disabled:opacity-50 data-focus-visible:border-ring data-focus-visible:ring-[3px] data-focus-visible:ring-ring/50 data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground\"\n            isDisabled\n          >\n            Angular\n          </ListBoxItem>\n          <ListBoxItem\n            id=\"svelte\"\n            className=\"relative rounded px-2 py-1.5 outline-none data-disabled:cursor-not-allowed data-disabled:opacity-50 data-focus-visible:border-ring data-focus-visible:ring-[3px] data-focus-visible:ring-ring/50 data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground\"\n          >\n            Svelte\n          </ListBoxItem>\n        </ListBox>\n      </div>\n      <p\n        className=\"mt-2 text-xs text-muted-foreground\"\n        role=\"region\"\n        aria-live=\"polite\"\n      >\n        Built with{\" \"}\n        <a\n          className=\"underline hover:text-foreground\"\n          href=\"https://react-spectrum.adobe.com/react-aria/ListBox.html\"\n          target=\"_blank\"\n          rel=\"noopener nofollow\"\n        >\n          React Aria\n        </a>\n      </p>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "label",
-      "select",
-      "multiselect",
-      "react aria"
-    ]
-  }
-}

package/public/r/comp-238.json

@@ -1,26 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-238",
-  "type": "registry:component",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/label.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-238.tsx",
-      "content": "\"use client\"\n\nimport { ListBox, ListBoxItem } from \"react-aria-components\"\n\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\n\nexport default function Component() {\n  return (\n    <div className=\"*:not-first:mt-2\">\n      <Label>Listbox with multiple options</Label>\n      <div className=\"overflow-hidden rounded-md border border-input\">\n        <ListBox\n          className=\"max-h-72 min-h-20 space-y-1 overflow-auto bg-background p-1 text-sm shadow-xs transition-[color,box-shadow]\"\n          aria-label=\"Select framework\"\n          selectionMode=\"multiple\"\n          defaultSelectedKeys={[\"react\", \"vue\"]}\n        >\n          <ListBoxItem\n            id=\"react\"\n            className=\"relative rounded px-2 py-1.5 outline-none data-disabled:cursor-not-allowed data-disabled:opacity-50 data-focus-visible:border-ring data-focus-visible:ring-[3px] data-focus-visible:ring-ring/50 data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground\"\n          >\n            React\n          </ListBoxItem>\n          <ListBoxItem\n            id=\"vue\"\n            className=\"relative rounded px-2 py-1.5 outline-none data-disabled:cursor-not-allowed data-disabled:opacity-50 data-focus-visible:border-ring data-focus-visible:ring-[3px] data-focus-visible:ring-ring/50 data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground\"\n          >\n            Vue\n          </ListBoxItem>\n          <ListBoxItem\n            id=\"angular\"\n            className=\"relative rounded px-2 py-1.5 outline-none data-disabled:cursor-not-allowed data-disabled:opacity-50 data-focus-visible:border-ring data-focus-visible:ring-[3px] data-focus-visible:ring-ring/50 data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground\"\n          >\n            Angular\n          </ListBoxItem>\n          <ListBoxItem\n            id=\"svelte\"\n            className=\"relative rounded px-2 py-1.5 outline-none data-disabled:cursor-not-allowed data-disabled:opacity-50 data-focus-visible:border-ring data-focus-visible:ring-[3px] data-focus-visible:ring-ring/50 data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground\"\n          >\n            Svelte\n          </ListBoxItem>\n        </ListBox>\n      </div>\n      <p\n        className=\"mt-2 text-xs text-muted-foreground\"\n        role=\"region\"\n        aria-live=\"polite\"\n      >\n        Built with{\" \"}\n        <a\n          className=\"underline hover:text-foreground\"\n          href=\"https://react-spectrum.adobe.com/react-aria/ListBox.html\"\n          target=\"_blank\"\n          rel=\"noopener nofollow\"\n        >\n          React Aria\n        </a>\n      </p>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "label",
-      "select",
-      "multiselect",
-      "react aria"
-    ]
-  }
-}

package/public/r/comp-239.json

@@ -1,26 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-239",
-  "type": "registry:component",
-  "dependencies": [
-    "react-aria-components"
-  ],
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/label.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-239.tsx",
-      "content": "\"use client\"\n\nimport {\n  Header,\n  ListBox,\n  ListBoxItem,\n  ListBoxSection,\n  Separator,\n} from \"react-aria-components\"\n\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\n\nexport default function Component() {\n  return (\n    <div className=\"*:not-first:mt-2\">\n      <Label>Listbox with option groups</Label>\n      <div className=\"overflow-hidden rounded-md border border-input\">\n        <ListBox\n          className=\"max-h-72 min-h-20 space-y-2 overflow-auto bg-background p-1 text-sm shadow-xs transition-[color,box-shadow]\"\n          aria-label=\"Select some foods\"\n          selectionMode=\"multiple\"\n          defaultSelectedKeys={[\"lettuce\", \"tuna\"]}\n        >\n          <ListBoxSection className=\"space-y-1\">\n            <Header className=\"px-2 py-1.5 text-xs font-medium text-muted-foreground\">\n              Veggies\n            </Header>\n            <ListBoxItem\n              id=\"lettuce\"\n              className=\"relative rounded px-2 py-1.5 outline-none data-disabled:cursor-not-allowed data-disabled:opacity-50 data-focus-visible:border-ring data-focus-visible:ring-[3px] data-focus-visible:ring-ring/50 data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground\"\n            >\n              Lettuce\n            </ListBoxItem>\n            <ListBoxItem\n              id=\"tomato\"\n              className=\"relative rounded px-2 py-1.5 outline-none data-disabled:cursor-not-allowed data-disabled:opacity-50 data-focus-visible:border-ring data-focus-visible:ring-[3px] data-focus-visible:ring-ring/50 data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground\"\n            >\n              Tomato\n            </ListBoxItem>\n            <ListBoxItem\n              id=\"onion\"\n              className=\"relative rounded px-2 py-1.5 outline-none data-disabled:cursor-not-allowed data-disabled:opacity-50 data-focus-visible:border-ring data-focus-visible:ring-[3px] data-focus-visible:ring-ring/50 data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground\"\n            >\n              Onion\n            </ListBoxItem>\n          </ListBoxSection>\n          <Separator className=\"-mx-1 my-2 h-px bg-border\" />\n          <ListBoxSection className=\"space-y-1\">\n            <Header className=\"px-2 py-1.5 text-xs font-medium text-muted-foreground\">\n              Protein\n            </Header>\n            <ListBoxItem\n              id=\"ham\"\n              className=\"relative rounded px-2 py-1.5 outline-none data-disabled:cursor-not-allowed data-disabled:opacity-50 data-focus-visible:border-ring data-focus-visible:ring-[3px] data-focus-visible:ring-ring/50 data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground\"\n            >\n              Ham\n            </ListBoxItem>\n            <ListBoxItem\n              id=\"tuna\"\n              className=\"relative rounded px-2 py-1.5 outline-none data-disabled:cursor-not-allowed data-disabled:opacity-50 data-focus-visible:border-ring data-focus-visible:ring-[3px] data-focus-visible:ring-ring/50 data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground\"\n            >\n              Tuna\n            </ListBoxItem>\n            <ListBoxItem\n              id=\"tofu\"\n              className=\"relative rounded px-2 py-1.5 outline-none data-disabled:cursor-not-allowed data-disabled:opacity-50 data-focus-visible:border-ring data-focus-visible:ring-[3px] data-focus-visible:ring-ring/50 data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground\"\n            >\n              Tofu\n            </ListBoxItem>\n          </ListBoxSection>\n          <Separator className=\"-mx-1 my-2 h-px bg-border\" />\n          <ListBoxSection className=\"space-y-1\">\n            <Header className=\"px-2 py-1.5 text-xs font-medium text-muted-foreground\">\n              Condiments\n            </Header>\n            <ListBoxItem\n              id=\"mayo\"\n              className=\"relative rounded px-2 py-1.5 outline-none data-disabled:cursor-not-allowed data-disabled:opacity-50 data-focus-visible:border-ring data-focus-visible:ring-[3px] data-focus-visible:ring-ring/50 data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground\"\n            >\n              Mayonaise\n            </ListBoxItem>\n            <ListBoxItem\n              id=\"mustard\"\n              className=\"relative rounded px-2 py-1.5 outline-none data-disabled:cursor-not-allowed data-disabled:opacity-50 data-focus-visible:border-ring data-focus-visible:ring-[3px] data-focus-visible:ring-ring/50 data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground\"\n            >\n              Mustard\n            </ListBoxItem>\n            <ListBoxItem\n              id=\"ranch\"\n              className=\"relative rounded px-2 py-1.5 outline-none data-disabled:cursor-not-allowed data-disabled:opacity-50 data-focus-visible:border-ring data-focus-visible:ring-[3px] data-focus-visible:ring-ring/50 data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground\"\n            >\n              Ranch\n            </ListBoxItem>\n          </ListBoxSection>\n        </ListBox>\n      </div>\n      <p\n        className=\"mt-2 text-xs text-muted-foreground\"\n        role=\"region\"\n        aria-live=\"polite\"\n      >\n        Built with{\" \"}\n        <a\n          className=\"underline hover:text-foreground\"\n          href=\"https://react-spectrum.adobe.com/react-aria/ListBox.html\"\n          target=\"_blank\"\n          rel=\"noopener nofollow\"\n        >\n          React Aria\n        </a>\n      </p>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "label",
-      "select",
-      "multiselect",
-      "react aria"
-    ]
-  }
-}

package/public/r/comp-24.json

@@ -1,23 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-24",
-  "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-24.tsx",
-      "content": "\"use client\"\n\nimport { useId, useRef, useState } from \"react\"\nimport { CircleXIcon } 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  const [inputValue, setInputValue] = useState(\"Click to clear\")\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const handleClearInput = () => {\n    setInputValue(\"\")\n    if (inputRef.current) {\n      inputRef.current.focus()\n    }\n  }\n\n  return (\n    <div className=\"*:not-first:mt-2\">\n      <Label htmlFor={id}>Input with clear button</Label>\n      <div className=\"relative\">\n        <Input\n          id={id}\n          ref={inputRef}\n          className=\"pe-9\"\n          placeholder=\"Type something...\"\n          type=\"text\"\n          value={inputValue}\n          onChange={(e) => setInputValue(e.target.value)}\n        />\n        {inputValue && (\n          <button\n            className=\"absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-md text-muted-foreground/80 transition-[color,box-shadow] outline-none hover:text-foreground focus:z-10 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\"\n            aria-label=\"Clear input\"\n            onClick={handleClearInput}\n          >\n            <CircleXIcon size={16} aria-hidden=\"true\" />\n          </button>\n        )}\n      </div>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "input",
-      "label",
-      "button"
-    ]
-  }
-}

package/public/r/comp-240.json

@@ -1,23 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-240",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/label.json",
-    "https://loveui.dev/building-blocks/r/slider.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-240.tsx",
-      "content": "import { Label } from \"@/registry/building-blocks/default/ui/label\"\nimport { Slider } from \"@/registry/building-blocks/default/ui/slider\"\n\nexport default function Component() {\n  return (\n    <div className=\"*:not-first:mt-4\">\n      <Label>Simple slider</Label>\n      <Slider defaultValue={[25]} aria-label=\"Simple slider\" />\n    </div>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "slider",
-      "label",
-      "radix"
-    ]
-  }
-}

package/public/r/comp-241.json

@@ -1,24 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-241",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/label.json",
-    "https://loveui.dev/building-blocks/r/slider.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-241.tsx",
-      "content": "import { Label } from \"@/registry/building-blocks/default/ui/label\"\nimport { Slider } from \"@/registry/building-blocks/default/ui/slider\"\n\nexport default function Component() {\n  return (\n    <div className=\"*:not-first:mt-4\">\n      <Label>Disabled slider</Label>\n      <Slider defaultValue={[25]} disabled aria-label=\"Disabled slider\" />\n    </div>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "slider",
-      "label",
-      "disabled",
-      "radix"
-    ]
-  }
-}

package/public/r/comp-242.json

@@ -1,23 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-242",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/label.json",
-    "https://loveui.dev/building-blocks/r/slider.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-242.tsx",
-      "content": "import { Label } from \"@/registry/building-blocks/default/ui/label\"\nimport { Slider } from \"@/registry/building-blocks/default/ui/slider\"\n\nexport default function Component() {\n  return (\n    <div className=\"*:not-first:mt-4\">\n      <Label>Slider with square thumb</Label>\n      <Slider\n        defaultValue={[25]}\n        max={100}\n        step={10}\n        className=\"[&>:last-child>span]:rounded\"\n        aria-label=\"Slider with square thumb\"\n      />\n    </div>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "slider",
-      "label",
-      "radix"
-    ]
-  }
-}

package/public/r/comp-243.json

@@ -1,23 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-243",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/label.json",
-    "https://loveui.dev/building-blocks/r/slider.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-243.tsx",
-      "content": "import { Label } from \"@/registry/building-blocks/default/ui/label\"\nimport { Slider } from \"@/registry/building-blocks/default/ui/slider\"\n\nexport default function Component() {\n  return (\n    <div className=\"*:not-first:mt-4\">\n      <Label>Slider with solid thumb</Label>\n      <Slider\n        defaultValue={[25]}\n        className=\"[&>:first-child>span]:opacity-70 [&>:last-child>span]:bg-primary\"\n        aria-label=\"Slider with solid thumb\"\n      />\n    </div>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "slider",
-      "label",
-      "radix"
-    ]
-  }
-}

package/public/r/comp-244.json

@@ -1,23 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-244",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/label.json",
-    "https://loveui.dev/building-blocks/r/slider.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-244.tsx",
-      "content": "import { Label } from \"@/registry/building-blocks/default/ui/label\"\nimport { Slider } from \"@/registry/building-blocks/default/ui/slider\"\n\nexport default function Component() {\n  return (\n    <div className=\"*:not-first:mt-4\">\n      <Label>Slider with tiny thumb</Label>\n      <Slider\n        defaultValue={[25]}\n        className=\"**:data-[slot=slider-thumb]:shadow-none [&>:last-child>span]:h-6 [&>:last-child>span]:w-2.5 [&>:last-child>span]:border-[3px] [&>:last-child>span]:border-background [&>:last-child>span]:bg-primary [&>:last-child>span]:ring-offset-0\"\n        aria-label=\"Slider with tiny thumb\"\n      />\n    </div>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "slider",
-      "label",
-      "radix"
-    ]
-  }
-}

package/public/r/comp-245.json

@@ -1,23 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-245",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/label.json",
-    "https://loveui.dev/building-blocks/r/slider.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-245.tsx",
-      "content": "import { Label } from \"@/registry/building-blocks/default/ui/label\"\nimport { Slider } from \"@/registry/building-blocks/default/ui/slider\"\n\nexport default function Component() {\n  return (\n    <div className=\"*:not-first:mt-4\">\n      <Label>Slider with reference labels</Label>\n      <div>\n        <Slider\n          defaultValue={[15]}\n          min={5}\n          max={35}\n          aria-label=\"Slider with reference labels\"\n        />\n        <span\n          className=\"mt-4 flex w-full items-center justify-between gap-1 text-xs font-medium text-muted-foreground\"\n          aria-hidden=\"true\"\n        >\n          <span>5 GB</span>\n          <span>20 GB</span>\n          <span>35 GB</span>\n        </span>\n      </div>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "slider",
-      "label",
-      "radix"
-    ]
-  }
-}

package/public/r/comp-246.json

@@ -1,23 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-246",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/label.json",
-    "https://loveui.dev/building-blocks/r/slider.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-246.tsx",
-      "content": "import { cn } from \"@/registry/building-blocks/default/lib/utils\"\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\nimport { Slider } from \"@/registry/building-blocks/default/ui/slider\"\n\nexport default function Component() {\n  const max = 12\n  const skipInterval = 2 // Set to 1 to allow no text skipping\n  const ticks = [...Array(max + 1)].map((_, i) => i)\n\n  return (\n    <div className=\"*:not-first:mt-4\">\n      <Label>Slider with ticks</Label>\n      <div>\n        <Slider defaultValue={[5]} max={max} aria-label=\"Slider with ticks\" />\n        <span\n          className=\"mt-3 flex w-full items-center justify-between gap-1 px-2.5 text-xs font-medium text-muted-foreground\"\n          aria-hidden=\"true\"\n        >\n          {ticks.map((_, i) => (\n            <span\n              key={i}\n              className=\"flex w-0 flex-col items-center justify-center gap-2\"\n            >\n              <span\n                className={cn(\n                  \"h-1 w-px bg-muted-foreground/70\",\n                  i % skipInterval !== 0 && \"h-0.5\"\n                )}\n              />\n              <span className={cn(i % skipInterval !== 0 && \"opacity-0\")}>\n                {i}\n              </span>\n            </span>\n          ))}\n        </span>\n      </div>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "slider",
-      "label",
-      "radix"
-    ]
-  }
-}

package/public/r/comp-247.json

@@ -1,23 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-247",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/label.json",
-    "https://loveui.dev/building-blocks/r/slider.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-247.tsx",
-      "content": "\"use client\"\n\nimport { useState } from \"react\"\n\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\nimport { Slider } from \"@/registry/building-blocks/default/ui/slider\"\n\nexport default function Component() {\n  const [value, setValue] = useState([25])\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex items-center justify-between gap-2\">\n        <Label className=\"leading-6\">Slider with output</Label>\n        <output className=\"text-sm font-medium tabular-nums\">{value[0]}</output>\n      </div>\n      <Slider\n        value={value}\n        onValueChange={setValue}\n        aria-label=\"Slider with output\"\n      />\n    </div>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "slider",
-      "label",
-      "radix"
-    ]
-  }
-}

package/public/r/comp-248.json

@@ -1,23 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-248",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/label.json",
-    "https://loveui.dev/building-blocks/r/slider.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-248.tsx",
-      "content": "import { Label } from \"@/registry/building-blocks/default/ui/label\"\nimport { Slider } from \"@/registry/building-blocks/default/ui/slider\"\n\nexport default function Component() {\n  return (\n    <div className=\"*:not-first:mt-4\">\n      <Label>Slider with labels</Label>\n      <div>\n        <span\n          className=\"mb-3 flex w-full items-center justify-between gap-2 text-xs font-medium text-muted-foreground\"\n          aria-hidden=\"true\"\n        >\n          <span>Low</span>\n          <span>High</span>\n        </span>\n        <Slider defaultValue={[50]} step={10} aria-label=\"Slider with labels\" />\n      </div>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "slider",
-      "label",
-      "radix"
-    ]
-  }
-}

package/public/r/comp-249.json

@@ -1,24 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "comp-249",
-  "type": "registry:component",
-  "registryDependencies": [
-    "https://loveui.dev/building-blocks/r/label.json",
-    "https://loveui.dev/building-blocks/r/slider.json"
-  ],
-  "files": [
-    {
-      "path": "registry/default/components/comp-249.tsx",
-      "content": "import { Label } from \"@/registry/building-blocks/default/ui/label\"\nimport { Slider } from \"@/registry/building-blocks/default/ui/slider\"\n\nexport default function Component() {\n  return (\n    <div className=\"*:not-first:mt-4\">\n      <Label>Slider with labels and tooltip</Label>\n      <div>\n        <span\n          className=\"mb-3 flex w-full items-center justify-between gap-2 text-xs font-medium text-muted-foreground\"\n          aria-hidden=\"true\"\n        >\n          <span>Low</span>\n          <span>High</span>\n        </span>\n        <Slider\n          defaultValue={[50]}\n          step={10}\n          showTooltip={true}\n          aria-label=\"Slider with labels and tooltip\"\n        />\n      </div>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
-    }
-  ],
-  "meta": {
-    "tags": [
-      "slider",
-      "label",
-      "tooltip",
-      "radix"
-    ]
-  }
-}