@traky-app/ui 1.2.0 → 1.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@traky-app/ui",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "Componentes Traky UI para importar desde @traky-app/ui, más el registro copy-paste.",
   "license": "MIT",
   "type": "module",

package/registry/traky/json/entity-icon.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "entity-icon",
+  "type": "registry:ui",
+  "author": "Traky (https://traky.app)",
+  "dependencies": [
+    "class-variance-authority"
+  ],
+  "registryDependencies": [
+    "card"
+  ],
+  "files": [
+    {
+      "path": "ui/entity-icon.tsx",
+      "content": "import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Card } from \"@/components/ui/card\"\n\nconst entityIconVariants = cva(\n  \"w-fit shrink-0 bg-primary text-primary-foreground [&_svg]:shrink-0\",\n  {\n    variants: {\n      size: {\n        xs: \"p-1 [&_svg]:size-3.5\",\n        sm: \"p-1.5 [&_svg]:size-5\",\n        md: \"p-2 [&_svg]:size-6\",\n        lg: \"p-2 [&_svg]:size-7\",\n        xl: \"p-2.5 [&_svg]:size-8\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n)\n\ntype IconComponent = React.ComponentType<{\n  className?: string\n  stroke?: number\n}>\n\nfunction EntityIcon({\n  icon: Icon,\n  size = \"md\",\n  className,\n  iconClassName,\n  ...props\n}: React.ComponentProps<typeof Card> &\n  VariantProps<typeof entityIconVariants> & {\n    icon: IconComponent\n    iconClassName?: string\n  }) {\n  return (\n    <Card\n      data-slot=\"entity-icon\"\n      data-size={size}\n      className={cn(entityIconVariants({ size }), className)}\n      {...props}\n    >\n      <Icon className={iconClassName} stroke={1.75} />\n    </Card>\n  )\n}\n\nexport { EntityIcon, entityIconVariants }\n",
+      "type": "registry:ui",
+      "target": ""
+    }
+  ]
+}

package/registry/traky/registry.json

@@ -263,6 +263,16 @@
         }
       ]
     },
+    {
+      "name": "entity-icon",
+      "type": "registry:ui",
+      "files": [
+        {
+          "path": "json/entity-icon.json",
+          "type": "registry:file"
+        }
+      ]
+    },
     {
       "name": "field",
       "type": "registry:ui",

package/registry/traky/ui/entity-icon.tsx

@@ -0,0 +1,53 @@
+import * as React from "react"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+import { Card } from "@/components/ui/card"
+
+const entityIconVariants = cva(
+  "w-fit shrink-0 bg-primary text-primary-foreground [&_svg]:shrink-0",
+  {
+    variants: {
+      size: {
+        xs: "p-1 [&_svg]:size-3.5",
+        sm: "p-1.5 [&_svg]:size-5",
+        md: "p-2 [&_svg]:size-6",
+        lg: "p-2 [&_svg]:size-7",
+        xl: "p-2.5 [&_svg]:size-8",
+      },
+    },
+    defaultVariants: {
+      size: "md",
+    },
+  },
+)
+
+type IconComponent = React.ComponentType<{
+  className?: string
+  stroke?: number
+}>
+
+function EntityIcon({
+  icon: Icon,
+  size = "md",
+  className,
+  iconClassName,
+  ...props
+}: React.ComponentProps<typeof Card> &
+  VariantProps<typeof entityIconVariants> & {
+    icon: IconComponent
+    iconClassName?: string
+  }) {
+  return (
+    <Card
+      data-slot="entity-icon"
+      data-size={size}
+      className={cn(entityIconVariants({ size }), className)}
+      {...props}
+    >
+      <Icon className={iconClassName} stroke={1.75} />
+    </Card>
+  )
+}
+
+export { EntityIcon, entityIconVariants }

package/src/ui/entity-icon.tsx

@@ -0,0 +1,53 @@
+import * as React from "react"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "../lib/utils"
+import { Card } from "./card"
+
+const entityIconVariants = cva(
+  "w-fit shrink-0 bg-primary text-primary-foreground [&_svg]:shrink-0",
+  {
+    variants: {
+      size: {
+        xs: "p-1 [&_svg]:size-3.5",
+        sm: "p-1.5 [&_svg]:size-5",
+        md: "p-2 [&_svg]:size-6",
+        lg: "p-2 [&_svg]:size-7",
+        xl: "p-2.5 [&_svg]:size-8",
+      },
+    },
+    defaultVariants: {
+      size: "md",
+    },
+  },
+)
+
+type IconComponent = React.ComponentType<{
+  className?: string
+  stroke?: number
+}>
+
+function EntityIcon({
+  icon: Icon,
+  size = "md",
+  className,
+  iconClassName,
+  ...props
+}: React.ComponentProps<typeof Card> &
+  VariantProps<typeof entityIconVariants> & {
+    icon: IconComponent
+    iconClassName?: string
+  }) {
+  return (
+    <Card
+      data-slot="entity-icon"
+      data-size={size}
+      className={cn(entityIconVariants({ size }), className)}
+      {...props}
+    >
+      <Icon className={iconClassName} stroke={1.75} />
+    </Card>
+  )
+}
+
+export { EntityIcon, entityIconVariants }