love-ui 1.2.12 → 1.2.14

package/public/r/template-logo-cloud-three.json

@@ -0,0 +1,71 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "template-logo-cloud-three",
+  "type": "registry:block",
+  "title": "logo-cloud/three",
+  "description": "Page template \"logo-cloud/three\"",
+  "files": [
+    {
+      "path": "registry/page-templates/default/templates/logo-cloud/three/index.tsx",
+      "type": "registry:file",
+      "target": "components/page-templates/logo-cloud/three/index.tsx",
+      "content": "import { InfiniteSlider } from \"@/motion-primitives/infinite-slider\"\nimport { ProgressiveBlur } from \"@/motion-primitives/progressive-blur\"\nimport { Beacon } from \"@/ui/svgs/beacon\"\nimport { Bolt } from \"@/ui/svgs/bolt\"\nimport { Cisco } from \"@/ui/svgs/cisco\"\nimport { Hulu } from \"@/ui/svgs/hulu\"\nimport { Linear } from \"@/ui/svgs/linear\"\nimport { Spotify } from \"@/ui/svgs/spotify\"\nimport { Supabase } from \"@/ui/svgs/supabase\"\nimport { VercelFull } from \"@/ui/svgs/vercel\"\n\nexport default function LogoCloud() {\n  return (\n    <section className=\"overflow-hidden bg-background py-16\">\n      <div className=\"group relative m-auto max-w-7xl px-6\">\n        <div className=\"flex flex-col items-center md:flex-row\">\n          <div className=\"md:max-w-44 md:border-r md:pr-6\">\n            <p className=\"text-end text-sm\">Powering the best teams</p>\n          </div>\n          <div className=\"relative py-6 md:w-[calc(100%-11rem)]\">\n            <InfiniteSlider speedOnHover={20} speed={40} gap={112}>\n              <div className=\"flex\">\n                <VercelFull className=\"mx-auto h-3.5 w-full\" />\n              </div>\n\n              <div className=\"flex\">\n                <Spotify className=\"mx-auto h-4.5 w-full\" />\n              </div>\n              <div className=\"flex\">\n                <Supabase className=\"mx-auto size-5\" />\n              </div>\n              <div className=\"flex\">\n                <Hulu className=\"mx-auto h-3.5 w-full\" />\n              </div>\n              <div className=\"flex\">\n                <Bolt className=\"mx-auto h-4 w-full\" />\n              </div>\n              <div className=\"flex\">\n                <Linear className=\"mx-auto size-4\" />\n              </div>\n              <div className=\"flex\">\n                <Cisco className=\"mx-auto h-5 w-full\" />\n              </div>\n\n              <div className=\"flex\">\n                <Beacon className=\"mx-auto h-3.5 w-full\" />\n              </div>\n            </InfiniteSlider>\n\n            <div className=\"absolute inset-y-0 left-0 w-20 bg-linear-to-r from-background\"></div>\n            <div className=\"absolute inset-y-0 right-0 w-20 bg-linear-to-l from-background\"></div>\n            <ProgressiveBlur\n              className=\"pointer-events-none absolute top-0 left-0 h-full w-20\"\n              direction=\"left\"\n              blurIntensity={1}\n            />\n            <ProgressiveBlur\n              className=\"pointer-events-none absolute top-0 right-0 h-full w-20\"\n              direction=\"right\"\n              blurIntensity={1}\n            />\n          </div>\n        </div>\n      </div>\n    </section>\n  )\n}\n"
+    },
+    {
+      "path": "registry/default/ui/svgs/beacon.tsx",
+      "type": "registry:ui",
+      "target": "components/ui/svgs/beacon.tsx",
+      "content": "import type { SVGProps } from \"react\"\n\nexport const Beacon = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    viewBox=\"0 0 93 20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"1em\"\n    height=\"1em\"\n    fill=\"none\"\n    {...props}\n  >\n    <path\n      fill=\"#FF7E23\"\n      fillRule=\"evenodd\"\n      d=\"M6.815 19.719c4.869 0 7.122-2.254 7.122-5.494 0-2.845-1.83-4.79-4.197-5.352 1.662-.647 2.844-2.028 2.844-4.028 0-2.59-1.94-4.845-5.911-4.845H0v19.719h6.815ZM3.096 8V2.733h3.322c2.028 0 3.097.958 3.097 2.535C9.515 6.873 8.417 8 6.389 8H3.096Zm7.742 5.747c0-1.944-1.24-3.324-4.196-3.324H3.096v6.563h3.577c2.928 0 4.165-1.24 4.165-3.24Zm18.78-.226H18.043c.452 2.59 2.48 3.888 4.814 3.888 1.943 0 2.983-.507 4.055-1.353l1.717 1.634C27.335 19.157 25.476 20 22.774 20c-3.687 0-7.716-2.507-7.716-7.578 0-5.1 4.14-7.632 7.432-7.632 3.325 0 7.831 2.533 7.127 8.73Zm-11.545-2.255h8.813c-.28-2.59-2.505-3.86-4.39-3.86-1.86.003-3.945 1.27-4.423 3.86Zm19.874-6.479c-3.293 0-7.263 2.48-7.263 7.607 0 5.126 3.97 7.606 7.263 7.606 2.535 0 4.281-1.466 4.872-2.677h.168v2.393h3.041V5.068h-3.041v2.394h-.168c-.591-1.211-2.337-2.675-4.872-2.675Zm.395 2.706c2.279 0 4.73 1.632 4.73 4.9 0 3.27-2.449 4.903-4.73 4.9-2.28 0-4.701-1.633-4.701-4.9 0-3.265 2.42-4.9 4.7-4.9Zm20.832 1.913 2.366-1.07c-1.323-2.364-3.603-3.546-6.252-3.549-3.322 0-7.574 2.533-7.574 7.633 0 5.097 4.252 7.578 7.574 7.578 2.676 0 4.927-1.154 6.279-3.521l-2.393-1.07c-.874 1.183-2.056 1.887-3.857 1.887-2.167 0-4.646-1.634-4.646-4.874 0-3.295 2.48-4.929 4.646-4.929 1.801 0 2.986.733 3.857 1.915ZM69.871 20c3.35 0 7.602-2.48 7.602-7.578 0-5.1-4.251-7.632-7.602-7.632s-7.603 2.533-7.603 7.632c0 5.098 4.252 7.578 7.603 7.578Zm.002-2.704c-2.166 0-4.645-1.634-4.645-4.873 0-3.295 2.476-4.93 4.645-4.93 2.17 0 4.646 1.635 4.646 4.93 0 3.24-2.477 4.873-4.646 4.873Zm22.858 2.423V11.24c0-4.564-2.757-6.45-5.489-6.45-3.18 0-4.758 2.477-5.04 3.323V5.071h-3.04v14.645h3.04v-8.76c.14-1.237 1.493-3.491 3.998-3.491 1.857 0 3.49 1.156 3.49 3.943v8.31h3.041Z\"\n      clipRule=\"evenodd\"\n    />\n  </svg>\n)\n"
+    },
+    {
+      "path": "registry/default/ui/svgs/bolt.tsx",
+      "type": "registry:ui",
+      "target": "components/ui/svgs/bolt.tsx",
+      "content": "import type { SVGProps } from \"react\"\n\nexport const Bolt = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 45.65 160 68.7\"\n    fill=\"currentColor\"\n    width=\"1em\"\n    height=\"1em\"\n    {...props}\n  >\n    <path d=\"M75.61 106.195c-14.747 0-21.962-8.468-21.962-19.136s10.04-24.157 24.782-24.157c14.746 0 21.96 8.47 21.96 19.137 0 10.668-10.038 24.156-24.78 24.156Zm.624-13.488c5.02 0 8.473-4.707 8.473-9.727 0-5.02-2.512-6.273-6.902-6.273-4.395 0-8.473 4.703-8.473 9.723 0 5.02 2.512 6.277 6.902 6.277Zm39.844 12.547h-15.371l12.547-57.098h15.375l-12.55 56.785Zm0 0\" />\n    <path\n      fillRule=\"evenodd\"\n      d=\"M30.117 106.195c-4.707 0-9.41-1.566-11.922-5.332l-.941 4.39L0 114.353l1.883-9.098L14.43 48.156h15.375L25.41 68.234c3.453-3.765 6.902-5.332 11.297-5.332 9.41 0 15.371 5.961 15.371 17.254 0 11.293-7.215 26.04-21.96 26.04Zm5.961-22.902c0 5.336-3.766 9.414-8.785 9.414-5.02 0-5.332-.941-6.902-2.824l2.511-10.352c1.883-1.883 3.766-2.824 6.274-2.824 3.765 0 6.902 2.824 6.902 6.902Zm0 0\"\n    />\n    <path d=\"M144.629 106.195c-8.785 0-15.375-3.136-15.375-10.351 0-7.215 0-2.196.316-3.137l3.45-15.375h-6.903l3.137-13.176h6.902l2.512-11.293 17.254-7.215-1.883 7.215-2.508 11.293H160l-3.137 13.176h-8.472l-2.196 10.04v1.882c0 1.883 1.254 3.453 3.766 3.453 2.508 0 1.883 0 2.195-.316v12.238c-1.566 1.254-4.39 1.566-7.215 1.566Zm0 0\" />\n  </svg>\n)\n"
+    },
+    {
+      "path": "registry/default/ui/svgs/cisco.tsx",
+      "type": "registry:ui",
+      "target": "components/ui/svgs/cisco.tsx",
+      "content": "import type { SVGProps } from \"react\"\n\nexport const Cisco = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    width=\"1em\"\n    height=\"1em\"\n    viewBox=\"0 0 52 28\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M51.2293 8.37685C51.2293 7.76429 50.7317 7.26562 50.1181 7.26562C49.5033 7.26562 49.0068 7.76429 49.0068 8.37685V10.7143C49.0068 11.3302 49.5033 11.8288 50.1181 11.8288C50.7317 11.8288 51.2293 11.3302 51.2293 10.7143V8.37685ZM45.1136 5.30654C45.1136 4.69288 44.6172 4.19531 43.988 4.19531C43.3744 4.19531 42.8779 4.69288 42.8779 5.30654V10.7123C42.8779 11.3282 43.3744 11.8268 43.988 11.8268C44.6172 11.8268 45.1136 11.3282 45.1136 10.7123V5.30654ZM38.9853 1.11012C38.9853 0.495352 38.4877 0 37.8741 0C37.2604 0 36.7617 0.495352 36.7617 1.11012V12.93C36.7617 13.5481 37.2604 14.0446 37.8741 14.0446C38.4877 14.0446 38.9853 13.5481 38.9853 12.93V1.11012ZM32.8551 5.30654C32.8551 4.69288 32.3587 4.19531 31.7439 4.19531C31.1291 4.19531 30.6338 4.69288 30.6338 5.30654V10.7123C30.6338 11.3282 31.1291 11.8268 31.7439 11.8268C32.3587 11.8268 32.8551 11.3282 32.8551 10.7123V5.30654ZM26.7254 8.37685C26.7254 7.76429 26.23 7.26562 25.6197 7.26562C25.0038 7.26562 24.5029 7.76429 24.5029 8.37685V10.7143C24.5029 11.3302 25.0038 11.8288 25.6197 11.8288C26.23 11.8288 26.7254 11.3302 26.7254 10.7143V8.37685ZM20.6103 5.30654C20.6103 4.69288 20.1083 4.19531 19.4936 4.19531C18.8788 4.19531 18.3779 4.69288 18.3779 5.30654V10.7123C18.3779 11.3282 18.8788 11.8268 19.4936 11.8268C20.1083 11.8268 20.6103 11.3282 20.6103 10.7123V5.30654ZM14.4801 1.11012C14.4801 0.495352 13.9814 0 13.3655 0C12.7541 0 12.251 0.495352 12.251 1.11012V12.93C12.251 13.5481 12.7541 14.0446 13.3655 14.0446C13.9814 14.0446 14.4801 13.5481 14.4801 12.93V1.11012ZM8.35617 5.30654C8.35617 4.69288 7.85418 4.19531 7.24273 4.19531C6.62686 4.19531 6.12598 4.69288 6.12598 5.30654V10.7123C6.12598 11.3282 6.62686 11.8268 7.24273 11.8268C7.85418 11.8268 8.35617 11.3282 8.35617 10.7123V5.30654ZM2.23019 8.37685C2.23019 7.76429 1.72931 7.26562 1.11454 7.26562C0.500881 7.26562 0 7.76429 0 8.37685V10.7143C0 11.3302 0.500881 11.8288 1.11454 11.8288C1.72931 11.8288 2.23019 11.3302 2.23019 10.7143V8.37685ZM25.2545 18.0665C25.186 18.0488 24.1588 17.7812 23.0642 17.7812C20.9954 17.7812 19.7471 18.9002 19.7471 20.5643C19.7471 22.0404 20.7897 22.7735 22.0436 23.1693C22.1818 23.2157 22.3864 23.2777 22.5213 23.3241C23.0807 23.4988 23.523 23.7598 23.523 24.2109C23.523 24.7151 23.0089 25.0413 21.8921 25.0413C20.9114 25.0413 19.9693 24.7615 19.7692 24.7106V26.7606C19.8809 26.7849 20.9998 27.0028 22.1951 27.0028C23.9133 27.0028 25.8804 26.252 25.8804 24.0163C25.8804 22.9316 25.2158 21.9331 23.7585 21.4687L23.1382 21.2719C22.7689 21.1547 22.1088 20.9657 22.1088 20.4239C22.1088 19.9949 22.5987 19.6941 23.4998 19.6941C24.276 19.6941 25.2203 19.955 25.2545 19.9683V18.0665ZM41.9169 20.0469C43.246 20.0469 44.2389 21.0951 44.2389 22.3887C44.2389 23.6824 43.246 24.7306 41.9169 24.7306C40.5824 24.7306 39.5928 23.6824 39.5928 22.3887C39.5928 21.0951 40.5824 20.0469 41.9169 20.0469ZM46.6202 22.3898C46.6202 19.8445 44.6542 17.7812 41.9176 17.7812C39.1788 17.7812 37.2129 19.8445 37.2129 22.3898C37.2129 24.934 39.1788 26.9983 41.9176 26.9983C44.6542 26.9983 46.6202 24.934 46.6202 22.3898ZM11.4013 18.0975C11.1901 18.0378 10.4095 17.7812 9.35242 17.7812C6.62025 17.7812 4.6123 19.7284 4.6123 22.3898C4.6123 25.2569 6.82701 26.9983 9.35242 26.9983C10.3564 26.9983 11.1215 26.7606 11.4013 26.6821V24.2916C11.3051 24.3458 10.5709 24.7637 9.51275 24.7637C8.01674 24.7637 7.05147 23.7111 7.05147 22.3898C7.05147 21.0243 8.05876 20.0148 9.51275 20.0148C10.5886 20.0148 11.3117 20.4427 11.4013 20.4891V18.0975ZM34.8467 18.0975C34.6355 18.0378 33.8538 17.7812 32.799 17.7812C30.0624 17.7812 28.0566 19.7284 28.0566 22.3898C28.0566 25.2569 30.2725 26.9983 32.799 26.9983C33.7974 26.9983 34.5648 26.7606 34.8467 26.6821V24.2916C34.7483 24.3458 34.0141 24.7637 32.9582 24.7637C31.4633 24.7637 30.498 23.7111 30.498 22.3898C30.498 21.0243 31.5053 20.0148 32.9582 20.0148C34.0318 20.0148 34.7572 20.4427 34.8467 20.4891V18.0975ZM14.4893 26.8406H16.736V17.9375H14.4893V26.8406Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n)\n"
+    },
+    {
+      "path": "registry/default/ui/svgs/hulu.tsx",
+      "type": "registry:ui",
+      "target": "components/ui/svgs/hulu.tsx",
+      "content": "import type { SVGProps } from \"react\"\n\nexport const Hulu = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    width=\"1em\"\n    height=\"1em\"\n    viewBox=\"0 0 251 83\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M153.602 82.4612H173.519V0.015625H153.602V82.4612ZM118.632 58.9549C118.632 61.8498 116.201 64.2815 113.306 64.2815H101.726C98.8314 64.2815 96.3998 61.8498 96.3998 58.9549C96.3998 57.797 96.3998 25.722 96.3998 25.722H76.4831V60.5761C76.4831 74.8188 85.6309 82.3454 99.063 82.3454H118.516C130.906 82.3454 138.433 73.4292 138.433 60.5761V25.722H118.516C118.632 25.722 118.632 57.9128 118.632 58.9549ZM230.605 25.722C230.605 25.722 230.605 57.9128 230.605 58.9549C230.605 61.8498 228.174 64.2815 225.279 64.2815H213.699C210.805 64.2815 208.373 61.8498 208.373 58.9549C208.373 57.797 208.373 25.722 208.373 25.722H188.456V60.5761C188.456 74.8188 197.604 82.3454 211.036 82.3454H230.49C242.88 82.3454 250.406 73.4292 250.406 60.5761V25.722H230.605ZM39.7763 25.722C39.7763 25.722 29.4706 25.722 27.039 25.722C22.523 25.722 20.3229 26.8799 20.3229 26.8799V0.015625H0.40625V82.3454H20.2071V49.2282C20.2071 46.3334 22.6388 43.9017 25.5336 43.9017H37.1131C40.0079 43.9017 42.4396 46.3334 42.4396 49.2282V82.4612H62.3562V46.5649C62.3562 31.5117 52.2821 25.722 39.7763 25.722Z\"\n      fill=\"#1CE783\"\n    />\n  </svg>\n)\n"
+    },
+    {
+      "path": "registry/default/ui/svgs/linear.tsx",
+      "type": "registry:ui",
+      "target": "components/ui/svgs/linear.tsx",
+      "content": "import type { SVGProps } from \"react\"\n\nconst Linear = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} fill=\"none\" viewBox=\"0 0 100 100\">\n    <path\n      fill=\"#5E6AD2\"\n      d=\"M1.225 61.523c-.222-.949.908-1.546 1.597-.857l36.512 36.512c.69.69.092 1.82-.857 1.597-18.425-4.323-32.93-18.827-37.252-37.252ZM.002 46.889a.99.99 0 0 0 .29.76L52.35 99.71c.201.2.478.307.76.29 2.37-.149 4.695-.46 6.963-.927.765-.157 1.03-1.096.478-1.648L2.576 39.448c-.552-.551-1.491-.286-1.648.479a50.067 50.067 0 0 0-.926 6.962ZM4.21 29.705a.988.988 0 0 0 .208 1.1l64.776 64.776c.289.29.726.375 1.1.208a49.908 49.908 0 0 0 5.185-2.684.981.981 0 0 0 .183-1.54L8.436 24.336a.981.981 0 0 0-1.541.183 49.896 49.896 0 0 0-2.684 5.185Zm8.448-11.631a.986.986 0 0 1-.045-1.354C21.78 6.46 35.111 0 49.952 0 77.592 0 100 22.407 100 50.048c0 14.84-6.46 28.172-16.72 37.338a.986.986 0 0 1-1.354-.045L12.659 18.074Z\"\n    />\n  </svg>\n)\n\nexport { Linear }\n"
+    },
+    {
+      "path": "registry/default/ui/svgs/spotify.tsx",
+      "type": "registry:ui",
+      "target": "components/ui/svgs/spotify.tsx",
+      "content": "import type { SVGProps } from \"react\"\n\nexport const Spotify = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"1em\"\n    height=\"1em\"\n    viewBox=\"0 0 559 168\"\n    {...props}\n  >\n    <path\n      fill=\"#1ED760\"\n      d=\"M83.996.277C37.747.277.253 37.77.253 84.019c0 46.251 37.494 83.741 83.743 83.741 46.254 0 83.744-37.49 83.744-83.741 0-46.246-37.49-83.738-83.745-83.738l.001-.004zm38.404 120.78c-1.5 2.46-4.72 3.24-7.18 1.73-19.662-12.01-44.414-14.73-73.564-8.07-2.809.64-5.609-1.12-6.249-3.93-.643-2.81 1.11-5.61 3.926-6.25 31.9-7.288 59.263-4.15 81.337 9.34 2.46 1.51 3.24 4.72 1.73 7.18zm10.25-22.802c-1.89 3.072-5.91 4.042-8.98 2.152-22.51-13.836-56.823-17.843-83.448-9.761-3.453 1.043-7.1-.903-8.148-4.35-1.04-3.453.907-7.093 4.354-8.143 30.413-9.228 68.222-4.758 94.072 11.127 3.07 1.89 4.04 5.91 2.15 8.976v-.001zm.88-23.744c-26.99-16.031-71.52-17.505-97.289-9.684-4.138 1.255-8.514-1.081-9.768-5.219-1.254-4.14 1.08-8.513 5.221-9.771 29.581-8.98 78.756-7.245 109.83 11.202 3.73 2.209 4.95 7.016 2.74 10.733-2.2 3.722-7.02 4.949-10.73 2.739zm94.56 3.072c-14.46-3.448-17.03-5.868-17.03-10.953 0-4.804 4.52-8.037 11.25-8.037 6.52 0 12.98 2.455 19.76 7.509.2.153.46.214.71.174.26-.038.48-.177.63-.386l7.06-9.952c.29-.41.21-.975-.18-1.288-8.07-6.473-17.15-9.62-27.77-9.62-15.61 0-26.52 9.369-26.52 22.774 0 14.375 9.41 19.465 25.67 23.394 13.83 3.187 16.17 5.857 16.17 10.629 0 5.29-4.72 8.58-12.32 8.58-8.44 0-15.33-2.85-23.03-9.51-.19-.17-.45-.24-.69-.23-.26.02-.49.14-.65.33l-7.92 9.42c-.33.4-.29.98.09 1.32 8.96 8 19.98 12.22 31.88 12.22 16.82 0 27.69-9.19 27.69-23.42.03-12.007-7.16-18.657-24.77-22.941l-.03-.013zm62.86-14.26c-7.29 0-13.27 2.872-18.21 8.757v-6.624c0-.523-.42-.949-.94-.949h-12.95c-.52 0-.94.426-.94.949v73.601c0 .52.42.95.94.95h12.95c.52 0 .94-.43.94-.95v-23.23c4.94 5.53 10.92 8.24 18.21 8.24 13.55 0 27.27-10.43 27.27-30.369.02-19.943-13.7-30.376-27.26-30.376l-.01.001zm12.21 30.375c0 10.149-6.25 17.239-15.21 17.239-8.85 0-15.53-7.41-15.53-17.239 0-9.83 6.68-17.238 15.53-17.238 8.81-.001 15.21 7.247 15.21 17.237v.001zm50.21-30.375c-17.45 0-31.12 13.436-31.12 30.592 0 16.972 13.58 30.262 30.91 30.262 17.51 0 31.22-13.39 31.22-30.479 0-17.031-13.62-30.373-31.01-30.373v-.002zm0 47.714c-9.28 0-16.28-7.46-16.28-17.344 0-9.929 6.76-17.134 16.07-17.134 9.34 0 16.38 7.457 16.38 17.351 0 9.927-6.8 17.127-16.17 17.127zm68.27-46.53h-14.25V49.941c0-.522-.42-.948-.94-.948H393.5c-.52 0-.95.426-.95.948v14.566h-6.22c-.52 0-.94.426-.94.949v11.127c0 .522.42.949.94.949h6.22v28.795c0 11.63 5.79 17.53 17.22 17.53 4.64 0 8.49-.96 12.12-3.02.3-.16.48-.48.48-.82v-10.6c0-.32-.17-.63-.45-.8-.28-.18-.63-.19-.92-.04-2.49 1.25-4.9 1.83-7.6 1.83-4.15 0-6.01-1.89-6.01-6.11v-26.76h14.25c.52 0 .94-.426.94-.949V65.462c.02-.523-.4-.949-.93-.949l-.01-.006zm49.64.057v-1.789c0-5.263 2.02-7.61 6.54-7.61 2.7 0 4.87.536 7.3 1.346.3.094.61.047.85-.132.25-.179.39-.466.39-.77v-10.91c0-.417-.26-.786-.67-.909-2.56-.763-5.84-1.546-10.76-1.546-11.95 0-18.28 6.734-18.28 19.467v2.74h-6.22c-.52 0-.95.426-.95.948v11.184c0 .522.43.949.95.949h6.22v44.405c0 .53.43.95.95.95h12.94c.53 0 .95-.42.95-.95V77.535h12.09l18.52 44.402c-2.1 4.66-4.17 5.59-6.99 5.59-2.28 0-4.69-.68-7.14-2.03-.23-.12-.51-.14-.75-.07-.25.09-.46.27-.56.51l-4.39 9.63c-.21.46-.03.99.41 1.23 4.58 2.48 8.71 3.54 13.82 3.54 9.56 0 14.85-4.46 19.5-16.44l22.46-58.037c.12-.292.08-.622-.1-.881-.17-.257-.46-.412-.77-.412h-13.48c-.41 0-.77.257-.9.636l-13.81 39.434-15.12-39.46c-.14-.367-.49-.61-.88-.61h-22.12v-.003zm-28.78-.057h-12.95c-.52 0-.95.426-.95.949v56.481c0 .53.43.95.95.95h12.95c.52 0 .95-.42.95-.95V65.46c0-.523-.42-.949-.95-.949v-.004zm-6.4-25.719c-5.13 0-9.29 4.152-9.29 9.281 0 5.132 4.16 9.289 9.29 9.289s9.28-4.157 9.28-9.289c0-5.128-4.16-9.281-9.28-9.281zm113.42 43.88c-5.12 0-9.11-4.115-9.11-9.112s4.04-9.159 9.16-9.159 9.11 4.114 9.11 9.107c0 4.997-4.04 9.164-9.16 9.164zm.05-17.365c-4.67 0-8.2 3.71-8.2 8.253 0 4.541 3.51 8.201 8.15 8.201 4.67 0 8.2-3.707 8.2-8.253 0-4.541-3.51-8.201-8.15-8.201zm2.02 9.138 2.58 3.608h-2.18l-2.32-3.31h-1.99v3.31h-1.82v-9.564h4.26c2.23 0 3.69 1.137 3.69 3.051.01 1.568-.9 2.526-2.21 2.905h-.01zm-1.54-4.315h-2.37v3.025h2.37c1.18 0 1.89-.579 1.89-1.514 0-.984-.71-1.511-1.89-1.511z\"\n    />\n  </svg>\n)\nexport default Spotify\n"
+    },
+    {
+      "path": "registry/default/ui/svgs/supabase.tsx",
+      "type": "registry:ui",
+      "target": "components/ui/svgs/supabase.tsx",
+      "content": "import type { SVGProps } from \"react\"\n\nconst Supabase = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} viewBox=\"0 0 109 113\" fill=\"none\">\n    <path\n      d=\"M63.7076 110.284C60.8481 113.885 55.0502 111.912 54.9813 107.314L53.9738 40.0627L99.1935 40.0627C107.384 40.0627 111.952 49.5228 106.859 55.9374L63.7076 110.284Z\"\n      fill=\"url(#paint0_linear)\"\n    />\n    <path\n      d=\"M63.7076 110.284C60.8481 113.885 55.0502 111.912 54.9813 107.314L53.9738 40.0627L99.1935 40.0627C107.384 40.0627 111.952 49.5228 106.859 55.9374L63.7076 110.284Z\"\n      fill=\"url(#paint1_linear)\"\n      fillOpacity=\"0.2\"\n    />\n    <path\n      d=\"M45.317 2.07103C48.1765 -1.53037 53.9745 0.442937 54.0434 5.041L54.4849 72.2922H9.83113C1.64038 72.2922 -2.92775 62.8321 2.1655 56.4175L45.317 2.07103Z\"\n      fill=\"#3ECF8E\"\n    />\n    <defs>\n      <linearGradient\n        id=\"paint0_linear\"\n        x1=\"53.9738\"\n        y1=\"54.974\"\n        x2=\"94.1635\"\n        y2=\"71.8295\"\n        gradientUnits=\"userSpaceOnUse\"\n      >\n        <stop stopColor=\"#249361\" />\n        <stop offset=\"1\" stopColor=\"#3ECF8E\" />\n      </linearGradient>\n      <linearGradient\n        id=\"paint1_linear\"\n        x1=\"36.1558\"\n        y1=\"30.578\"\n        x2=\"54.4844\"\n        y2=\"65.0806\"\n        gradientUnits=\"userSpaceOnUse\"\n      >\n        <stop />\n        <stop offset=\"1\" stopOpacity=\"0\" />\n      </linearGradient>\n    </defs>\n  </svg>\n)\n\nexport { Supabase }\n"
+    },
+    {
+      "path": "registry/default/ui/svgs/vercel.tsx",
+      "type": "registry:ui",
+      "target": "components/ui/svgs/vercel.tsx",
+      "content": "import type { SVGProps } from \"react\"\n\nexport const Vercel = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    viewBox=\"0 0 256 222\"\n    width=\"1em\"\n    height=\"1em\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    preserveAspectRatio=\"xMidYMid\"\n    {...props}\n  >\n    <path fill=\"currentColor\" d=\"m128 0 128 221.705H0z\" />\n  </svg>\n)\n\nexport const VercelFull = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    aria-label=\"Vercel logotype\"\n    height=\"1em\"\n    role=\"img\"\n    viewBox=\"0 0 262 52\"\n    width=\"1em\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M59.8019 52L29.9019 0L0.00190544 52H59.8019ZM89.9593 49.6328L114.947 2.36365H104.139L86.9018 36.6921L69.6647 2.36365H58.8564L83.8442 49.6328H89.9593ZM260.25 2.36365V49.6329H251.302V2.36365H260.25ZM210.442 31.99C210.442 28.3062 211.211 25.0661 212.749 22.2699C214.287 19.4737 216.431 17.321 219.181 15.812C221.93 14.3029 225.146 13.5484 228.828 13.5484C232.09 13.5484 235.026 14.2585 237.636 15.6788C240.245 17.0991 242.319 19.2074 243.857 22.0036C245.395 24.7998 246.187 28.2174 246.234 32.2564V34.3202H219.88C220.066 37.2496 220.928 39.5576 222.466 41.2442C224.051 42.8864 226.171 43.7075 228.828 43.7075C230.505 43.7075 232.043 43.2637 233.441 42.376C234.839 41.4883 235.888 40.2899 236.587 38.7808L245.745 39.4466C244.626 42.7754 242.529 45.4385 239.453 47.4358C236.377 49.4331 232.835 50.4317 228.828 50.4317C225.146 50.4317 221.93 49.6772 219.181 48.1681C216.431 46.6591 214.287 44.5064 212.749 41.7102C211.211 38.914 210.442 35.6739 210.442 31.99ZM237.006 28.6612C236.68 25.7762 235.771 23.668 234.28 22.3365C232.789 20.9606 230.971 20.2726 228.828 20.2726C226.358 20.2726 224.354 21.0049 222.816 22.4696C221.278 23.9343 220.322 25.9982 219.95 28.6612H237.006ZM195.347 22.3365C196.838 23.5348 197.77 25.1993 198.143 27.3297L207.371 26.8637C207.044 24.1562 206.089 21.8039 204.505 19.8066C202.92 17.8093 200.869 16.278 198.353 15.2128C195.883 14.1032 193.157 13.5484 190.174 13.5484C186.492 13.5484 183.277 14.3029 180.527 15.812C177.777 17.321 175.634 19.4737 174.096 22.2699C172.558 25.0661 171.789 28.3062 171.789 31.99C171.789 35.6739 172.558 38.914 174.096 41.7102C175.634 44.5064 177.777 46.6591 180.527 48.1681C183.277 49.6772 186.492 50.4317 190.174 50.4317C193.25 50.4317 196.046 49.8769 198.563 48.7673C201.079 47.6133 203.13 45.9933 204.714 43.9072C206.299 41.8212 207.254 39.38 207.58 36.5838L198.283 36.1844C197.957 38.5367 197.048 40.3565 195.557 41.6436C194.065 42.8864 192.271 43.5078 190.174 43.5078C187.285 43.5078 185.048 42.5091 183.463 40.5118C181.879 38.5145 181.086 35.6739 181.086 31.99C181.086 28.3062 181.879 25.4656 183.463 23.4683C185.048 21.471 187.285 20.4723 190.174 20.4723C192.178 20.4723 193.902 21.0937 195.347 22.3365ZM149.955 14.3457H158.281L158.522 21.1369C159.113 19.2146 159.935 17.7218 160.988 16.6585C162.514 15.1166 164.642 14.3457 167.371 14.3457H170.771V21.6146H167.302C165.359 21.6146 163.763 21.8789 162.514 22.4075C161.311 22.9362 160.386 23.7732 159.739 24.9186C159.137 26.064 158.837 27.5178 158.837 29.2799V49.6328H149.955V14.3457ZM111.548 22.2699C110.01 25.0661 109.241 28.3062 109.241 31.99C109.241 35.6739 110.01 38.914 111.548 41.7102C113.086 44.5064 115.229 46.6591 117.979 48.1681C120.729 49.6772 123.944 50.4317 127.626 50.4317C131.634 50.4317 135.176 49.4331 138.252 47.4358C141.327 45.4385 143.425 42.7754 144.543 39.4466L135.385 38.7808C134.686 40.2899 133.638 41.4883 132.24 42.376C130.842 43.2637 129.304 43.7075 127.626 43.7075C124.97 43.7075 122.849 42.8864 121.265 41.2442C119.727 39.5576 118.865 37.2496 118.678 34.3202H145.032V32.2564C144.986 28.2174 144.194 24.7998 142.656 22.0036C141.118 19.2074 139.044 17.0991 136.434 15.6788C133.824 14.2585 130.888 13.5484 127.626 13.5484C123.944 13.5484 120.729 14.3029 117.979 15.812C115.229 17.321 113.086 19.4737 111.548 22.2699ZM133.079 22.3365C134.57 23.668 135.479 25.7762 135.805 28.6612H118.748C119.121 25.9982 120.076 23.9343 121.614 22.4696C123.152 21.0049 125.156 20.2726 127.626 20.2726C129.77 20.2726 131.587 20.9606 133.079 22.3365Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n)\n"
+    }
+  ],
+  "categories": [
+    "page-template",
+    "logo-cloud"
+  ],
+  "meta": {
+    "source": "page-template",
+    "templatePath": "logo-cloud/three"
+  }
+}

