@traky-app/ui 0.0.0-stage → 1.1.0

package/registry/traky/registry.json

@@ -0,0 +1,637 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry.json",
+  "name": "traky",
+  "homepage": "https://traky.app",
+  "items": [
+    {
+      "name": "accordion",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/accordion.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "alert-dialog",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/alert-dialog.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "alert",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/alert.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "animated-beam",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/animated-beam.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "animated-list",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/animated-list.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "avatar",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/avatar.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "badge",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/badge.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "bento-grid",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/bento-grid.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "breadcrumb",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/breadcrumb.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "bubble",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/bubble.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "button-group",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/button-group.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "button",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/button.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "calendar",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/calendar.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "card",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/card.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "carousel",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/carousel.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "chart",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/chart.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "checkbox",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/checkbox.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "checkpoint",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/checkpoint.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "code-block",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/code-block.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "collapsible",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/collapsible.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "command",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/command.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "context-menu",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/context-menu.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "dialog",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/dialog.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "drawer",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/drawer.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "dropdown-menu",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/dropdown-menu.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "empty",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/empty.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "field",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/field.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "globe",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/globe.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "hover-card",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/hover-card.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "input-group",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/input-group.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "input-otp",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/input-otp.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "input",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/input.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "item",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/item.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "kbd",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/kbd.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "label",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/label.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "map",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/map.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "marker",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/marker.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "marquee",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/marquee.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "message",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/message.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "navigation-menu",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/navigation-menu.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "number-ticker",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/number-ticker.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "pagination",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/pagination.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "popover",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/popover.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "progress",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/progress.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "select",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/select.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "separator",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/separator.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "sheet",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/sheet.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "sidebar",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/sidebar.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "skeleton",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/skeleton.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "sonner",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/sonner.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "spinner",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/spinner.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "switch",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/switch.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "table",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/table.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "tabs",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/tabs.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "textarea",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/textarea.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "toggle-group",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/toggle-group.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "toggle",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/toggle.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "tooltip",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/tooltip.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "trace",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/trace.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "lib-utils",
+      "type": "registry:lib",
+      "files": [
+        {
+          "path": "json/lib-utils.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "hook-use-mobile",
+      "type": "registry:hook",
+      "files": [
+        {
+          "path": "json/hook-use-mobile.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "lib-disable-input-autofill",
+      "type": "registry:lib",
+      "files": [
+        {
+          "path": "json/lib-disable-input-autofill.json",
+          "type": "registry:file"
+        }
+      ]
+    },
+    {
+      "name": "lib-sidebar-persistence",
+      "type": "registry:lib",
+      "files": [
+        {
+          "path": "json/lib-sidebar-persistence.json",
+          "type": "registry:file"
+        }
+      ]
+    }
+  ]
+}

package/registry/traky/ui/accordion.tsx

@@ -0,0 +1,65 @@
+"use client"
+
+import { IconChevronDown } from "@tabler/icons-react";
+import * as React from "react"
+import * as AccordionPrimitive from "@radix-ui/react-accordion"
+import { cn } from "@/lib/utils"
+
+function Accordion({
+  ...props
+}: React.ComponentProps<typeof AccordionPrimitive.Root>) {
+  return <AccordionPrimitive.Root data-slot="accordion" {...props} />
+}
+
+function AccordionItem({
+  className,
+  ...props
+}: React.ComponentProps<typeof AccordionPrimitive.Item>) {
+  return (
+    <AccordionPrimitive.Item
+      data-slot="accordion-item"
+      className={cn("border-b last:border-b-0", className)}
+      {...props}
+    />
+  )
+}
+
+function AccordionTrigger({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {
+  return (
+    <AccordionPrimitive.Header className="flex">
+      <AccordionPrimitive.Trigger
+        data-slot="accordion-trigger"
+        className={cn(
+          "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
+          className
+        )}
+        {...props}
+      >
+        {children}
+        <IconChevronDown className="text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" />
+      </AccordionPrimitive.Trigger>
+    </AccordionPrimitive.Header>
+  )
+}
+
+function AccordionContent({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof AccordionPrimitive.Content>) {
+  return (
+    <AccordionPrimitive.Content
+      data-slot="accordion-content"
+      className="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm"
+      {...props}
+    >
+      <div className={cn("pt-0 pb-4", className)}>{children}</div>
+    </AccordionPrimitive.Content>
+  )
+}
+
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent }