fulldev-ui 0.7.0 → 0.9.0

package/public/r/radio-group.json

@@ -1,16 +1,18 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "radio-group",
-  "type": "registry:ui",
+  "dependencies": [
+    "@data-slot/radio-group"
+  ],
   "files": [
     {
       "path": "src/components/ui/radio-group/radio-group.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"div\"> {}\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n  role=\"radiogroup\"\n  data-slot=\"radio-group\"\n  class={cn(\"grid gap-3\", className)}\n  {...props}\n>\n  <slot />\n</div>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  defaultValue?: string\n  name?: string\n  disabled?: boolean\n  readOnly?: boolean\n  required?: boolean\n}\n\nconst {\n  class: className,\n  defaultValue,\n  name,\n  disabled,\n  readOnly,\n  required,\n  ...props\n} = Astro.props\n---\n\n<div\n  data-slot=\"radio-group\"\n  data-default-value={defaultValue}\n  data-name={name}\n  data-disabled={disabled}\n  data-read-only={readOnly}\n  data-required={required}\n  class={cn(\"grid w-full gap-3\", className)}\n  {...props}\n>\n  <slot />\n</div>\n\n<script>\n  import { create } from \"@data-slot/radio-group\"\n\n  create()\n</script>\n",
       "type": "registry:ui"
     },
     {
       "path": "src/components/ui/radio-group/radio-group-item.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends Omit<HTMLAttributes<\"input\">, \"type\"> {}\n\nconst { class: className, ...props } = Astro.props\n---\n\n<input\n  type=\"radio\"\n  data-slot=\"radio-group-item\"\n  class={cn(\n    \"border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50\",\n    \"accent-primary\",\n    className\n  )}\n  {...props}\n/>\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"span\"> & {\n  value: string\n  disabled?: boolean\n  indicatorClass?: string\n}\n\nconst {\n  class: className,\n  value,\n  disabled,\n  indicatorClass,\n  ...props\n} = Astro.props\n---\n\n<span\n  data-slot=\"radio-group-item\"\n  data-value={value}\n  data-disabled={disabled ? \"\" : undefined}\n  class={cn(\n    \"group/radio-group-item peer border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-[checked]:border-primary data-[checked]:bg-primary data-[checked]:text-primary-foreground dark:data-[checked]:bg-primary relative flex aspect-square size-4 shrink-0 rounded-full border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:ring-3 aria-invalid:ring-3 data-disabled:cursor-not-allowed data-disabled:opacity-50\",\n    className\n  )}\n  {...props}\n>\n  <span\n    aria-hidden=\"true\"\n    data-slot=\"radio-group-indicator\"\n    class={cn(\n      \"flex size-4 items-center justify-center opacity-0 group-data-checked/radio-group-item:opacity-100\",\n      indicatorClass\n    )}\n  >\n    <span\n      class=\"bg-background absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full\"\n    ></span>\n  </span>\n</span>\n",
       "type": "registry:ui"
     },
     {
@@ -18,5 +20,6 @@
       "content": "export { default as RadioGroup } from \"./radio-group.astro\"\nexport { default as RadioGroupItem } from \"./radio-group-item.astro\"\n",
       "type": "registry:ui"
     }
-  ]
+  ],
+  "type": "registry:ui"
 }

package/public/r/rating.json

@@ -1,11 +1,13 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry-item.json",
   "name": "rating",
-  "type": "registry:ui",
+  "registryDependencies": [
+    "@fulldev/icon"
+  ],
   "files": [
     {
       "path": "src/components/ui/rating/rating.astro",
-      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport Star from \"lucide-static/icons/star.svg\"\n\nimport { cn } from \"@/lib/utils\"\n\ninterface Props extends HTMLAttributes<\"div\"> {\n  rating?: number\n}\n\nconst { rating, class: className, ...props } = Astro.props\n---\n\n{\n  rating && (\n    <div class={cn(\"flex gap-1 text-base\", className)} {...props}>\n      {Array.from({ length: 5 }).map((_, index) => {\n        const fillPercentage =\n          index < Math.floor(rating)\n            ? 100\n            : index === Math.floor(rating)\n              ? (rating % 1) * 100\n              : 0\n        return (\n          <Star\n            class=\"!text-primary size-[1em]\"\n            fill=\"currentColor\"\n            style={{\n              maskImage: `linear-gradient(to right, black ${fillPercentage}%, rgba(0,0,0,0.15) ${fillPercentage}%)`,\n            }}\n          />\n        )\n      })}\n    </div>\n  )\n}\n",
+      "content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Icon } from \"@/components/ui/icon\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n  value?: number\n}\n\nconst { value = 5, class: className, ...props } = Astro.props\n---\n\n<div class={cn(\"flex items-center gap-1 text-base\", className)} {...props}>\n  {\n    Array.from({ length: 5 }).map((_, index) => {\n      const fillPercentage =\n        index < Math.floor(value)\n          ? 100\n          : index === Math.floor(value)\n            ? (value % 1) * 100\n            : 0\n\n      return (\n        <span class=\"text-muted-foreground/25 relative inline-flex size-[1em]\">\n          <Icon name=\"star\" class=\"size-[1em] fill-current\" />\n          {fillPercentage > 0 && (\n            <span\n              class=\"text-primary absolute inset-0 overflow-hidden\"\n              style={{ width: `${fillPercentage}%` }}\n            >\n              <Icon name=\"star\" class=\"size-[1em] fill-current\" />\n            </span>\n          )}\n        </span>\n      )\n    })\n  }\n</div>\n",
       "type": "registry:ui"
     },
     {
@@ -13,5 +15,6 @@
       "content": "export { default as Rating } from \"./rating.astro\"\n",
       "type": "registry:ui"
     }
-  ]
+  ],
+  "type": "registry:ui"
 }