package/public/r/template-logo-cloud-two.json

@@ -0,0 +1,74 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "template-logo-cloud-two",
+  "type": "registry:block",
+  "title": "logo-cloud/two",
+  "description": "Page template \"logo-cloud/two\"",
+  "files": [
+    {
+      "path": "registry/page-templates/default/templates/logo-cloud/two/index.tsx",
+      "type": "registry:file",
+      "target": "components/page-templates/logo-cloud/two/index.tsx",
+      "content": "import Link from \"next/link\"\nimport { Beacon } from \"@/ui/svgs/beacon\"\nimport { Bolt } from \"@/ui/svgs/bolt\"\nimport { Cisco } from \"@/ui/svgs/cisco\"\nimport { Hulu } from \"@/ui/svgs/hulu\"\nimport { Linear } from \"@/ui/svgs/linear\"\nimport { Spotify } from \"@/ui/svgs/spotify\"\nimport { Supabase } from \"@/ui/svgs/supabase\"\nimport { VercelFull } from \"@/ui/svgs/vercel\"\nimport { ChevronRight } from \"lucide-react\"\n\nexport default function LogoCloudTwo() {\n  return (\n    <section className=\"bg-background py-16\">\n      <div className=\"group relative m-auto max-w-5xl px-6\">\n        <div className=\"absolute inset-0 z-10 flex scale-95 items-center justify-center opacity-0 duration-500 group-hover:scale-100 group-hover:opacity-100\">\n          <Link\n            href=\"/\"\n            className=\"block text-sm duration-150 hover:opacity-75\"\n          >\n            <span> Meet Our Customers</span>\n\n            <ChevronRight className=\"ml-1 inline-block size-3\" />\n          </Link>\n        </div>\n        <div className=\"mx-auto mt-12 grid max-w-2xl grid-cols-4 gap-x-12 gap-y-8 transition-all duration-500 **:fill-foreground group-hover:opacity-50 group-hover:blur-xs sm:gap-x-16 sm:gap-y-14\">\n          <div className=\"flex\">\n            <VercelFull className=\"mx-auto h-3.5 w-full\" />\n          </div>\n\n          <div className=\"flex\">\n            <Spotify className=\"mx-auto h-4.5 w-full\" />\n          </div>\n          <div className=\"flex\">\n            <Supabase className=\"mx-auto size-5\" />\n          </div>\n          <div className=\"flex\">\n            <Hulu className=\"mx-auto h-3.5 w-full\" />\n          </div>\n          <div className=\"flex\">\n            <Bolt className=\"mx-auto h-4 w-full\" />\n          </div>\n          <div className=\"flex\">\n            <Linear className=\"mx-auto size-4\" />\n          </div>\n          <div className=\"flex\">\n            <Cisco className=\"mx-auto h-5 w-full\" />\n          </div>\n\n          <div className=\"flex\">\n            <Beacon className=\"mx-auto h-3.5 w-full\" />\n          </div>\n        </div>\n      </div>\n    </section>\n  )\n}\n"
+    },
+    {
+      "path": "registry/default/ui/svgs/beacon.tsx",
+      "type": "registry:ui",
+      "target": "components/ui/svgs/beacon.tsx",
+      "content": "import type { SVGProps } from \"react\"\n\nexport const Beacon = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    viewBox=\"0 0 93 20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"1em\"\n    height=\"1em\"\n    fill=\"none\"\n    {...props}\n  >\n    <path\n      fill=\"#FF7E23\"\n      fillRule=\"evenodd\"\n      d=\"M6.815 19.719c4.869 0 7.122-2.254 7.122-5.494 0-2.845-1.83-4.79-4.197-5.352 1.662-.647 2.844-2.028 2.844-4.028 0-2.59-1.94-4.845-5.911-4.845H0v19.719h6.815ZM3.096 8V2.733h3.322c2.028 0 3.097.958 3.097 2.535C9.515 6.873 8.417 8 6.389 8H3.096Zm7.742 5.747c0-1.944-1.24-3.324-4.196-3.324H3.096v6.563h3.577c2.928 0 4.165-1.24 4.165-3.24Zm18.78-.226H18.043c.452 2.59 2.48 3.888 4.814 3.888 1.943 0 2.983-.507 4.055-1.353l1.717 1.634C27.335 19.157 25.476 20 22.774 20c-3.687 0-7.716-2.507-7.716-7.578 0-5.1 4.14-7.632 7.432-7.632 3.325 0 7.831 2.533 7.127 8.73Zm-11.545-2.255h8.813c-.28-2.59-2.505-3.86-4.39-3.86-1.86.003-3.945 1.27-4.423 3.86Zm19.874-6.479c-3.293 0-7.263 2.48-7.263 7.607 0 5.126 3.97 7.606 7.263 7.606 2.535 0 4.281-1.466 4.872-2.677h.168v2.393h3.041V5.068h-3.041v2.394h-.168c-.591-1.211-2.337-2.675-4.872-2.675Zm.395 2.706c2.279 0 4.73 1.632 4.73 4.9 0 3.27-2.449 4.903-4.73 4.9-2.28 0-4.701-1.633-4.701-4.9 0-3.265 2.42-4.9 4.7-4.9Zm20.832 1.913 2.366-1.07c-1.323-2.364-3.603-3.546-6.252-3.549-3.322 0-7.574 2.533-7.574 7.633 0 5.097 4.252 7.578 7.574 7.578 2.676 0 4.927-1.154 6.279-3.521l-2.393-1.07c-.874 1.183-2.056 1.887-3.857 1.887-2.167 0-4.646-1.634-4.646-4.874 0-3.295 2.48-4.929 4.646-4.929 1.801 0 2.986.733 3.857 1.915ZM69.871 20c3.35 0 7.602-2.48 7.602-7.578 0-5.1-4.251-7.632-7.602-7.632s-7.603 2.533-7.603 7.632c0 5.098 4.252 7.578 7.603 7.578Zm.002-2.704c-2.166 0-4.645-1.634-4.645-4.873 0-3.295 2.476-4.93 4.645-4.93 2.17 0 4.646 1.635 4.646 4.93 0 3.24-2.477 4.873-4.646 4.873Zm22.858 2.423V11.24c0-4.564-2.757-6.45-5.489-6.45-3.18 0-4.758 2.477-5.04 3.323V5.071h-3.04v14.645h3.04v-8.76c.14-1.237 1.493-3.491 3.998-3.491 1.857 0 3.49 1.156 3.49 3.943v8.31h3.041Z\"\n      clipRule=\"evenodd\"\n    />\n  </svg>\n)\n"
+    },
+    {
+      "path": "registry/default/ui/svgs/bolt.tsx",
+      "type": "registry:ui",
+      "target": "components/ui/svgs/bolt.tsx",
+      "content": "import type { SVGProps } from \"react\"\n\nexport const Bolt = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 45.65 160 68.7\"\n    fill=\"currentColor\"\n    width=\"1em\"\n    height=\"1em\"\n    {...props}\n  >\n    <path d=\"M75.61 106.195c-14.747 0-21.962-8.468-21.962-19.136s10.04-24.157 24.782-24.157c14.746 0 21.96 8.47 21.96 19.137 0 10.668-10.038 24.156-24.78 24.156Zm.624-13.488c5.02 0 8.473-4.707 8.473-9.727 0-5.02-2.512-6.273-6.902-6.273-4.395 0-8.473 4.703-8.473 9.723 0 5.02 2.512 6.277 6.902 6.277Zm39.844 12.547h-15.371l12.547-57.098h15.375l-12.55 56.785Zm0 0\" />\n    <path\n      fillRule=\"evenodd\"\n      d=\"M30.117 106.195c-4.707 0-9.41-1.566-11.922-5.332l-.941 4.39L0 114.353l1.883-9.098L14.43 48.156h15.375L25.41 68.234c3.453-3.765 6.902-5.332 11.297-5.332 9.41 0 15.371 5.961 15.371 17.254 0 11.293-7.215 26.04-21.96 26.04Zm5.961-22.902c0 5.336-3.766 9.414-8.785 9.414-5.02 0-5.332-.941-6.902-2.824l2.511-10.352c1.883-1.883 3.766-2.824 6.274-2.824 3.765 0 6.902 2.824 6.902 6.902Zm0 0\"\n    />\n    <path d=\"M144.629 106.195c-8.785 0-15.375-3.136-15.375-10.351 0-7.215 0-2.196.316-3.137l3.45-15.375h-6.903l3.137-13.176h6.902l2.512-11.293 17.254-7.215-1.883 7.215-2.508 11.293H160l-3.137 13.176h-8.472l-2.196 10.04v1.882c0 1.883 1.254 3.453 3.766 3.453 2.508 0 1.883 0 2.195-.316v12.238c-1.566 1.254-4.39 1.566-7.215 1.566Zm0 0\" />\n  </svg>\n)\n"
+    },
+    {
+      "path": "registry/default/ui/svgs/cisco.tsx",
+      "type": "registry:ui",
+      "target": "components/ui/svgs/cisco.tsx",
+      "content": "import type { SVGProps } from \"react\"\n\nexport const Cisco = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    width=\"1em\"\n    height=\"1em\"\n    viewBox=\"0 0 52 28\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M51.2293 8.37685C51.2293 7.76429 50.7317 7.26562 50.1181 7.26562C49.5033 7.26562 49.0068 7.76429 49.0068 8.37685V10.7143C49.0068 11.3302 49.5033 11.8288 50.1181 11.8288C50.7317 11.8288 51.2293 11.3302 51.2293 10.7143V8.37685ZM45.1136 5.30654C45.1136 4.69288 44.6172 4.19531 43.988 4.19531C43.3744 4.19531 42.8779 4.69288 42.8779 5.30654V10.7123C42.8779 11.3282 43.3744 11.8268 43.988 11.8268C44.6172 11.8268 45.1136 11.3282 45.1136 10.7123V5.30654ZM38.9853 1.11012C38.9853 0.495352 38.4877 0 37.8741 0C37.2604 0 36.7617 0.495352 36.7617 1.11012V12.93C36.7617 13.5481 37.2604 14.0446 37.8741 14.0446C38.4877 14.0446 38.9853 13.5481 38.9853 12.93V1.11012ZM32.8551 5.30654C32.8551 4.69288 32.3587 4.19531 31.7439 4.19531C31.1291 4.19531 30.6338 4.69288 30.6338 5.30654V10.7123C30.6338 11.3282 31.1291 11.8268 31.7439 11.8268C32.3587 11.8268 32.8551 11.3282 32.8551 10.7123V5.30654ZM26.7254 8.37685C26.7254 7.76429 26.23 7.26562 25.6197 7.26562C25.0038 7.26562 24.5029 7.76429 24.5029 8.37685V10.7143C24.5029 11.3302 25.0038 11.8288 25.6197 11.8288C26.23 11.8288 26.7254 11.3302 26.7254 10.7143V8.37685ZM20.6103 5.30654C20.6103 4.69288 20.1083 4.19531 19.4936 4.19531C18.8788 4.19531 18.3779 4.69288 18.3779 5.30654V10.7123C18.3779 11.3282 18.8788 11.8268 19.4936 11.8268C20.1083 11.8268 20.6103 11.3282 20.6103 10.7123V5.30654ZM14.4801 1.11012C14.4801 0.495352 13.9814 0 13.3655 0C12.7541 0 12.251 0.495352 12.251 1.11012V12.93C12.251 13.5481 12.7541 14.0446 13.3655 14.0446C13.9814 14.0446 14.4801 13.5481 14.4801 12.93V1.11012ZM8.35617 5.30654C8.35617 4.69288 7.85418 4.19531 7.24273 4.19531C6.62686 4.19531 6.12598 4.69288 6.12598 5.30654V10.7123C6.12598 11.3282 6.62686 11.8268 7.24273 11.8268C7.85418 11.8268 8.35617 11.3282 8.35617 10.7123V5.30654ZM2.23019 8.37685C2.23019 7.76429 1.72931 7.26562 1.11454 7.26562C0.500881 7.26562 0 7.76429 0 8.37685V10.7143C0 11.3302 0.500881 11.8288 1.11454 11.8288C1.72931 11.8288 2.23019 11.3302 2.23019 10.7143V8.37685ZM25.2545 18.0665C25.186 18.0488 24.1588 17.7812 23.0642 17.7812C20.9954 17.7812 19.7471 18.9002 19.7471 20.5643C19.7471 22.0404 20.7897 22.7735 22.0436 23.1693C22.1818 23.2157 22.3864 23.2777 22.5213 23.3241C23.0807 23.4988 23.523 23.7598 23.523 24.2109C23.523 24.7151 23.0089 25.0413 21.8921 25.0413C20.9114 25.0413 19.9693 24.7615 19.7692 24.7106V26.7606C19.8809 26.7849 20.9998 27.0028 22.1951 27.0028C23.9133 27.0028 25.8804 26.252 25.8804 24.0163C25.8804 22.9316 25.2158 21.9331 23.7585 21.4687L23.1382 21.2719C22.7689 21.1547 22.1088 20.9657 22.1088 20.4239C22.1088 19.9949 22.5987 19.6941 23.4998 19.6941C24.276 19.6941 25.2203 19.955 25.2545 19.9683V18.0665ZM41.9169 20.0469C43.246 20.0469 44.2389 21.0951 44.2389 22.3887C44.2389 23.6824 43.246 24.7306 41.9169 24.7306C40.5824 24.7306 39.5928 23.6824 39.5928 22.3887C39.5928 21.0951 40.5824 20.0469 41.9169 20.0469ZM46.6202 22.3898C46.6202 19.8445 44.6542 17.7812 41.9176 17.7812C39.1788 17.7812 37.2129 19.8445 37.2129 22.3898C37.2129 24.934 39.1788 26.9983 41.9176 26.9983C44.6542 26.9983 46.6202 24.934 46.6202 22.3898ZM11.4013 18.0975C11.1901 18.0378 10.4095 17.7812 9.35242 17.7812C6.62025 17.7812 4.6123 19.7284 4.6123 22.3898C4.6123 25.2569 6.82701 26.9983 9.35242 26.9983C10.3564 26.9983 11.1215 26.7606 11.4013 26.6821V24.2916C11.3051 24.3458 10.5709 24.7637 9.51275 24.7637C8.01674 24.7637 7.05147 23.7111 7.05147 22.3898C7.05147 21.0243 8.05876 20.0148 9.51275 20.0148C10.5886 20.0148 11.3117 20.4427 11.4013 20.4891V18.0975ZM34.8467 18.0975C34.6355 18.0378 33.8538 17.7812 32.799 17.7812C30.0624 17.7812 28.0566 19.7284 28.0566 22.3898C28.0566 25.2569 30.2725 26.9983 32.799 26.9983C33.7974 26.9983 34.5648 26.7606 34.8467 26.6821V24.2916C34.7483 24.3458 34.0141 24.7637 32.9582 24.7637C31.4633 24.7637 30.498 23.7111 30.498 22.3898C30.498 21.0243 31.5053 20.0148 32.9582 20.0148C34.0318 20.0148 34.7572 20.4427 34.8467 20.4891V18.0975ZM14.4893 26.8406H16.736V17.9375H14.4893V26.8406Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n)\n"
+    },
+    {
+      "path": "registry/default/ui/svgs/hulu.tsx",
+      "type": "registry:ui",
+      "target": "components/ui/svgs/hulu.tsx",
+      "content": "import type { SVGProps } from \"react\"\n\nexport const Hulu = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    width=\"1em\"\n    height=\"1em\"\n    viewBox=\"0 0 251 83\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M153.602 82.4612H173.519V0.015625H153.602V82.4612ZM118.632 58.9549C118.632 61.8498 116.201 64.2815 113.306 64.2815H101.726C98.8314 64.2815 96.3998 61.8498 96.3998 58.9549C96.3998 57.797 96.3998 25.722 96.3998 25.722H76.4831V60.5761C76.4831 74.8188 85.6309 82.3454 99.063 82.3454H118.516C130.906 82.3454 138.433 73.4292 138.433 60.5761V25.722H118.516C118.632 25.722 118.632 57.9128 118.632 58.9549ZM230.605 25.722C230.605 25.722 230.605 57.9128 230.605 58.9549C230.605 61.8498 228.174 64.2815 225.279 64.2815H213.699C210.805 64.2815 208.373 61.8498 208.373 58.9549C208.373 57.797 208.373 25.722 208.373 25.722H188.456V60.5761C188.456 74.8188 197.604 82.3454 211.036 82.3454H230.49C242.88 82.3454 250.406 73.4292 250.406 60.5761V25.722H230.605ZM39.7763 25.722C39.7763 25.722 29.4706 25.722 27.039 25.722C22.523 25.722 20.3229 26.8799 20.3229 26.8799V0.015625H0.40625V82.3454H20.2071V49.2282C20.2071 46.3334 22.6388 43.9017 25.5336 43.9017H37.1131C40.0079 43.9017 42.4396 46.3334 42.4396 49.2282V82.4612H62.3562V46.5649C62.3562 31.5117 52.2821 25.722 39.7763 25.722Z\"\n      fill=\"#1CE783\"\n    />\n  </svg>\n)\n"
+    },
+    {
+      "path": "registry/default/ui/svgs/linear.tsx",
+      "type": "registry:ui",
+      "target": "components/ui/svgs/linear.tsx",
+      "content": "import type { SVGProps } from \"react\"\n\nconst Linear = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} fill=\"none\" viewBox=\"0 0 100 100\">\n    <path\n      fill=\"#5E6AD2\"\n      d=\"M1.225 61.523c-.222-.949.908-1.546 1.597-.857l36.512 36.512c.69.69.092 1.82-.857 1.597-18.425-4.323-32.93-18.827-37.252-37.252ZM.002 46.889a.99.99 0 0 0 .29.76L52.35 99.71c.201.2.478.307.76.29 2.37-.149 4.695-.46 6.963-.927.765-.157 1.03-1.096.478-1.648L2.576 39.448c-.552-.551-1.491-.286-1.648.479a50.067 50.067 0 0 0-.926 6.962ZM4.21 29.705a.988.988 0 0 0 .208 1.1l64.776 64.776c.289.29.726.375 1.1.208a49.908 49.908 0 0 0 5.185-2.684.981.981 0 0 0 .183-1.54L8.436 24.336a.981.981 0 0 0-1.541.183 49.896 49.896 0 0 0-2.684 5.185Zm8.448-11.631a.986.986 0 0 1-.045-1.354C21.78 6.46 35.111 0 49.952 0 77.592 0 100 22.407 100 50.048c0 14.84-6.46 28.172-16.72 37.338a.986.986 0 0 1-1.354-.045L12.659 18.074Z\"\n    />\n  </svg>\n)\n\nexport { Linear }\n"
+    },
+    {
+      "path": "registry/default/ui/svgs/spotify.tsx",
+      "type": "registry:ui",
+      "target": "components/ui/svgs/spotify.tsx",
+      "content": "import type { SVGProps } from \"react\"\n\nexport const Spotify = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"1em\"\n    height=\"1em\"\n    viewBox=\"0 0 559 168\"\n    {...props}\n  >\n    <path\n      fill=\"#1ED760\"\n      d=\"M83.996.277C37.747.277.253 37.77.253 84.019c0 46.251 37.494 83.741 83.743 83.741 46.254 0 83.744-37.49 83.744-83.741 0-46.246-37.49-83.738-83.745-83.738l.001-.004zm38.404 120.78c-1.5 2.46-4.72 3.24-7.18 1.73-19.662-12.01-44.414-14.73-73.564-8.07-2.809.64-5.609-1.12-6.249-3.93-.643-2.81 1.11-5.61 3.926-6.25 31.9-7.288 59.263-4.15 81.337 9.34 2.46 1.51 3.24 4.72 1.73 7.18zm10.25-22.802c-1.89 3.072-5.91 4.042-8.98 2.152-22.51-13.836-56.823-17.843-83.448-9.761-3.453 1.043-7.1-.903-8.148-4.35-1.04-3.453.907-7.093 4.354-8.143 30.413-9.228 68.222-4.758 94.072 11.127 3.07 1.89 4.04 5.91 2.15 8.976v-.001zm.88-23.744c-26.99-16.031-71.52-17.505-97.289-9.684-4.138 1.255-8.514-1.081-9.768-5.219-1.254-4.14 1.08-8.513 5.221-9.771 29.581-8.98 78.756-7.245 109.83 11.202 3.73 2.209 4.95 7.016 2.74 10.733-2.2 3.722-7.02 4.949-10.73 2.739zm94.56 3.072c-14.46-3.448-17.03-5.868-17.03-10.953 0-4.804 4.52-8.037 11.25-8.037 6.52 0 12.98 2.455 19.76 7.509.2.153.46.214.71.174.26-.038.48-.177.63-.386l7.06-9.952c.29-.41.21-.975-.18-1.288-8.07-6.473-17.15-9.62-27.77-9.62-15.61 0-26.52 9.369-26.52 22.774 0 14.375 9.41 19.465 25.67 23.394 13.83 3.187 16.17 5.857 16.17 10.629 0 5.29-4.72 8.58-12.32 8.58-8.44 0-15.33-2.85-23.03-9.51-.19-.17-.45-.24-.69-.23-.26.02-.49.14-.65.33l-7.92 9.42c-.33.4-.29.98.09 1.32 8.96 8 19.98 12.22 31.88 12.22 16.82 0 27.69-9.19 27.69-23.42.03-12.007-7.16-18.657-24.77-22.941l-.03-.013zm62.86-14.26c-7.29 0-13.27 2.872-18.21 8.757v-6.624c0-.523-.42-.949-.94-.949h-12.95c-.52 0-.94.426-.94.949v73.601c0 .52.42.95.94.95h12.95c.52 0 .94-.43.94-.95v-23.23c4.94 5.53 10.92 8.24 18.21 8.24 13.55 0 27.27-10.43 27.27-30.369.02-19.943-13.7-30.376-27.26-30.376l-.01.001zm12.21 30.375c0 10.149-6.25 17.239-15.21 17.239-8.85 0-15.53-7.41-15.53-17.239 0-9.83 6.68-17.238 15.53-17.238 8.81-.001 15.21 7.247 15.21 17.237v.001zm50.21-30.375c-17.45 0-31.12 13.436-31.12 30.592 0 16.972 13.58 30.262 30.91 30.262 17.51 0 31.22-13.39 31.22-30.479 0-17.031-13.62-30.373-31.01-30.373v-.002zm0 47.714c-9.28 0-16.28-7.46-16.28-17.344 0-9.929 6.76-17.134 16.07-17.134 9.34 0 16.38 7.457 16.38 17.351 0 9.927-6.8 17.127-16.17 17.127zm68.27-46.53h-14.25V49.941c0-.522-.42-.948-.94-.948H393.5c-.52 0-.95.426-.95.948v14.566h-6.22c-.52 0-.94.426-.94.949v11.127c0 .522.42.949.94.949h6.22v28.795c0 11.63 5.79 17.53 17.22 17.53 4.64 0 8.49-.96 12.12-3.02.3-.16.48-.48.48-.82v-10.6c0-.32-.17-.63-.45-.8-.28-.18-.63-.19-.92-.04-2.49 1.25-4.9 1.83-7.6 1.83-4.15 0-6.01-1.89-6.01-6.11v-26.76h14.25c.52 0 .94-.426.94-.949V65.462c.02-.523-.4-.949-.93-.949l-.01-.006zm49.64.057v-1.789c0-5.263 2.02-7.61 6.54-7.61 2.7 0 4.87.536 7.3 1.346.3.094.61.047.85-.132.25-.179.39-.466.39-.77v-10.91c0-.417-.26-.786-.67-.909-2.56-.763-5.84-1.546-10.76-1.546-11.95 0-18.28 6.734-18.28 19.467v2.74h-6.22c-.52 0-.95.426-.95.948v11.184c0 .522.43.949.95.949h6.22v44.405c0 .53.43.95.95.95h12.94c.53 0 .95-.42.95-.95V77.535h12.09l18.52 44.402c-2.1 4.66-4.17 5.59-6.99 5.59-2.28 0-4.69-.68-7.14-2.03-.23-.12-.51-.14-.75-.07-.25.09-.46.27-.56.51l-4.39 9.63c-.21.46-.03.99.41 1.23 4.58 2.48 8.71 3.54 13.82 3.54 9.56 0 14.85-4.46 19.5-16.44l22.46-58.037c.12-.292.08-.622-.1-.881-.17-.257-.46-.412-.77-.412h-13.48c-.41 0-.77.257-.9.636l-13.81 39.434-15.12-39.46c-.14-.367-.49-.61-.88-.61h-22.12v-.003zm-28.78-.057h-12.95c-.52 0-.95.426-.95.949v56.481c0 .53.43.95.95.95h12.95c.52 0 .95-.42.95-.95V65.46c0-.523-.42-.949-.95-.949v-.004zm-6.4-25.719c-5.13 0-9.29 4.152-9.29 9.281 0 5.132 4.16 9.289 9.29 9.289s9.28-4.157 9.28-9.289c0-5.128-4.16-9.281-9.28-9.281zm113.42 43.88c-5.12 0-9.11-4.115-9.11-9.112s4.04-9.159 9.16-9.159 9.11 4.114 9.11 9.107c0 4.997-4.04 9.164-9.16 9.164zm.05-17.365c-4.67 0-8.2 3.71-8.2 8.253 0 4.541 3.51 8.201 8.15 8.201 4.67 0 8.2-3.707 8.2-8.253 0-4.541-3.51-8.201-8.15-8.201zm2.02 9.138 2.58 3.608h-2.18l-2.32-3.31h-1.99v3.31h-1.82v-9.564h4.26c2.23 0 3.69 1.137 3.69 3.051.01 1.568-.9 2.526-2.21 2.905h-.01zm-1.54-4.315h-2.37v3.025h2.37c1.18 0 1.89-.579 1.89-1.514 0-.984-.71-1.511-1.89-1.511z\"\n    />\n  </svg>\n)\nexport default Spotify\n"
+    },
+    {
+      "path": "registry/default/ui/svgs/supabase.tsx",
+      "type": "registry:ui",
+      "target": "components/ui/svgs/supabase.tsx",
+      "content": "import type { SVGProps } from \"react\"\n\nconst Supabase = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} viewBox=\"0 0 109 113\" fill=\"none\">\n    <path\n      d=\"M63.7076 110.284C60.8481 113.885 55.0502 111.912 54.9813 107.314L53.9738 40.0627L99.1935 40.0627C107.384 40.0627 111.952 49.5228 106.859 55.9374L63.7076 110.284Z\"\n      fill=\"url(#paint0_linear)\"\n    />\n    <path\n      d=\"M63.7076 110.284C60.8481 113.885 55.0502 111.912 54.9813 107.314L53.9738 40.0627L99.1935 40.0627C107.384 40.0627 111.952 49.5228 106.859 55.9374L63.7076 110.284Z\"\n      fill=\"url(#paint1_linear)\"\n      fillOpacity=\"0.2\"\n    />\n    <path\n      d=\"M45.317 2.07103C48.1765 -1.53037 53.9745 0.442937 54.0434 5.041L54.4849 72.2922H9.83113C1.64038 72.2922 -2.92775 62.8321 2.1655 56.4175L45.317 2.07103Z\"\n      fill=\"#3ECF8E\"\n    />\n    <defs>\n      <linearGradient\n        id=\"paint0_linear\"\n        x1=\"53.9738\"\n        y1=\"54.974\"\n        x2=\"94.1635\"\n        y2=\"71.8295\"\n        gradientUnits=\"userSpaceOnUse\"\n      >\n        <stop stopColor=\"#249361\" />\n        <stop offset=\"1\" stopColor=\"#3ECF8E\" />\n      </linearGradient>\n      <linearGradient\n        id=\"paint1_linear\"\n        x1=\"36.1558\"\n        y1=\"30.578\"\n        x2=\"54.4844\"\n        y2=\"65.0806\"\n        gradientUnits=\"userSpaceOnUse\"\n      >\n        <stop />\n        <stop offset=\"1\" stopOpacity=\"0\" />\n      </linearGradient>\n    </defs>\n  </svg>\n)\n\nexport { Supabase }\n"
+    },
+    {
+      "path": "registry/default/ui/svgs/vercel.tsx",
+      "type": "registry:ui",
+      "target": "components/ui/svgs/vercel.tsx",
+      "content": "import type { SVGProps } from \"react\"\n\nexport const Vercel = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    viewBox=\"0 0 256 222\"\n    width=\"1em\"\n    height=\"1em\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    preserveAspectRatio=\"xMidYMid\"\n    {...props}\n  >\n    <path fill=\"currentColor\" d=\"m128 0 128 221.705H0z\" />\n  </svg>\n)\n\nexport const VercelFull = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    aria-label=\"Vercel logotype\"\n    height=\"1em\"\n    role=\"img\"\n    viewBox=\"0 0 262 52\"\n    width=\"1em\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M59.8019 52L29.9019 0L0.00190544 52H59.8019ZM89.9593 49.6328L114.947 2.36365H104.139L86.9018 36.6921L69.6647 2.36365H58.8564L83.8442 49.6328H89.9593ZM260.25 2.36365V49.6329H251.302V2.36365H260.25ZM210.442 31.99C210.442 28.3062 211.211 25.0661 212.749 22.2699C214.287 19.4737 216.431 17.321 219.181 15.812C221.93 14.3029 225.146 13.5484 228.828 13.5484C232.09 13.5484 235.026 14.2585 237.636 15.6788C240.245 17.0991 242.319 19.2074 243.857 22.0036C245.395 24.7998 246.187 28.2174 246.234 32.2564V34.3202H219.88C220.066 37.2496 220.928 39.5576 222.466 41.2442C224.051 42.8864 226.171 43.7075 228.828 43.7075C230.505 43.7075 232.043 43.2637 233.441 42.376C234.839 41.4883 235.888 40.2899 236.587 38.7808L245.745 39.4466C244.626 42.7754 242.529 45.4385 239.453 47.4358C236.377 49.4331 232.835 50.4317 228.828 50.4317C225.146 50.4317 221.93 49.6772 219.181 48.1681C216.431 46.6591 214.287 44.5064 212.749 41.7102C211.211 38.914 210.442 35.6739 210.442 31.99ZM237.006 28.6612C236.68 25.7762 235.771 23.668 234.28 22.3365C232.789 20.9606 230.971 20.2726 228.828 20.2726C226.358 20.2726 224.354 21.0049 222.816 22.4696C221.278 23.9343 220.322 25.9982 219.95 28.6612H237.006ZM195.347 22.3365C196.838 23.5348 197.77 25.1993 198.143 27.3297L207.371 26.8637C207.044 24.1562 206.089 21.8039 204.505 19.8066C202.92 17.8093 200.869 16.278 198.353 15.2128C195.883 14.1032 193.157 13.5484 190.174 13.5484C186.492 13.5484 183.277 14.3029 180.527 15.812C177.777 17.321 175.634 19.4737 174.096 22.2699C172.558 25.0661 171.789 28.3062 171.789 31.99C171.789 35.6739 172.558 38.914 174.096 41.7102C175.634 44.5064 177.777 46.6591 180.527 48.1681C183.277 49.6772 186.492 50.4317 190.174 50.4317C193.25 50.4317 196.046 49.8769 198.563 48.7673C201.079 47.6133 203.13 45.9933 204.714 43.9072C206.299 41.8212 207.254 39.38 207.58 36.5838L198.283 36.1844C197.957 38.5367 197.048 40.3565 195.557 41.6436C194.065 42.8864 192.271 43.5078 190.174 43.5078C187.285 43.5078 185.048 42.5091 183.463 40.5118C181.879 38.5145 181.086 35.6739 181.086 31.99C181.086 28.3062 181.879 25.4656 183.463 23.4683C185.048 21.471 187.285 20.4723 190.174 20.4723C192.178 20.4723 193.902 21.0937 195.347 22.3365ZM149.955 14.3457H158.281L158.522 21.1369C159.113 19.2146 159.935 17.7218 160.988 16.6585C162.514 15.1166 164.642 14.3457 167.371 14.3457H170.771V21.6146H167.302C165.359 21.6146 163.763 21.8789 162.514 22.4075C161.311 22.9362 160.386 23.7732 159.739 24.9186C159.137 26.064 158.837 27.5178 158.837 29.2799V49.6328H149.955V14.3457ZM111.548 22.2699C110.01 25.0661 109.241 28.3062 109.241 31.99C109.241 35.6739 110.01 38.914 111.548 41.7102C113.086 44.5064 115.229 46.6591 117.979 48.1681C120.729 49.6772 123.944 50.4317 127.626 50.4317C131.634 50.4317 135.176 49.4331 138.252 47.4358C141.327 45.4385 143.425 42.7754 144.543 39.4466L135.385 38.7808C134.686 40.2899 133.638 41.4883 132.24 42.376C130.842 43.2637 129.304 43.7075 127.626 43.7075C124.97 43.7075 122.849 42.8864 121.265 41.2442C119.727 39.5576 118.865 37.2496 118.678 34.3202H145.032V32.2564C144.986 28.2174 144.194 24.7998 142.656 22.0036C141.118 19.2074 139.044 17.0991 136.434 15.6788C133.824 14.2585 130.888 13.5484 127.626 13.5484C123.944 13.5484 120.729 14.3029 117.979 15.812C115.229 17.321 113.086 19.4737 111.548 22.2699ZM133.079 22.3365C134.57 23.668 135.479 25.7762 135.805 28.6612H118.748C119.121 25.9982 120.076 23.9343 121.614 22.4696C123.152 21.0049 125.156 20.2726 127.626 20.2726C129.77 20.2726 131.587 20.9606 133.079 22.3365Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n)\n"
+    }
+  ],
+  "categories": [
+    "page-template",
+    "logo-cloud"
+  ],
+  "dependencies": [
+    "lucide-react"
+  ],
+  "meta": {
+    "source": "page-template",
+    "templatePath": "logo-cloud/two"
+  }
+}

