@arch-cadre/ui 0.0.45 → 0.0.48

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arch-cadre/ui",
-  "version": "0.0.45",
+  "version": "0.0.48",
   "type": "module",
   "main": "./dist/index.js",
   "exports": {
@@ -36,6 +36,9 @@
       "import": "./dist/hooks/*.js"
     }
   },
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "clean": "rm -rf ./dist",
     "switch:dev": "node scripts/switchToSrc.js",
@@ -47,8 +50,8 @@
     "build": "pnpm clean && tsc --module esnext"
   },
   "dependencies": {
-    "@arch-cadre/core": "^0.0.45",
-    "@arch-cadre/intl": "^0.0.45",
+    "@arch-cadre/core": "^0.0.48",
+    "@arch-cadre/intl": "^0.0.48",
     "@hookform/resolvers": "^5.2.2",
     "@iconify-json/solar": "^1.2.2",
     "@iconify/react": "^6.0.0",

package/build.config.js

@@ -1,22 +0,0 @@
-import { defineBuildConfig } from "unbuild";
-export default defineBuildConfig({
-    entries: [
-        // {
-        //   builder: "mkdist",
-        //   input: "./src",
-        //   outDir: "./dist",
-        //   format: "cjs",
-        //   ext: "cjs",
-        // },
-        {
-            builder: "mkdist",
-            input: "./src",
-            outDir: "./dist",
-            format: "esm",
-            ext: "mjs",
-        },
-    ],
-    clean: true,
-    declaration: true,
-    failOnWarn: false,
-});

package/build.config.ts

@@ -1,23 +0,0 @@
-import { defineBuildConfig } from "unbuild";
-
-export default defineBuildConfig({
-  entries: [
-    // {
-    //   builder: "mkdist",
-    //   input: "./src",
-    //   outDir: "./dist",
-    //   format: "cjs",
-    //   ext: "cjs",
-    // },
-    {
-      builder: "mkdist",
-      input: "./src",
-      outDir: "./dist",
-      format: "esm",
-      ext: "mjs",
-    },
-  ],
-  clean: true,
-  declaration: true,
-  failOnWarn: false,
-});

package/components.json

@@ -1,20 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema.json",
-  "style": "new-york",
-  "rsc": true,
-  "tsx": true,
-  "tailwind": {
-    "config": "",
-    "css": "src/styles/globals.css",
-    "baseColor": "neutral",
-    "cssVariables": true
-  },
-  "iconLibrary": "lucide",
-  "aliases": {
-    "components": "@arch-cadre/ui/components",
-    "utils": "@arch-cadre/ui/lib/utils",
-    "hooks": "@arch-cadre/ui/hooks",
-    "lib": "@arch-cadre/ui/lib",
-    "ui": "@arch-cadre/ui/components"
-  }
-}

package/postcss.config.mjs

@@ -1,6 +0,0 @@
-/** @type {import('postcss-load-config').Config} */
-const config = {
-  plugins: { "@tailwindcss/postcss": {} },
-};
-
-export default config;

package/scripts/switchToDist.js

@@ -1,55 +0,0 @@
-import fs from "node:fs";
-import path from "node:path";
-import { fileURLToPath } from "node:url";
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-const packagePath = path.resolve(__dirname, "../package.json");
-const pkg = JSON.parse(fs.readFileSync(packagePath, "utf-8"));
-
-pkg.main = "./dist/index.mjs";
-
-pkg.exports = {
-  "./package.json": "./package.json",
-  "./globals.css": "./dist/styles/globals.css",
-  "./postcss.config": "./postcss.config.mjs",
-  ".": {
-    types: "./dist/index.d.ts",
-    import: "./dist/index.mjs",
-    require: "./dist/index.cjs",
-  },
-  "./providers": {
-    types: "./dist/providers/index.d.ts",
-    import: "./dist/providers/index.mjs",
-    require: "./dist/providers/index.cjs",
-  },
-  "./brand/logo": {
-    types: "./dist/logo.d.ts",
-    import: "./dist/logo.mjs",
-    require: "./dist/logo.cjs",
-  },
-  "./shared/*": {
-    types: "./dist/shared/*.d.ts",
-    import: "./dist/shared/*.mjs",
-    require: "./dist/shared/*.cjs",
-  },
-  "./lib/*": {
-    types: "./dist/lib/*.d.ts",
-    import: "./dist/lib/*.mjs",
-    require: "./dist/lib/*.cjs",
-  },
-  "./components/*": {
-    types: "./dist/components/*.d.ts",
-    import: "./dist/components/*.mjs",
-    require: "./dist/components/*.cjs",
-  },
-  "./hooks/*": {
-    types: "./dist/hooks/*.d.ts",
-    import: "./dist/hooks/*.mjs",
-    require: "./dist/hooks/*.cjs",
-  },
-};
-
-fs.writeFileSync(packagePath, JSON.stringify(pkg, null, 2));
-console.log("Switched exports to use dist for production");

