@arch-cadre/ui 0.0.10 → 0.0.15

package/dist/shared/loader.cjs

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Loader = Loader;
+exports.loaderVariants = void 0;
+var _reactSlot = require("@radix-ui/react-slot");
+var _classVarianceAuthority = require("class-variance-authority");
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("../lib/utils.cjs");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const loaderVariants = exports.loaderVariants = (0, _classVarianceAuthority.cva)("spinner", {
+  variants: {
+    variant: {
+      default: "stroke-primary",
+      dark: "stroke-white",
+      destructive: "stroke-destructive",
+      secondary: "stroke-secondary",
+      ghost: "stroke-accent"
+    },
+    size: {
+      default: "h-5 w-5",
+      md: "h-10 w-10",
+      lg: "h-60 w-60"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+function Loader({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? _reactSlot.Slot : "div";
+  return /* @__PURE__ */React.createElement(Comp, {
+    className: "flex items-center justify-center",
+    ...props
+  }, /* @__PURE__ */React.createElement("style", null, `
+                .spinner {
+                  animation: animate-rotate 2s linear infinite;
+                  z-index: 2;
+                  max-width: 5rem;
+                  max-height: 5rem;
+
+                  .path {
+                    stroke-linecap: round;
+                    animation: animate-dash 1.75s ease-in-out infinite;
+                  }
+                }
+            `), /* @__PURE__ */React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    className: (0, _utils.cn)(loaderVariants({
+      variant,
+      size,
+      className
+    }))
+  }, /* @__PURE__ */React.createElement("g", null, /* @__PURE__ */React.createElement("circle", {
+    cx: 12,
+    cy: 12,
+    r: 9.5,
+    fill: "none",
+    strokeLinecap: "round",
+    strokeWidth: 3
+  }, /* @__PURE__ */React.createElement("animate", {
+    attributeName: "stroke-dasharray",
+    calcMode: "spline",
+    dur: "1.5s",
+    keySplines: "0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1",
+    keyTimes: "0;0.475;0.95;1",
+    repeatCount: "indefinite",
+    values: "0 150;42 150;42 150;42 150"
+  }), /* @__PURE__ */React.createElement("animate", {
+    attributeName: "stroke-dashoffset",
+    calcMode: "spline",
+    dur: "1.5s",
+    keySplines: "0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1",
+    keyTimes: "0;0.475;0.95;1",
+    repeatCount: "indefinite",
+    values: "0;-16;-59;-59"
+  })), /* @__PURE__ */React.createElement("animateTransform", {
+    attributeName: "transform",
+    dur: "2s",
+    repeatCount: "indefinite",
+    type: "rotate",
+    values: "0 12 12;360 12 12"
+  }))));
+}

package/dist/shared/loader.d.ts

@@ -0,0 +1,11 @@
+import type { VariantProps } from "class-variance-authority";
+import * as React from "react";
+declare const loaderVariants: (props?: ({
+    variant?: "default" | "destructive" | "secondary" | "ghost" | "dark" | null | undefined;
+    size?: "default" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface LoaderProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof loaderVariants> {
+    asChild?: boolean;
+}
+declare function Loader({ className, variant, size, asChild, ...props }: React.ComponentProps<"div"> & VariantProps<typeof loaderVariants> & LoaderProps): React.JSX.Element;
+export { Loader, loaderVariants };

package/dist/shared/loader.mjs

@@ -0,0 +1,98 @@
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import * as React from "react";
+import { cn } from "../lib/utils.mjs";
+const loaderVariants = cva("spinner", {
+  variants: {
+    variant: {
+      default: "stroke-primary",
+      dark: "stroke-white",
+      destructive: "stroke-destructive",
+      secondary: "stroke-secondary",
+      ghost: "stroke-accent"
+    },
+    size: {
+      default: "h-5 w-5",
+      md: "h-10 w-10",
+      lg: "h-60 w-60"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+function Loader({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "div";
+  return /* @__PURE__ */ React.createElement(Comp, { className: "flex items-center justify-center", ...props }, /* @__PURE__ */ React.createElement("style", null, `
+                .spinner {
+                  animation: animate-rotate 2s linear infinite;
+                  z-index: 2;
+                  max-width: 5rem;
+                  max-height: 5rem;
+
+                  .path {
+                    stroke-linecap: round;
+                    animation: animate-dash 1.75s ease-in-out infinite;
+                  }
+                }
+            `), /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      className: cn(loaderVariants({ variant, size, className }))
+    },
+    /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement(
+      "circle",
+      {
+        cx: 12,
+        cy: 12,
+        r: 9.5,
+        fill: "none",
+        strokeLinecap: "round",
+        strokeWidth: 3
+      },
+      /* @__PURE__ */ React.createElement(
+        "animate",
+        {
+          attributeName: "stroke-dasharray",
+          calcMode: "spline",
+          dur: "1.5s",
+          keySplines: "0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1",
+          keyTimes: "0;0.475;0.95;1",
+          repeatCount: "indefinite",
+          values: "0 150;42 150;42 150;42 150"
+        }
+      ),
+      /* @__PURE__ */ React.createElement(
+        "animate",
+        {
+          attributeName: "stroke-dashoffset",
+          calcMode: "spline",
+          dur: "1.5s",
+          keySplines: "0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1",
+          keyTimes: "0;0.475;0.95;1",
+          repeatCount: "indefinite",
+          values: "0;-16;-59;-59"
+        }
+      )
+    ), /* @__PURE__ */ React.createElement(
+      "animateTransform",
+      {
+        attributeName: "transform",
+        dur: "2s",
+        repeatCount: "indefinite",
+        type: "rotate",
+        values: "0 12 12;360 12 12"
+      }
+    ))
+  ));
+}
+export { Loader, loaderVariants };

package/dist/shared/page-loader.cjs

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PageLoader = PageLoader;
+var React = _interopRequireWildcard(require("react"));
+var _logo = require("../logo.cjs");
+var _loader = require("./loader.cjs");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function PageLoader({
+  withLogo = true,
+  text
+}) {
+  return /* @__PURE__ */React.createElement("div", {
+    className: "bg-background absolute inset-0 flex flex-col items-center justify-center space-y-6"
+  }, withLogo && /* @__PURE__ */React.createElement("div", {
+    className: "mb-6"
+  }, /* @__PURE__ */React.createElement(_logo.Logo, null)), /* @__PURE__ */React.createElement(_loader.Loader, null), text && /* @__PURE__ */React.createElement("div", {
+    className: "text-xs lowercase"
+  }, text));
+}

package/dist/shared/page-loader.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+interface PageLoaderProps {
+    withLogo?: boolean;
+    text?: string;
+}
+export declare function PageLoader({ withLogo, text }: PageLoaderProps): React.JSX.Element;
+export {};

package/dist/shared/page-loader.mjs

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { Logo } from "../logo.mjs";
+import { Loader } from "./loader.mjs";
+export function PageLoader({ withLogo = true, text }) {
+  return /* @__PURE__ */ React.createElement("div", { className: "bg-background absolute inset-0 flex flex-col items-center justify-center space-y-6" }, withLogo && /* @__PURE__ */ React.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React.createElement(Logo, null)), /* @__PURE__ */ React.createElement(Loader, null), text && /* @__PURE__ */ React.createElement("div", { className: "text-xs lowercase" }, text));
+}

package/dist/shared/scroll-fade-effect.cjs

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ScrollFadeEffect = ScrollFadeEffect;
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("../lib/utils.cjs");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function ScrollFadeEffect({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement("div", {
+    "data-orientation": orientation,
+    className: (0, _utils.cn)("data-[orientation=horizontal]:overflow-x-auto data-[orientation=vertical]:overflow-y-auto", "data-[orientation=horizontal]:scroll-fade-effect-x data-[orientation=vertical]:scroll-fade-effect-y", className),
+    ...props
+  });
+}

package/dist/shared/scroll-fade-effect.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+export declare function ScrollFadeEffect({ className, orientation, ...props }: React.ComponentProps<"div"> & {
+    orientation?: "horizontal" | "vertical";
+}): React.JSX.Element;

package/dist/shared/scroll-fade-effect.mjs

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { cn } from "../lib/utils.mjs";
+export function ScrollFadeEffect({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-orientation": orientation,
+      className: cn(
+        "data-[orientation=horizontal]:overflow-x-auto data-[orientation=vertical]:overflow-y-auto",
+        "data-[orientation=horizontal]:scroll-fade-effect-x data-[orientation=vertical]:scroll-fade-effect-y",
+        className
+      ),
+      ...props
+    }
+  );
+}

package/dist/styles/globals.css

@@ -0,0 +1 @@
+@import "tailwindcss";@source "../../../apps/**/*.{ts,tsx}";@source "../../../components/**/*.{ts,tsx}";@source "../**/*.{ts,tsx}";@import "tw-animate-css";@custom-variant dark (&:is(.dark *));@theme inline{--container:1024px;--color-background:var(--background);--color-foreground:var(--foreground);--font-sans:var(--font-syne-sans);--font-mono:var(--font-syne-mono);--color-sidebar-ring:var(--sidebar-ring);--color-sidebar-border:var(--sidebar-border);--color-sidebar-accent-foreground:var(--sidebar-accent-foreground);--color-sidebar-accent:var(--sidebar-accent);--color-sidebar-primary-foreground:var(--sidebar-primary-foreground);--color-sidebar-primary:var(--sidebar-primary);--color-sidebar-foreground:var(--sidebar-foreground);--color-sidebar:var(--sidebar);--color-chart-5:var(--chart-5);--color-chart-4:var(--chart-4);--color-chart-3:var(--chart-3);--color-chart-2:var(--chart-2);--color-chart-1:var(--chart-1);--color-ring:var(--ring);--color-input:var(--input);--color-border:var(--border);--color-destructive:var(--destructive);--color-accent-foreground:var(--accent-foreground);--color-accent:var(--accent);--color-muted-foreground:var(--muted-foreground);--color-muted:var(--muted);--color-secondary-foreground:var(--secondary-foreground);--color-secondary:var(--secondary);--color-primary-foreground:var(--primary-foreground);--color-primary:var(--primary);--color-popover-foreground:var(--popover-foreground);--color-popover:var(--popover);--color-card-foreground:var(--card-foreground);--color-card:var(--card);--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--radius-2xl:calc(var(--radius) + 8px);--radius-3xl:calc(var(--radius) + 12px);--radius-4xl:calc(var(--radius) + 16px)}:root{--radius:0.5rem;--background:oklch(0.985 0 0);--foreground:oklch(0.24 0.06 245.57);--card:oklch(1 0 0);--card-foreground:oklch(0.24 0.06 245.57);--popover:oklch(1 0 0);--popover-foreground:oklch(0.24 0.06 245.57);--primary:oklch(0.24 0.06 245.57);--primary-foreground:oklch(0.985 0 0);--secondary:oklch(0.97 0 0);--secondary-foreground:oklch(0.24 0.06 245.57);--muted:oklch(0.97 0 0);--muted-foreground:oklch(0.556 0 0);--accent:oklch(0.97 0 0);--accent-foreground:oklch(0.24 0.06 245.57);--destructive:oklch(0.577 0.245 27.325);--border:oklch(0.922 0 0);--input:oklch(0.922 0 0);--ring:oklch(0.708 0 0);--chart-1:oklch(0.646 0.222 41.116);--chart-2:oklch(0.6 0.118 184.704);--chart-3:oklch(0.398 0.07 227.392);--chart-4:oklch(0.828 0.189 84.429);--chart-5:oklch(0.769 0.188 70.08);--sidebar:oklch(1 0 0);--sidebar-foreground:oklch(0.24 0.06 245.57);--sidebar-primary:oklch(0.24 0.06 245.57);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.97 0 0);--sidebar-accent-foreground:oklch(0.24 0.06 245.57);--sidebar-border:oklch(0.922 0 0);--sidebar-ring:oklch(0.708 0 0)}.dark{--background:oklch(0.145 0 0);--foreground:oklch(0.985 0 0);--card:oklch(0.205 0 0);--card-foreground:oklch(0.985 0 0);--popover:oklch(0.205 0 0);--popover-foreground:oklch(0.985 0 0);--primary:oklch(0.922 0 0);--primary-foreground:oklch(0.205 0 0);--secondary:oklch(0.269 0 0);--secondary-foreground:oklch(0.985 0 0);--muted:oklch(0.269 0 0);--muted-foreground:oklch(0.708 0 0);--accent:oklch(0.269 0 0);--accent-foreground:oklch(0.985 0 0);--destructive:oklch(0.704 0.191 22.216);--border:oklch(1 0 0/10%);--input:oklch(1 0 0/15%);--ring:oklch(0.556 0 0);--chart-1:oklch(0.488 0.243 264.376);--chart-2:oklch(0.696 0.17 162.48);--chart-3:oklch(0.769 0.188 70.08);--chart-4:oklch(0.627 0.265 303.9);--chart-5:oklch(0.645 0.246 16.439);--sidebar:oklch(0.205 0 0);--sidebar-foreground:oklch(0.985 0 0);--sidebar-primary:oklch(0.488 0.243 264.376);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.269 0 0);--sidebar-accent-foreground:oklch(0.985 0 0);--sidebar-border:oklch(1 0 0/10%);--sidebar-ring:oklch(0.556 0 0)}@layer utilities{.squircle{border-radius:1rem}@supports (corner-shape:squircle){.squircle{border-radius:2rem;corner-shape:squircle}}}@layer base{*{@apply border-border outline-ring/50}body{@apply bg-background text-foreground}body:before{z-index:1}[data-slot=sidebar-wrapper]:before,body:before{background:#000;content:"";filter:url(#grain);height:100%;left:0;opacity:.1;pointer-events:none;position:fixed;top:0;width:100%}[data-slot=sidebar-wrapper]:before{z-index:51}svg.grain-noise{height:0;position:absolute;width:0;z-index:-1}.container{margin:0 auto;max-width:var(--container);@apply px-4 sm:px-6 lg:px-8}@keyframes show-top-mask{to{--top-mask-height:var(--mask-height)}}@keyframes hide-bottom-mask{to{--bottom-mask-height:0px}}@keyframes show-left-mask{to{--left-mask-width:var(--mask-width)}}@keyframes hide-right-mask{to{--right-mask-width:0px}}}@property --top-mask-height{syntax:"<length>";inherits:true;initial-value:0}@property --bottom-mask-height{syntax:"<length>";inherits:true;initial-value:64px}@property --left-mask-width{syntax:"<length>";inherits:true;initial-value:0}@property --right-mask-width{syntax:"<length>";inherits:true;initial-value:64px}@utility scroll-fade-effect-y{--mask-height:64px;--mask-offset-top:0px;--mask-offset-bottom:0px;--scroll-buffer:2rem;animation-fill-mode:both;animation-name:show-top-mask,hide-bottom-mask;animation-range:0 var(--scroll-buffer),calc(100% - var(--scroll-buffer)) 100%;animation-timeline:scroll(self),scroll(self);-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-image:linear-gradient(0deg,transparent,#000 90%),linear-gradient(180deg,transparent 0,#000),linear-gradient(#000,#000);mask-image:linear-gradient(0deg,transparent,#000 90%),linear-gradient(180deg,transparent 0,#000),linear-gradient(#000,#000);-webkit-mask-position:0 var(--mask-offset-top),0 calc(100% - var(--mask-offset-bottom)),0 0;mask-position:0 var(--mask-offset-top),0 calc(100% - var(--mask-offset-bottom)),0 0;-webkit-mask-repeat:no-repeat,no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat,no-repeat;-webkit-mask-size:100% var(--top-mask-height),100% var(--bottom-mask-height),100% 100%;mask-size:100% var(--top-mask-height),100% var(--bottom-mask-height),100% 100%}@utility scroll-fade-effect-x{--mask-width:64px;--mask-offset-left:0px;--mask-offset-right:0px;--scroll-buffer:2rem;animation-fill-mode:both;animation-name:show-left-mask,hide-right-mask;animation-range:0 var(--scroll-buffer),calc(100% - var(--scroll-buffer)) 100%;animation-timeline:scroll(self inline),scroll(self inline);-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-image:linear-gradient(270deg,transparent,#000 90%),linear-gradient(90deg,transparent 0,#000),linear-gradient(#000,#000);mask-image:linear-gradient(270deg,transparent,#000 90%),linear-gradient(90deg,transparent 0,#000),linear-gradient(#000,#000);-webkit-mask-position:var(--mask-offset-left) 0,calc(100% - var(--mask-offset-right)) 0,0 0;mask-position:var(--mask-offset-left) 0,calc(100% - var(--mask-offset-right)) 0,0 0;-webkit-mask-repeat:no-repeat,no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat,no-repeat;-webkit-mask-size:var(--left-mask-width) 100%,var(--right-mask-width) 100%,100% 100%;mask-size:var(--left-mask-width) 100%,var(--right-mask-width) 100%,100% 100%}@keyframes progress-fast{0%{transform:translateX(-100%)}50%{transform:translateX(-20%)}to{transform:translateX(100%)}}.animate-progress-fast{animation:progress-fast 1.5s linear infinite}

package/package.json

@@ -1,83 +1,92 @@
 {
   "name": "@arch-cadre/ui",
-  "version": "0.0.10",
+  "version": "0.0.15",
   "type": "module",
+  "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"
+    }
+  },
   "scripts": {
+    "clean": "rm -rf ./dist",
+    "switch:dev": "node scripts/switchToSrc.js",
+    "switch:prod": "node scripts/switchToDist.js",
     "release": "npm publish --access public --no-git-checks",
-    "lint": "biome check --write"
+    "lint": "biome check --write",
+    "build": "unbuild",
+    "dev": "unbuild --stub"
   },
   "dependencies": {
+    "@arch-cadre/core": "^0.0.15",
+    "@arch-cadre/intl": "^0.0.15",
     "@hookform/resolvers": "^5.2.2",
     "@iconify-json/solar": "^1.2.2",
     "@iconify/react": "^6.0.0",
-    "@arch-cadre/core": "^0.0.10",
-    "@arch-cadre/intl": "^0.0.10",
-    "@radix-ui/react-accordion": "^1.2.12",
-    "@radix-ui/react-alert-dialog": "^1.1.15",
-    "@radix-ui/react-aspect-ratio": "^1.1.8",
-    "@radix-ui/react-avatar": "^1.1.11",
-    "@radix-ui/react-checkbox": "^1.3.3",
-    "@radix-ui/react-collapsible": "^1.1.12",
-    "@radix-ui/react-context-menu": "^2.2.16",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "@radix-ui/react-hover-card": "^1.1.15",
-    "@radix-ui/react-label": "^2.1.8",
-    "@radix-ui/react-menubar": "^1.1.16",
-    "@radix-ui/react-navigation-menu": "^1.2.14",
-    "@radix-ui/react-popover": "^1.1.15",
-    "@radix-ui/react-progress": "^1.1.8",
-    "@radix-ui/react-radio-group": "^1.3.8",
-    "@radix-ui/react-scroll-area": "^1.2.10",
-    "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-separator": "^1.1.8",
-    "@radix-ui/react-slider": "^1.3.6",
-    "@radix-ui/react-slot": "^1.2.3",
-    "@radix-ui/react-switch": "^1.2.6",
-    "@radix-ui/react-tabs": "^1.1.13",
-    "@radix-ui/react-toggle": "^1.1.10",
-    "@radix-ui/react-toggle-group": "^1.1.11",
-    "@radix-ui/react-tooltip": "^1.2.8",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@types/node": "^20.19.9",
+    "@types/react": "^19.1.9",
+    "@types/react-dom": "^19.1.7",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "date-fns": "^4.1.0",
-    "embla-carousel-react": "^8.6.0",
     "input-otp": "^1.4.2",
     "lucide-react": "^0.475.0",
     "next": "16.1.1",
     "next-themes": "^0.4.6",
+    "radix-ui": "latest",
     "react": "^19.1.1",
     "react-day-picker": "^9.13.0",
     "react-dom": "^19.1.1",
     "react-hook-form": "^7.70.0",
-    "recharts": "2.15.4",
     "sonner": "^2.0.7",
     "swr": "^2.3.8",
     "tailwind-merge": "^3.3.1",
     "tw-animate-css": "^1.3.6",
     "vaul": "^1.1.2",
-    "zod": "^3.25.76",
-    "@types/node": "^20.19.9",
-    "@types/react": "^19.1.9",
-    "@types/react-dom": "^19.1.7"
+    "zod": "^3.25.76"
   },
   "devDependencies": {
     "@biomejs/biome": "2.3.8",
     "@tailwindcss/postcss": "^4.1.11",
-    "@turbo/gen": "^2.5.5",
     "tailwindcss": "^4.1.11",
-    "typescript": "^5.9.2"
+    "typescript": "^5.9.2",
+    "unbuild": "^3.6.1"
   },
-  "exports": {
-    ".": "./src/index.ts",
-    "./providers": "./src/providers/index.tsx",
-    "./brand/logo": "./src/logo.tsx",
-    "./shared/*": "./src/shared/*.tsx",
-    "./globals.css": "./src/styles/globals.css",
-    "./postcss.config": "./postcss.config.mjs",
-    "./lib/*": "./src/lib/*.ts",
-    "./components/*": "./src/components/*.tsx",
-    "./hooks/*": "./src/hooks/*.ts"
-  }
+  "main": "./dist/index.mjs"
 }

package/scripts/switchToDist.js

@@ -0,0 +1,55 @@
+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

@@ -0,0 +1,52 @@
+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,8 +1,8 @@
 "use client";
 
-import * as React from "react";
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { Accordion as AccordionPrimitive } from "radix-ui";
 import { ChevronDownIcon } from "lucide-react";
+import * as React from "react";
 
 import { cn } from "../lib/utils";
 

package/src/components/alert-dialog.tsx

@@ -1,7 +1,7 @@
 "use client";
 
+import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
 import * as React from "react";
-import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 
 import { cn } from "../lib/utils";
 import { buttonVariants } from "./button";

package/src/components/alert.tsx

@@ -1,5 +1,5 @@
-import * as React from "react";
 import { cva, type VariantProps } from "class-variance-authority";
+import * as React from "react";
 
 import { cn } from "../lib/utils";
 

package/src/components/aspect-ratio.tsx

@@ -1,6 +1,7 @@
 "use client";
 
-import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
+import { AspectRatio as AspectRatioPrimitive } from "radix-ui";
+import * as React from "react";
 
 function AspectRatio({
   ...props

package/src/components/avatar.tsx

@@ -1,7 +1,7 @@
 "use client";
 
+import { Avatar as AvatarPrimitive } from "radix-ui";
 import * as React from "react";
-import * as AvatarPrimitive from "@radix-ui/react-avatar";
 
 import { cn } from "../lib/utils";
 

package/src/components/badge.tsx

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { Slot } from "@radix-ui/react-slot";
+import { Slot as SlotPrimitive } from "radix-ui";
 import { cva, type VariantProps } from "class-variance-authority";
+import * as React from "react";
 
 import { cn } from "../lib/utils";
 
@@ -32,7 +32,7 @@ function Badge({
   ...props
 }: React.ComponentProps<"span"> &
   VariantProps<typeof badgeVariants> & { asChild?: boolean }) {
-  const Comp = asChild ? Slot : "span";
+  const Comp = asChild ? SlotPrimitive.Slot : "span";
 
   return (
     <Comp