package/public/r/textarea-demo.json

@@ -8,7 +8,7 @@
   "files": [
     {
       "path": "registry/default/examples/textarea-demo.tsx",
-      "content": "import { Textarea } from \"@/registry/default/ui/textarea\"\n\nexport default function TextareaDemo() {\n  return <Textarea placeholder=\"Type your message here\" />\n}\n",
+      "content": "import { Textarea } from \"@/registry/default/ui/textarea\"\n\nexport default function TextareaDemo() {\n  return <Textarea placeholder=\"Updated Type your message here\" />\n}\n",
       "type": "registry:example"
     }
   ],

package/public/r/textarea-disabled.json

@@ -8,7 +8,7 @@
   "files": [
     {
       "path": "registry/default/examples/textarea-disabled.tsx",
-      "content": "import { Textarea } from \"@/registry/default/ui/textarea\"\n\nexport default function TextareaDisabled() {\n  return <Textarea placeholder=\"Can't type here\" disabled />\n}\n",
+      "content": "import { Textarea } from \"@/registry/default/ui/textarea\"\n\nexport default function TextareaDisabled() {\n  return <Textarea placeholder=\"Updated Can't type here\" disabled />\n}\n",
       "type": "registry:example"
     }
   ],

package/public/r/textarea-form.json