package/scripts/switchToSrc.js

@@ -1,52 +0,0 @@
-import fs from "node:fs";
-import path from "node:path";
-import { fileURLToPath } from "node:url";
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-const packagePath = path.resolve(__dirname, "../package.json");
-
-// Leer el archivo package.json
-const pkg = JSON.parse(fs.readFileSync(packagePath, "utf-8"));
-
-pkg.main = "./src/index.ts";
-
-// Modificar los exports
-pkg.exports = {
-  "./package.json": "./package.json",
-  "./globals.css": "./src/styles/globals.css",
-  "./postcss.config": "./postcss.config.mjs",
-  ".": {
-    import: "./src/index.ts",
-    require: "./dist/index.cjs",
-  },
-  "./providers": {
-    import: "./src/providers/index.tsx",
-    require: "./dist/providers/index.cjs",
-  },
-  "./brand/logo": {
-    import: "./src/logo.tsx",
-    require: "./dist/logo.cjs",
-  },
-  "./shared/*": {
-    import: "./src/shared/*.tsx",
-    require: "./dist/shared/*.cjs",
-  },
-  "./lib/*": {
-    import: "./src/lib/*.ts",
-    require: "./dist/lib/*.cjs",
-  },
-  "./components/*": {
-    import: "./src/components/*.tsx",
-    require: "./dist/components/*.cjs",
-  },
-  "./hooks/*": {
-    import: "./src/hooks/*.ts",
-    require: "./dist/hooks/*.cjs",
-  },
-};
-
-// Guardar los cambios en package.json
-fs.writeFileSync(packagePath, JSON.stringify(pkg, null, 2));
-console.log("Switched exports to use src for development");

package/src/components/accordion.tsx

@@ -1,66 +0,0 @@
-"use client";
-
-import { ChevronDownIcon } from "lucide-react";
-import { Accordion as AccordionPrimitive } from "radix-ui";
-import * as React from "react";
-
-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}
-        <ChevronDownIcon 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 };

package/src/components/alert-dialog.tsx

