{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"glide","type":"registry:ui","title":"Glide","description":"An element that glides to its new place and size when the layout changes, in the Motion edition.","dependencies":[],"registryDependencies":["https://dashral.com/r/utils.json"],"files":[{"path":"registry/dashral/glide.tsx","type":"registry:file","target":"components/dashral/glide.tsx","content":"import * as React from \"react\"\n\ntype GlideProps = Omit<React.HTMLAttributes<HTMLElement>, \"onAnimationStart\" | \"onDrag\" | \"onDragStart\" | \"onDragEnd\"> & {\n  /** The element it is. */\n  as?: \"div\" | \"span\" | \"li\"\n  /**\n   * What glides when the layout changes: everything (true), only where it is (\"position\", for text that would\n   * stretch), or only its size (\"size\").\n   */\n  layout?: boolean | \"position\" | \"size\"\n  /** One name shared by elements in different places, such as a highlight: when it moves to another, it glides there. */\n  layoutId?: string\n}\n\n/**\n * An element that glides to its new place and size when the layout changes, in the Motion edition: a row moving as the\n * list is sorted, a card as the view turns from list to grid, a highlight moving from one card to another (layoutId).\n * Here, without motion, it's simply the element, and it moves at once.\n */\nfunction Glide({ as: Tag = \"div\", layout: _layout, layoutId: _layoutId, ...props }: GlideProps) {\n  return <Tag data-slot=\"glide\" {...props} />\n}\n\nexport { Glide, type GlideProps }\n"}]}