@@ -11,7 +11,7 @@
   "files": [
     {
       "path": "registry/default/examples/textarea-form.tsx",
-      "content": "\"use client\"\n\nimport * as React from \"react\"\n\nimport { Button } from \"@/registry/default/ui/button\"\nimport {\n  Field,\n  FieldControl,\n  FieldError,\n  FieldLabel,\n} from \"@/registry/default/ui/field\"\nimport { Form } from \"@/registry/default/ui/form\"\nimport { Textarea } from \"@/registry/default/ui/textarea\"\n\nexport default function TextareaForm() {\n  const [loading, setLoading] = React.useState(false)\n  const onSubmit = async (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    const formData = new FormData(e.currentTarget)\n    setLoading(true)\n    await new Promise((r) => setTimeout(r, 800))\n    setLoading(false)\n    alert(`Message: ${formData.get(\"message\") || \"\"}`)\n  }\n\n  return (\n    <Form onSubmit={onSubmit} className=\"max-w-64\">\n      <Field>\n        <FieldLabel>Message</FieldLabel>\n        <FieldControl\n          name=\"message\"\n          placeholder=\"Type your message here\"\n          disabled={loading}\n          required\n          render={(props) => <Textarea {...props} />}\n        />\n        <FieldError>This field is required.</FieldError>\n      </Field>\n      <Button type=\"submit\" disabled={loading}>\n        Submit\n      </Button>\n    </Form>\n  )\n}\n",
+      "content": "\"use client\"\n\nimport * as React from \"react\"\n\nimport { Button } from \"@/registry/default/ui/button\"\nimport {\n  Field,\n  FieldControl,\n  FieldError,\n  FieldLabel,\n} from \"@/registry/default/ui/field\"\nimport { Form } from \"@/registry/default/ui/form\"\nimport { Textarea } from \"@/registry/default/ui/textarea\"\n\nexport default function TextareaForm() {\n  const [loading, setLoading] = React.useState(false)\n  const onSubmit = async (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    const formData = new FormData(e.currentTarget)\n    setLoading(true)\n    await new Promise((r) => setTimeout(r, 800))\n    setLoading(false)\n    alert(`Message: ${formData.get(\"message\") || \"\"}`)\n  }\n\n  return (\n    <Form onSubmit={onSubmit} className=\"max-w-64\">\n      <Field>\n        <FieldLabel>Updated Message</FieldLabel>\n        <FieldControl\n          name=\"message\"\n          placeholder=\"Updated Type your message here\"\n          disabled={loading}\n          required\n          render={(props) => <Textarea {...props} />}\n        />\n        <FieldError>Updated This field is required.</FieldError>\n      </Field>\n      <Button type=\"submit\" disabled={loading}>\n        Updated Submit\n      </Button>\n    </Form>\n  )\n}\n",
       "type": "registry:example"
     }
   ],