@@ -1,157 +0,0 @@
-"use client";
-
-import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
-import * as React from "react";
-
-import { cn } from "../lib/utils";
-import { buttonVariants } from "./button";
-
-function AlertDialog({
-  ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {
-  return <AlertDialogPrimitive.Root data-slot="alert-dialog" {...props} />;
-}
-
-function AlertDialogTrigger({
-  ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {
-  return (
-    <AlertDialogPrimitive.Trigger data-slot="alert-dialog-trigger" {...props} />
-  );
-}
-
-function AlertDialogPortal({
-  ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {
-  return (
-    <AlertDialogPrimitive.Portal data-slot="alert-dialog-portal" {...props} />
-  );
-}
-
-function AlertDialogOverlay({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {
-  return (
-    <AlertDialogPrimitive.Overlay
-      data-slot="alert-dialog-overlay"
-      className={cn(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
-        className,
-      )}
-      {...props}
-    />
-  );
-}
-
-function AlertDialogContent({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {
-  return (
-    <AlertDialogPortal>
-      <AlertDialogOverlay />
-      <AlertDialogPrimitive.Content
-        data-slot="alert-dialog-content"
-        className={cn(
-          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
-          className,
-        )}
-        {...props}
-      />
-    </AlertDialogPortal>
-  );
-}
-
-function AlertDialogHeader({
-  className,
-  ...props
-}: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="alert-dialog-header"
-      className={cn("flex flex-col gap-2 text-center sm:text-left", className)}
-      {...props}
-    />
-  );
-}
-
-function AlertDialogFooter({
-  className,
-  ...props
-}: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="alert-dialog-footer"
-      className={cn(
-        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
-        className,
-      )}
-      {...props}
-    />
-  );
-}
-
-function AlertDialogTitle({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {
-  return (
-    <AlertDialogPrimitive.Title
-      data-slot="alert-dialog-title"
-      className={cn("text-lg font-semibold", className)}
-      {...props}
-    />
-  );
-}
-
-function AlertDialogDescription({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {
-  return (
-    <AlertDialogPrimitive.Description
-      data-slot="alert-dialog-description"
-      className={cn("text-muted-foreground text-sm", className)}
-      {...props}
-    />
-  );
-}
-
-function AlertDialogAction({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Action>) {
-  return (
-    <AlertDialogPrimitive.Action
-      className={cn(buttonVariants(), className)}
-      {...props}
-    />
-  );
-}
-
-function AlertDialogCancel({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {
-  return (
-    <AlertDialogPrimitive.Cancel
-      className={cn(buttonVariants({ variant: "outline" }), className)}
-      {...props}
-    />
-  );
-}
-
-export {
-  AlertDialog,
-  AlertDialogPortal,
-  AlertDialogOverlay,
-  AlertDialogTrigger,
-  AlertDialogContent,
-  AlertDialogHeader,
-  AlertDialogFooter,
-  AlertDialogTitle,
-  AlertDialogDescription,
-  AlertDialogAction,
-  AlertDialogCancel,
-};

package/src/components/alert.tsx

@@ -1,66 +0,0 @@
-import { cva, type VariantProps } from "class-variance-authority";
-import * as React from "react";
-
-import { cn } from "../lib/utils";
-
-const alertVariants = cva(
-  "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
-  {
-    variants: {
-      variant: {
-        default: "bg-card text-card-foreground",
-        destructive:
-          "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-    },
-  },
-);
-
-function Alert({
-  className,
-  variant,
-  ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>) {
-  return (
-    <div
-      data-slot="alert"
-      role="alert"
-      className={cn(alertVariants({ variant }), className)}
-      {...props}
-    />
-  );
-}
-
-function AlertTitle({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="alert-title"
-      className={cn(
-        "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
-        className,
-      )}
-      {...props}
-    />
-  );
-}
-
-function AlertDescription({
-  className,
-  ...props
-}: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="alert-description"
-      className={cn(
-        "text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
-        className,
-      )}
-      {...props}
-    />
-  );
-}
-
-export { Alert, AlertTitle, AlertDescription };

package/src/components/aspect-ratio.tsx

@@ -1,12 +0,0 @@
-"use client";
-
-import { AspectRatio as AspectRatioPrimitive } from "radix-ui";
-import * as React from "react";
-
-function AspectRatio({
-  ...props
-}: React.ComponentProps<typeof AspectRatioPrimitive.Root>) {
-  return <AspectRatioPrimitive.Root data-slot="aspect-ratio" {...props} />;
-}
-
-export { AspectRatio };

package/src/components/avatar.tsx

@@ -1,53 +0,0 @@
-"use client";
-
-import { Avatar as AvatarPrimitive } from "radix-ui";
-import * as React from "react";
-
-import { cn } from "../lib/utils";
-
-function Avatar({
-  className,
-  ...props
-}: React.ComponentProps<typeof AvatarPrimitive.Root>) {
-  return (
-    <AvatarPrimitive.Root
-      data-slot="avatar"
-      className={cn(
-        "relative flex size-8 shrink-0 overflow-hidden rounded-full",
-        className,
-      )}
-      {...props}
-    />
-  );
-}
-
-function AvatarImage({
-  className,
-  ...props
-}: React.ComponentProps<typeof AvatarPrimitive.Image>) {
-  return (
-    <AvatarPrimitive.Image
-      data-slot="avatar-image"
-      className={cn("aspect-square size-full", className)}
-      {...props}
-    />
-  );
-}
-
-function AvatarFallback({
-  className,
-  ...props
-}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {
-  return (
-    <AvatarPrimitive.Fallback
-      data-slot="avatar-fallback"
-      className={cn(
-        "bg-muted flex size-full items-center justify-center rounded-full",
-        className,
-      )}
-      {...props}
-    />
-  );
-}
-
-export { Avatar, AvatarImage, AvatarFallback };

package/src/components/badge.tsx

@@ -1,46 +0,0 @@
-import { cva, type VariantProps } from "class-variance-authority";
-import { Slot as SlotPrimitive } from "radix-ui";
-import * as React from "react";
-
-import { cn } from "../lib/utils";
-
-const badgeVariants = cva(
-  "inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
-  {
-    variants: {
-      variant: {
-        default:
-          "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
-        secondary:
-          "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
-        destructive:
-          "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline:
-          "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-    },
-  },
-);
-
-function Badge({
-  className,
-  variant,
-  asChild = false,
-  ...props
-}: React.ComponentProps<"span"> &
-  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {
-  const Comp = asChild ? SlotPrimitive.Slot : "span";
-
-  return (
-    <Comp
-      data-slot="badge"
-      className={cn(badgeVariants({ variant }), className)}
-      {...props}
-    />
-  );
-}
-
-export { Badge, badgeVariants };