package/public/r/textarea-lg.json

@@ -8,7 +8,7 @@
   "files": [
     {
       "path": "registry/default/examples/textarea-lg.tsx",
-      "content": "import { Textarea } from \"@/registry/default/ui/textarea\"\n\nexport default function TextareaLg() {\n  return <Textarea size=\"lg\" placeholder=\"Type your message here\" />\n}\n",
+      "content": "import { Textarea } from \"@/registry/default/ui/textarea\"\n\nexport default function TextareaLg() {\n  return <Textarea size=\"lg\" placeholder=\"Updated Type your message here\" />\n}\n",
       "type": "registry:example"
     }
   ],

package/public/r/textarea-sm.json

@@ -8,7 +8,7 @@
   "files": [
     {
       "path": "registry/default/examples/textarea-sm.tsx",
-      "content": "import { Textarea } from \"@/registry/default/ui/textarea\"\n\nexport default function TextareaSm() {\n  return <Textarea size=\"sm\" placeholder=\"Type your message here\" />\n}\n",
+      "content": "import { Textarea } from \"@/registry/default/ui/textarea\"\n\nexport default function TextareaSm() {\n  return <Textarea size=\"sm\" placeholder=\"Updated Type your message here\" />\n}\n",
       "type": "registry:example"
     }
   ],

package/public/r/textarea-with-label.json

@@ -9,7 +9,7 @@
   "files": [
     {
       "path": "registry/default/examples/textarea-with-label.tsx",
-      "content": "import { useId } from \"react\"\n\nimport { Label } from \"@/registry/default/ui/label\"\nimport { Textarea } from \"@/registry/default/ui/textarea\"\n\nexport default function TextareaWithLabel() {\n  const id = useId()\n  return (\n    <div className=\"flex flex-col items-start gap-2\">\n      <Label htmlFor={id}>Message</Label>\n      <Textarea id={id} placeholder=\"Type your message here\" />\n    </div>\n  )\n}\n",
+      "content": "import { useId } from \"react\"\n\nimport { Label } from \"@/registry/default/ui/label\"\nimport { Textarea } from \"@/registry/default/ui/textarea\"\n\nexport default function TextareaWithLabel() {\n  const id = useId()\n  return (\n    <div className=\"flex flex-col items-start gap-2\">\n      <Label htmlFor={id}>Updated Message</Label>\n      <Textarea id={id} placeholder=\"Updated Type your message here\" />\n    </div>\n  )\n}\n",
       "type": "registry:example"
     }
   ],

package/public/r/ticker-inline.json

@@ -8,7 +8,7 @@
   "files": [
     {
       "path": "registry/default/examples/ticker-inline.tsx",
-      "content": "\"use client\"\n\nimport Image from \"next/image\"\n\nimport {\n  Ticker,\n  TickerIcon,\n  TickerPrice,\n  TickerPriceChange,\n  TickerSymbol,\n} from \"../../../../../packages/ticker\"\n\nconst ticker = \"GOOG\"\nconst logoToken = process.env.NEXT_PUBLIC_LOGO_DEV_TOKEN\n\nconst Example = () => (\n  <p>\n    In other autonomous vehicle news, Alphabet-owned{\" \"}\n    <Ticker className=\"rounded-full bg-muted p-1 pr-2 text-xs\">\n      {logoToken ? (\n        <TickerIcon asChild>\n          <Image\n            alt={ticker}\n            height={20}\n            src={`https://img.logo.dev/ticker/${ticker}?token=${logoToken}&size=20&retina=true`}\n            width={20}\n          />\n        </TickerIcon>\n      ) : (\n        <TickerIcon className=\"size-5\" symbol={ticker} />\n      )}\n      <TickerSymbol symbol={ticker} />\n      <TickerPrice price={175.41} />\n      <TickerPriceChange change={2.13} />\n    </Ticker>{\" \"}\n    Waymo is looking to bring its robotaxi service to New York.\n  </p>\n)\n\nexport default Example\n",
+      "content": "\"use client\"\n\nimport Image from \"next/image\"\n\nimport {\n  Ticker,\n  TickerIcon,\n  TickerPrice,\n  TickerPriceChange,\n  TickerSymbol,\n} from \"../../../../../packages/ticker\"\n\nconst ticker = \"GOOG\"\nconst logoToken = process.env.NEXT_PUBLIC_LOGO_DEV_TOKEN\n\nconst Example = () => (\n  <p>\n    Updated In other autonomous vehicle news, Alphabet-owned{\" \"}\n    <Ticker className=\"rounded-full bg-muted p-1 pr-2 text-xs\">\n      {logoToken ? (\n        <TickerIcon asChild>\n          <Image\n            alt={ticker}\n            height={20}\n            src={`https://img.logo.dev/ticker/${ticker}?token=${logoToken}&size=20&retina=true`}\n            width={20}\n          />\n        </TickerIcon>\n      ) : (\n        <TickerIcon className=\"size-5\" symbol={ticker} />\n      )}\n      <TickerSymbol symbol={ticker} />\n      <TickerPrice price={175.41} />\n      <TickerPriceChange change={2.13} />\n    </Ticker>{\" \"}\n    Updated Waymo is looking to bring its robotaxi service to New York.\n  </p>\n)\n\nexport default Example\n",
       "type": "registry:example"
     }
   ],

package/public/r/timeline.json

@@ -0,0 +1,15 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "timeline",
+  "type": "registry:ui",
+  "dependencies": [
+    "radix-ui"
+  ],
+  "files": [
+    {
+      "path": "registry/default/ui/timeline.tsx",
+      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Slot } from \"radix-ui\"\n\nimport { cn } from \"@/registry/default/lib/utils\"\n\n// Types\ntype TimelineContextValue = {\n  activeStep: number\n  setActiveStep: (step: number) => void\n}\n\n// Context\nconst TimelineContext = React.createContext<TimelineContextValue | undefined>(\n  undefined\n)\n\nconst useTimeline = () => {\n  const context = React.useContext(TimelineContext)\n  if (!context) {\n    throw new Error(\"useTimeline must be used within a Timeline\")\n  }\n  return context\n}\n\n// Components\ninterface TimelineProps extends React.HTMLAttributes<HTMLDivElement> {\n  defaultValue?: number\n  value?: number\n  onValueChange?: (value: number) => void\n  orientation?: \"horizontal\" | \"vertical\"\n}\n\nfunction Timeline({\n  defaultValue = 1,\n  value,\n  onValueChange,\n  orientation = \"vertical\",\n  className,\n  ...props\n}: TimelineProps) {\n  const [activeStep, setInternalStep] = React.useState(defaultValue)\n\n  const setActiveStep = React.useCallback(\n    (step: number) => {\n      if (value === undefined) {\n        setInternalStep(step)\n      }\n      onValueChange?.(step)\n    },\n    [value, onValueChange]\n  )\n\n  const currentStep = value ?? activeStep\n\n  return (\n    <TimelineContext.Provider\n      value={{ activeStep: currentStep, setActiveStep }}\n    >\n      <div\n        data-slot=\"timeline\"\n        className={cn(\n          \"group/timeline flex data-[orientation=horizontal]:w-full data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col\",\n          className\n        )}\n        data-orientation={orientation}\n        {...props}\n      />\n    </TimelineContext.Provider>\n  )\n}\n\n// TimelineContent\nfunction TimelineContent({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      data-slot=\"timeline-content\"\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\n// TimelineDate\ninterface TimelineDateProps extends React.HTMLAttributes<HTMLTimeElement> {\n  asChild?: boolean\n}\n\nfunction TimelineDate({\n  asChild = false,\n  className,\n  ...props\n}: TimelineDateProps) {\n  const Comp = asChild ? Slot.Root : \"time\"\n\n  return (\n    <Comp\n      data-slot=\"timeline-date\"\n      className={cn(\n        \"mb-1 block text-xs font-medium text-muted-foreground group-data-[orientation=vertical]/timeline:max-sm:h-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\n// TimelineHeader\nfunction TimelineHeader({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div data-slot=\"timeline-header\" className={cn(className)} {...props} />\n  )\n}\n\n// TimelineIndicator\ninterface TimelineIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  asChild?: boolean\n}\n\nfunction TimelineIndicator({\n  asChild = false,\n  className,\n  children,\n  ...props\n}: TimelineIndicatorProps) {\n  return (\n    <div\n      data-slot=\"timeline-indicator\"\n      className={cn(\n        \"absolute size-4 rounded-full border-2 border-primary/20 group-data-completed/timeline-item:border-primary group-data-[orientation=horizontal]/timeline:-top-6 group-data-[orientation=horizontal]/timeline:left-0 group-data-[orientation=horizontal]/timeline:-translate-y-1/2 group-data-[orientation=vertical]/timeline:top-0 group-data-[orientation=vertical]/timeline:-left-6 group-data-[orientation=vertical]/timeline:-translate-x-1/2\",\n        className\n      )}\n      aria-hidden=\"true\"\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\n// TimelineItem\ninterface TimelineItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  step: number\n}\n\nfunction TimelineItem({ step, className, ...props }: TimelineItemProps) {\n  const { activeStep } = useTimeline()\n\n  return (\n    <div\n      data-slot=\"timeline-item\"\n      className={cn(\n        \"group/timeline-item relative flex flex-1 flex-col gap-0.5 group-data-[orientation=horizontal]/timeline:mt-8 group-data-[orientation=horizontal]/timeline:not-last:pe-8 group-data-[orientation=vertical]/timeline:ms-8 group-data-[orientation=vertical]/timeline:not-last:pb-12 has-[+[data-completed]]:[&_[data-slot=timeline-separator]]:bg-primary\",\n        className\n      )}\n      data-completed={step <= activeStep || undefined}\n      {...props}\n    />\n  )\n}\n\n// TimelineSeparator\nfunction TimelineSeparator({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      data-slot=\"timeline-separator\"\n      className={cn(\n        \"absolute self-start bg-primary/10 group-last/timeline-item:hidden group-data-[orientation=horizontal]/timeline:-top-6 group-data-[orientation=horizontal]/timeline:h-0.5 group-data-[orientation=horizontal]/timeline:w-[calc(100%-1rem-0.25rem)] group-data-[orientation=horizontal]/timeline:translate-x-4.5 group-data-[orientation=horizontal]/timeline:-translate-y-1/2 group-data-[orientation=vertical]/timeline:-left-6 group-data-[orientation=vertical]/timeline:h-[calc(100%-1rem-0.25rem)] group-data-[orientation=vertical]/timeline:w-0.5 group-data-[orientation=vertical]/timeline:-translate-x-1/2 group-data-[orientation=vertical]/timeline:translate-y-4.5\",\n        className\n      )}\n      aria-hidden=\"true\"\n      {...props}\n    />\n  )\n}\n\n// TimelineTitle\nfunction TimelineTitle({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLHeadingElement>) {\n  return (\n    <h3\n      data-slot=\"timeline-title\"\n      className={cn(\"text-sm font-medium\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Timeline,\n  TimelineContent,\n  TimelineDate,\n  TimelineHeader,\n  TimelineIndicator,\n  TimelineItem,\n  TimelineSeparator,\n  TimelineTitle,\n}\n",
+      "type": "registry:ui"
+    }
+  ]
+}

package/public/r/toast-demo.json

@@ -8,7 +8,7 @@
   "files": [
     {
       "path": "registry/default/examples/toast-demo.tsx",
-      "content": "\"use client\"\n\nimport { Button } from \"@/registry/default/ui/button\"\nimport { toastManager } from \"@/registry/default/ui/toast\"\n\nexport default function ToastDemo() {\n  return (\n    <Button\n      variant=\"outline\"\n      onClick={() => {\n        toastManager.add({\n          title: \"Event has been created\",\n          description: \"Monday, January 3rd at 6:00pm\",\n        })\n      }}\n    >\n      Default Toast\n    </Button>\n  )\n}\n",
+      "content": "\"use client\"\n\nimport { Button } from \"@/registry/default/ui/button\"\nimport { toastManager } from \"@/registry/default/ui/toast\"\n\nexport default function ToastDemo() {\n  return (\n    <Button\n      variant=\"outline\"\n      onClick={() => {\n        toastManager.add({\n          title: \"Updated Event has been created\",\n          description: \"Updated Monday, January 3rd at 6:00pm\",\n        })\n      }}\n    >\n      Updated Default Toast\n    </Button>\n  )\n}\n",
       "type": "registry:example"
     }
   ],

package/public/r/toast-heights.json

@@ -8,7 +8,7 @@
   "files": [
     {
       "path": "registry/default/examples/toast-heights.tsx",
-      "content": "\"use client\"\n\nimport * as React from \"react\"\n\nimport { Button } from \"@/registry/default/ui/button\"\nimport { toastManager } from \"@/registry/default/ui/toast\"\n\nconst TEXTS = [\n  \"Short message.\",\n  \"A bit longer message that spans two lines.\",\n  \"This is a longer description that intentionally takes more vertical space to demonstrate stacking with varying heights.\",\n  \"An even longer description that should span multiple lines so we can verify the clamped collapsed height and smooth expansion animation when hovering or focusing the viewport.\",\n]\n\nexport default function ToastHeights() {\n  const [count, setCount] = React.useState(0)\n\n  function createToast() {\n    setCount((prev) => prev + 1)\n    const description = TEXTS[Math.floor(Math.random() * TEXTS.length)]\n    toastManager.add({\n      title: `Toast ${count + 1} created`,\n      description,\n    })\n  }\n\n  return (\n    <Button variant=\"outline\" onClick={createToast}>\n      With Varying Heights\n    </Button>\n  )\n}\n",
+      "content": "\"use client\"\n\nimport * as React from \"react\"\n\nimport { Button } from \"@/registry/default/ui/button\"\nimport { toastManager } from \"@/registry/default/ui/toast\"\n\nconst TEXTS = [\n  \"Short message.\",\n  \"A bit longer message that spans two lines.\",\n  \"This is a longer description that intentionally takes more vertical space to demonstrate stacking with varying heights.\",\n  \"An even longer description that should span multiple lines so we can verify the clamped collapsed height and smooth expansion animation when hovering or focusing the viewport.\",\n]\n\nexport default function ToastHeights() {\n  const [count, setCount] = React.useState(0)\n\n  function createToast() {\n    setCount((prev) => prev + 1)\n    const description = TEXTS[Math.floor(Math.random() * TEXTS.length)]\n    toastManager.add({\n      title: `Toast ${count + 1} created`,\n      description,\n    })\n  }\n\n  return (\n    <Button variant=\"outline\" onClick={createToast}>\n      Updated With Varying Heights\n    </Button>\n  )\n}\n",
       "type": "registry:example"
     }
   ],

package/public/r/toast-loading.json

@@ -8,7 +8,7 @@
   "files": [
     {
       "path": "registry/default/examples/toast-loading.tsx",
-      "content": "\"use client\"\n\nimport { Button } from \"@/registry/default/ui/button\"\nimport { toastManager } from \"@/registry/default/ui/toast\"\n\nexport default function ToastLoading() {\n  return (\n    <Button\n      variant=\"outline\"\n      onClick={() => {\n        toastManager.add({\n          title: \"Loading…\",\n          description: \"Please wait while we process your request.\",\n          type: \"loading\",\n        })\n      }}\n    >\n      Loading Toast\n    </Button>\n  )\n}\n",
+      "content": "\"use client\"\n\nimport { Button } from \"@/registry/default/ui/button\"\nimport { toastManager } from \"@/registry/default/ui/toast\"\n\nexport default function ToastLoading() {\n  return (\n    <Button\n      variant=\"outline\"\n      onClick={() => {\n        toastManager.add({\n          title: \"Updated Loading…\",\n          description: \"Updated Please wait while we process your request.\",\n          type: \"loading\",\n        })\n      }}\n    >\n      Updated Loading Toast\n    </Button>\n  )\n}\n",
       "type": "registry:example"
     }
   ],

package/public/r/toast-promise.json

@@ -8,7 +8,7 @@
   "files": [
     {
       "path": "registry/default/examples/toast-promise.tsx",
-      "content": "\"use client\"\n\nimport { Button } from \"@/registry/default/ui/button\"\nimport { toastManager } from \"@/registry/default/ui/toast\"\n\nexport default function ToastPromise() {\n  return (\n    <Button\n      variant=\"outline\"\n      onClick={() => {\n        toastManager.promise(\n          new Promise<string>((resolve, reject) => {\n            const shouldSucceed = Math.random() > 0.3\n            setTimeout(() => {\n              if (shouldSucceed) {\n                resolve(\"Data loaded successfully\")\n              } else {\n                reject(new Error(\"Failed to load data\"))\n              }\n            }, 2000)\n          }),\n          {\n            loading: {\n              title: \"Loading…\",\n              description: \"The promise is loading.\",\n            },\n            success: (data: string) => ({\n              title: \"This is a success toast!\",\n              description: `Success: ${data}`,\n            }),\n            error: () => ({\n              title: \"Something went wrong\",\n              description: \"Please try again.\",\n            }),\n          }\n        )\n      }}\n    >\n      Run Promise\n    </Button>\n  )\n}\n",
+      "content": "\"use client\"\n\nimport { Button } from \"@/registry/default/ui/button\"\nimport { toastManager } from \"@/registry/default/ui/toast\"\n\nexport default function ToastPromise() {\n  return (\n    <Button\n      variant=\"outline\"\n      onClick={() => {\n        toastManager.promise(\n          new Promise<string>((resolve, reject) => {\n            const shouldSucceed = Math.random() > 0.3\n            setTimeout(() => {\n              if (shouldSucceed) {\n                resolve(\"Data loaded successfully\")\n              } else {\n                reject(new Error(\"Failed to load data\"))\n              }\n            }, 2000)\n          }),\n          {\n            loading: {\n              title: \"Updated Loading…\",\n              description: \"Updated The promise is loading.\",\n            },\n            success: (data: string) => ({\n              title: \"Updated This is a success toast!\",\n              description: `Success: ${data}`,\n            }),\n            error: () => ({\n              title: \"Updated Something went wrong\",\n              description: \"Updated Please try again.\",\n            }),\n          }\n        )\n      }}\n    >\n      Updated Run Promise\n    </Button>\n  )\n}\n",
       "type": "registry:example"
     }
   ],

package/public/r/toast-with-action.json

@@ -8,7 +8,7 @@
   "files": [
     {
       "path": "registry/default/examples/toast-with-action.tsx",
-      "content": "\"use client\"\n\nimport { Button } from \"@/registry/default/ui/button\"\nimport { toastManager } from \"@/registry/default/ui/toast\"\n\nexport default function ToastWithAction() {\n  return (\n    <Button\n      variant=\"outline\"\n      onClick={() => {\n        const id = toastManager.add({\n          title: \"Action performed\",\n          description: \"You can undo this action.\",\n          type: \"success\",\n          actionProps: {\n            children: \"Undo\",\n            onClick: () => {\n              toastManager.close(id)\n              toastManager.add({\n                title: \"Action undone\",\n                description: \"The action has been reverted.\",\n                type: \"info\",\n              })\n            },\n          },\n          timeout: 1000000,\n        })\n      }}\n    >\n      Perform Action\n    </Button>\n  )\n}\n",
+      "content": "\"use client\"\n\nimport { Button } from \"@/registry/default/ui/button\"\nimport { toastManager } from \"@/registry/default/ui/toast\"\n\nexport default function ToastWithAction() {\n  return (\n    <Button\n      variant=\"outline\"\n      onClick={() => {\n        const id = toastManager.add({\n          title: \"Updated Action performed\",\n          description: \"Updated You can undo this action.\",\n          type: \"success\",\n          actionProps: {\n            children: \"Undo\",\n            onClick: () => {\n              toastManager.close(id)\n              toastManager.add({\n                title: \"Updated Action undone\",\n                description: \"Updated The action has been reverted.\",\n                type: \"info\",\n              })\n            },\n          },\n          timeout: 1000000,\n        })\n      }}\n    >\n      Updated Perform Action\n    </Button>\n  )\n}\n",
       "type": "registry:example"
     }
   ],

package/public/r/toast-with-status.json

@@ -8,7 +8,7 @@
   "files": [
     {
       "path": "registry/default/examples/toast-with-status.tsx",
-      "content": "\"use client\"\n\nimport { Button } from \"@/registry/default/ui/button\"\nimport { toastManager } from \"@/registry/default/ui/toast\"\n\nexport default function ToastWithStatus() {\n  return (\n    <div className=\"flex flex-wrap gap-2\">\n      <Button\n        variant=\"outline\"\n        onClick={() => {\n          toastManager.add({\n            title: \"Success!\",\n            description: \"Your changes have been saved.\",\n            type: \"success\",\n          })\n        }}\n      >\n        Success Toast\n      </Button>\n      <Button\n        variant=\"outline\"\n        onClick={() => {\n          toastManager.add({\n            title: \"Uh oh! Something went wrong.\",\n            description: \"There was a problem with your request.\",\n            type: \"error\",\n          })\n        }}\n      >\n        Error Toast\n      </Button>\n      <Button\n        variant=\"outline\"\n        onClick={() => {\n          toastManager.add({\n            title: \"Heads up!\",\n            description: \"You can add components to your app using the cli.\",\n            type: \"info\",\n          })\n        }}\n      >\n        Info Toast\n      </Button>\n      <Button\n        variant=\"outline\"\n        onClick={() => {\n          toastManager.add({\n            title: \"Warning!\",\n            description: \"Your session is about to expire.\",\n            type: \"warning\",\n          })\n        }}\n      >\n        Warning Toast\n      </Button>\n    </div>\n  )\n}\n",
+      "content": "\"use client\"\n\nimport { Button } from \"@/registry/default/ui/button\"\nimport { toastManager } from \"@/registry/default/ui/toast\"\n\nexport default function ToastWithStatus() {\n  return (\n    <div className=\"flex flex-wrap gap-2\">\n      <Button\n        variant=\"outline\"\n        onClick={() => {\n          toastManager.add({\n            title: \"Updated Success!\",\n            description: \"Updated Your changes have been saved.\",\n            type: \"success\",\n          })\n        }}\n      >\n        Updated Success Toast\n      </Button>\n      <Button\n        variant=\"outline\"\n        onClick={() => {\n          toastManager.add({\n            title: \"Updated Uh oh! Something went wrong.\",\n            description: \"Updated There was a problem with your request.\",\n            type: \"error\",\n          })\n        }}\n      >\n        Updated Error Toast\n      </Button>\n      <Button\n        variant=\"outline\"\n        onClick={() => {\n          toastManager.add({\n            title: \"Updated Heads up!\",\n            description:\n              \"Updated You can add components to your app using the cli.\",\n            type: \"info\",\n          })\n        }}\n      >\n        Updated Info Toast\n      </Button>\n      <Button\n        variant=\"outline\"\n        onClick={() => {\n          toastManager.add({\n            title: \"Updated Warning!\",\n            description: \"Updated Your session is about to expire.\",\n            type: \"warning\",\n          })\n        }}\n      >\n        Updated Warning Toast\n      </Button>\n    </div>\n  )\n}\n",
       "type": "registry:example"
     }
   ],

package/public/r/toggle-demo.json

@@ -8,7 +8,7 @@
   "files": [
     {
       "path": "registry/default/examples/toggle-demo.tsx",
-      "content": "import { Toggle } from \"@/registry/default/ui/toggle\"\n\nexport default function ToggleDemo() {\n  return <Toggle>Toggle</Toggle>\n}\n",
+      "content": "import { Toggle } from \"@/registry/default/ui/toggle\"\n\nexport default function ToggleDemo() {\n  return <Toggle>Updated Toggle</Toggle>\n}\n",
       "type": "registry:example"
     }
   ],

package/public/r/toggle-disabled.json

@@ -8,7 +8,7 @@
   "files": [
     {
       "path": "registry/default/examples/toggle-disabled.tsx",
-      "content": "import { Toggle } from \"@/registry/default/ui/toggle\"\n\nexport default function ToggleDisabled() {\n  return (\n    <Toggle variant=\"outline\" disabled>\n      Disabled\n    </Toggle>\n  )\n}\n",
+      "content": "import { Toggle } from \"@/registry/default/ui/toggle\"\n\nexport default function ToggleDisabled() {\n  return (\n    <Toggle variant=\"outline\" disabled>\n      Updated Disabled\n    </Toggle>\n  )\n}\n",
       "type": "registry:example"
     }
   ],

package/public/r/toggle-group-demo.json

@@ -8,7 +8,7 @@
   "files": [
     {
       "path": "registry/default/examples/toggle-group-demo.tsx",
-      "content": "import { BoldIcon, ItalicIcon, UnderlineIcon } from \"lucide-react\"\n\nimport { Toggle, ToggleGroup } from \"@/registry/default/ui/toggle-group\"\n\nexport default function ToggleGroupDemo() {\n  return (\n    <ToggleGroup defaultValue={[\"bold\"]}>\n      <Toggle value=\"bold\" aria-label=\"Toggle bold\">\n        <BoldIcon />\n      </Toggle>\n      <Toggle value=\"italic\" aria-label=\"Toggle italic\">\n        <ItalicIcon />\n      </Toggle>\n      <Toggle value=\"underline\" aria-label=\"Toggle underline\">\n        <UnderlineIcon />\n      </Toggle>\n    </ToggleGroup>\n  )\n}\n",
+      "content": "import { BoldIcon, ItalicIcon, UnderlineIcon } from \"lucide-react\"\n\nimport { Toggle, ToggleGroup } from \"@/registry/default/ui/toggle-group\"\n\nexport default function ToggleGroupDemo() {\n  return (\n    <ToggleGroup defaultValue={[\"bold\"]}>\n      <Toggle value=\"bold\" aria-label=\"Updated Toggle bold\">\n        <BoldIcon />\n      </Toggle>\n      <Toggle value=\"italic\" aria-label=\"Updated Toggle italic\">\n        <ItalicIcon />\n      </Toggle>\n      <Toggle value=\"underline\" aria-label=\"Updated Toggle underline\">\n        <UnderlineIcon />\n      </Toggle>\n    </ToggleGroup>\n  )\n}\n",
       "type": "registry:example"
     }
   ],

package/public/r/toggle-group-disabled.json

@@ -8,7 +8,7 @@
   "files": [
     {
       "path": "registry/default/examples/toggle-group-disabled.tsx",
-      "content": "import { BoldIcon, ItalicIcon, UnderlineIcon } from \"lucide-react\"\n\nimport { Toggle, ToggleGroup } from \"@/registry/default/ui/toggle-group\"\n\nexport default function ToggleGroupDisabled() {\n  return (\n    <ToggleGroup defaultValue={[\"bold\"]} disabled>\n      <Toggle value=\"bold\" aria-label=\"Toggle bold\">\n        <BoldIcon />\n      </Toggle>\n      <Toggle value=\"italic\" aria-label=\"Toggle italic\">\n        <ItalicIcon />\n      </Toggle>\n      <Toggle value=\"underline\" aria-label=\"Toggle underline\">\n        <UnderlineIcon />\n      </Toggle>\n    </ToggleGroup>\n  )\n}\n",
+      "content": "import { BoldIcon, ItalicIcon, UnderlineIcon } from \"lucide-react\"\n\nimport { Toggle, ToggleGroup } from \"@/registry/default/ui/toggle-group\"\n\nexport default function ToggleGroupDisabled() {\n  return (\n    <ToggleGroup defaultValue={[\"bold\"]} disabled>\n      <Toggle value=\"bold\" aria-label=\"Updated Toggle bold\">\n        <BoldIcon />\n      </Toggle>\n      <Toggle value=\"italic\" aria-label=\"Updated Toggle italic\">\n        <ItalicIcon />\n      </Toggle>\n      <Toggle value=\"underline\" aria-label=\"Updated Toggle underline\">\n        <UnderlineIcon />\n      </Toggle>\n    </ToggleGroup>\n  )\n}\n",
       "type": "registry:example"
     }
   ],

package/public/r/toggle-group-lg.json

@@ -8,7 +8,7 @@
   "files": [
     {
       "path": "registry/default/examples/toggle-group-lg.tsx",
-      "content": "import { BoldIcon, ItalicIcon, UnderlineIcon } from \"lucide-react\"\n\nimport { Toggle, ToggleGroup } from \"@/registry/default/ui/toggle-group\"\n\nexport default function ToggleGroupLg() {\n  return (\n    <ToggleGroup size=\"lg\" defaultValue={[\"bold\"]}>\n      <Toggle value=\"bold\" aria-label=\"Toggle bold\">\n        <BoldIcon />\n      </Toggle>\n      <Toggle value=\"italic\" aria-label=\"Toggle italic\">\n        <ItalicIcon />\n      </Toggle>\n      <Toggle value=\"underline\" aria-label=\"Toggle underline\">\n        <UnderlineIcon />\n      </Toggle>\n    </ToggleGroup>\n  )\n}\n",
+      "content": "import { BoldIcon, ItalicIcon, UnderlineIcon } from \"lucide-react\"\n\nimport { Toggle, ToggleGroup } from \"@/registry/default/ui/toggle-group\"\n\nexport default function ToggleGroupLg() {\n  return (\n    <ToggleGroup size=\"lg\" defaultValue={[\"bold\"]}>\n      <Toggle value=\"bold\" aria-label=\"Updated Toggle bold\">\n        <BoldIcon />\n      </Toggle>\n      <Toggle value=\"italic\" aria-label=\"Updated Toggle italic\">\n        <ItalicIcon />\n      </Toggle>\n      <Toggle value=\"underline\" aria-label=\"Updated Toggle underline\">\n        <UnderlineIcon />\n      </Toggle>\n    </ToggleGroup>\n  )\n}\n",
       "type": "registry:example"
     }
   ],

package/public/r/toggle-group-multiple.json

@@ -8,7 +8,7 @@
   "files": [
     {
       "path": "registry/default/examples/toggle-group-multiple.tsx",
-      "content": "import { BoldIcon, ItalicIcon, UnderlineIcon } from \"lucide-react\"\n\nimport { Toggle, ToggleGroup } from \"@/registry/default/ui/toggle-group\"\n\nexport default function ToggleGroupMultiple() {\n  return (\n    <ToggleGroup defaultValue={[\"bold\"]} multiple>\n      <Toggle value=\"bold\" aria-label=\"Toggle bold\">\n        <BoldIcon />\n      </Toggle>\n      <Toggle value=\"italic\" aria-label=\"Toggle italic\">\n        <ItalicIcon />\n      </Toggle>\n      <Toggle value=\"underline\" aria-label=\"Toggle underline\">\n        <UnderlineIcon />\n      </Toggle>\n    </ToggleGroup>\n  )\n}\n",
+      "content": "import { BoldIcon, ItalicIcon, UnderlineIcon } from \"lucide-react\"\n\nimport { Toggle, ToggleGroup } from \"@/registry/default/ui/toggle-group\"\n\nexport default function ToggleGroupMultiple() {\n  return (\n    <ToggleGroup defaultValue={[\"bold\"]} multiple>\n      <Toggle value=\"bold\" aria-label=\"Updated Toggle bold\">\n        <BoldIcon />\n      </Toggle>\n      <Toggle value=\"italic\" aria-label=\"Updated Toggle italic\">\n        <ItalicIcon />\n      </Toggle>\n      <Toggle value=\"underline\" aria-label=\"Updated Toggle underline\">\n        <UnderlineIcon />\n      </Toggle>\n    </ToggleGroup>\n  )\n}\n",
       "type": "registry:example"
     }
   ],

package/public/r/toggle-group-outline-with-separator.json

@@ -8,7 +8,7 @@
   "files": [
     {
       "path": "registry/default/examples/toggle-group-outline-with-separator.tsx",
-      "content": "import { BoldIcon, ItalicIcon, UnderlineIcon } from \"lucide-react\"\n\nimport {\n  Toggle,\n  ToggleGroup,\n  ToggleGroupSeparator,\n} from \"@/registry/default/ui/toggle-group\"\n\nexport default function ToggleGroupOutlineWithSeparator() {\n  return (\n    <ToggleGroup variant=\"outline\" defaultValue={[\"bold\"]}>\n      <Toggle value=\"bold\" aria-label=\"Toggle bold\">\n        <BoldIcon />\n      </Toggle>\n      <ToggleGroupSeparator />\n      <Toggle value=\"italic\" aria-label=\"Toggle italic\">\n        <ItalicIcon />\n      </Toggle>\n      <ToggleGroupSeparator />\n      <Toggle value=\"underline\" aria-label=\"Toggle underline\">\n        <UnderlineIcon />\n      </Toggle>\n    </ToggleGroup>\n  )\n}\n",
+      "content": "import { BoldIcon, ItalicIcon, UnderlineIcon } from \"lucide-react\"\n\nimport {\n  Toggle,\n  ToggleGroup,\n  ToggleGroupSeparator,\n} from \"@/registry/default/ui/toggle-group\"\n\nexport default function ToggleGroupOutlineWithSeparator() {\n  return (\n    <ToggleGroup variant=\"outline\" defaultValue={[\"bold\"]}>\n      <Toggle value=\"bold\" aria-label=\"Updated Toggle bold\">\n        <BoldIcon />\n      </Toggle>\n      <ToggleGroupSeparator />\n      <Toggle value=\"italic\" aria-label=\"Updated Toggle italic\">\n        <ItalicIcon />\n      </Toggle>\n      <ToggleGroupSeparator />\n      <Toggle value=\"underline\" aria-label=\"Updated Toggle underline\">\n        <UnderlineIcon />\n      </Toggle>\n    </ToggleGroup>\n  )\n}\n",
       "type": "registry:example"
     }
   ],

package/public/r/toggle-group-outline.json

@@ -8,7 +8,7 @@
   "files": [
     {
       "path": "registry/default/examples/toggle-group-outline.tsx",
-      "content": "import { BoldIcon, ItalicIcon, UnderlineIcon } from \"lucide-react\"\n\nimport { Toggle, ToggleGroup } from \"@/registry/default/ui/toggle-group\"\n\nexport default function ToggleGroupOutline() {\n  return (\n    <ToggleGroup variant=\"outline\" defaultValue={[\"bold\"]}>\n      <Toggle value=\"bold\" aria-label=\"Toggle bold\">\n        <BoldIcon />\n      </Toggle>\n      <Toggle value=\"italic\" aria-label=\"Toggle italic\">\n        <ItalicIcon />\n      </Toggle>\n      <Toggle value=\"underline\" aria-label=\"Toggle underline\">\n        <UnderlineIcon />\n      </Toggle>\n    </ToggleGroup>\n  )\n}\n",
+      "content": "import { BoldIcon, ItalicIcon, UnderlineIcon } from \"lucide-react\"\n\nimport { Toggle, ToggleGroup } from \"@/registry/default/ui/toggle-group\"\n\nexport default function ToggleGroupOutline() {\n  return (\n    <ToggleGroup variant=\"outline\" defaultValue={[\"bold\"]}>\n      <Toggle value=\"bold\" aria-label=\"Updated Toggle bold\">\n        <BoldIcon />\n      </Toggle>\n      <Toggle value=\"italic\" aria-label=\"Updated Toggle italic\">\n        <ItalicIcon />\n      </Toggle>\n      <Toggle value=\"underline\" aria-label=\"Updated Toggle underline\">\n        <UnderlineIcon />\n      </Toggle>\n    </ToggleGroup>\n  )\n}\n",
       "type": "registry:example"
     }
   ],

package/public/r/toggle-group-sm.json

@@ -8,7 +8,7 @@
   "files": [
     {
       "path": "registry/default/examples/toggle-group-sm.tsx",
-      "content": "import { BoldIcon, ItalicIcon, UnderlineIcon } from \"lucide-react\"\n\nimport { Toggle, ToggleGroup } from \"@/registry/default/ui/toggle-group\"\n\nexport default function ToggleGroupSm() {\n  return (\n    <ToggleGroup size=\"sm\" defaultValue={[\"bold\"]}>\n      <Toggle value=\"bold\" aria-label=\"Toggle bold\">\n        <BoldIcon />\n      </Toggle>\n      <Toggle value=\"italic\" aria-label=\"Toggle italic\">\n        <ItalicIcon />\n      </Toggle>\n      <Toggle value=\"underline\" aria-label=\"Toggle underline\">\n        <UnderlineIcon />\n      </Toggle>\n    </ToggleGroup>\n  )\n}\n",
+      "content": "import { BoldIcon, ItalicIcon, UnderlineIcon } from \"lucide-react\"\n\nimport { Toggle, ToggleGroup } from \"@/registry/default/ui/toggle-group\"\n\nexport default function ToggleGroupSm() {\n  return (\n    <ToggleGroup size=\"sm\" defaultValue={[\"bold\"]}>\n      <Toggle value=\"bold\" aria-label=\"Updated Toggle bold\">\n        <BoldIcon />\n      </Toggle>\n      <Toggle value=\"italic\" aria-label=\"Updated Toggle italic\">\n        <ItalicIcon />\n      </Toggle>\n      <Toggle value=\"underline\" aria-label=\"Updated Toggle underline\">\n        <UnderlineIcon />\n      </Toggle>\n    </ToggleGroup>\n  )\n}\n",
       "type": "registry:example"
     }
   ],

package/public/r/toggle-group-with-disabled-item.json

@@ -8,7 +8,7 @@
   "files": [
     {
       "path": "registry/default/examples/toggle-group-with-disabled-item.tsx",
-      "content": "import { BoldIcon, ItalicIcon, UnderlineIcon } from \"lucide-react\"\n\nimport { Toggle, ToggleGroup } from \"@/registry/default/ui/toggle-group\"\n\nexport default function ToggleGroupWithDisabledItem() {\n  return (\n    <ToggleGroup defaultValue={[\"bold\"]}>\n      <Toggle value=\"bold\" aria-label=\"Toggle bold\">\n        <BoldIcon />\n      </Toggle>\n      <Toggle value=\"italic\" aria-label=\"Toggle italic\" disabled>\n        <ItalicIcon />\n      </Toggle>\n      <Toggle value=\"underline\" aria-label=\"Toggle underline\">\n        <UnderlineIcon />\n      </Toggle>\n    </ToggleGroup>\n  )\n}\n",
+      "content": "import { BoldIcon, ItalicIcon, UnderlineIcon } from \"lucide-react\"\n\nimport { Toggle, ToggleGroup } from \"@/registry/default/ui/toggle-group\"\n\nexport default function ToggleGroupWithDisabledItem() {\n  return (\n    <ToggleGroup defaultValue={[\"bold\"]}>\n      <Toggle value=\"bold\" aria-label=\"Updated Toggle bold\">\n        <BoldIcon />\n      </Toggle>\n      <Toggle value=\"italic\" aria-label=\"Updated Toggle italic\" disabled>\n        <ItalicIcon />\n      </Toggle>\n      <Toggle value=\"underline\" aria-label=\"Updated Toggle underline\">\n        <UnderlineIcon />\n      </Toggle>\n    </ToggleGroup>\n  )\n}\n",
       "type": "registry:example"
     }
   ],

package/public/r/toggle-icon-group.json

@@ -8,7 +8,7 @@
   "files": [
     {
       "path": "registry/default/examples/toggle-icon-group.tsx",
-      "content": "import { BoldIcon, ItalicIcon, UnderlineIcon } from \"lucide-react\"\n\nimport { Toggle } from \"@/registry/default/ui/toggle\"\n\nexport default function ToggleIconGroup() {\n  return (\n    <div className=\"flex items-center gap-1\">\n      <Toggle variant=\"outline\" aria-label=\"Toggle bold\">\n        <BoldIcon />\n      </Toggle>\n      <Toggle variant=\"outline\" aria-label=\"Toggle italic\">\n        <ItalicIcon />\n      </Toggle>\n      <Toggle variant=\"outline\" aria-label=\"Toggle underline\">\n        <UnderlineIcon />\n      </Toggle>\n    </div>\n  )\n}\n",
+      "content": "import { BoldIcon, ItalicIcon, UnderlineIcon } from \"lucide-react\"\n\nimport { Toggle } from \"@/registry/default/ui/toggle\"\n\nexport default function ToggleIconGroup() {\n  return (\n    <div className=\"flex items-center gap-1\">\n      <Toggle variant=\"outline\" aria-label=\"Updated Toggle bold\">\n        <BoldIcon />\n      </Toggle>\n      <Toggle variant=\"outline\" aria-label=\"Updated Toggle italic\">\n        <ItalicIcon />\n      </Toggle>\n      <Toggle variant=\"outline\" aria-label=\"Updated Toggle underline\">\n        <UnderlineIcon />\n      </Toggle>\n    </div>\n  )\n}\n",
       "type": "registry:example"
     }
   ],