@mimi-ng/cli 0.2.0 → 0.3.0

package/README.md

@@ -46,7 +46,7 @@ ng g mimi                     # menú para elegir (terminal interactiva)
 ng g @mimi-ng/cli:ui button   # forma larga (si Mimi no está en schematicCollections)
 ```
 
-Cada componente se copia a `src/app/components/ui/<nombre>`, con lo que necesite, y se instalan las dependencias que falten. Algunos usan por dentro `@angular/cdk` y `@angular/aria`, paquetes oficiales del equipo de Angular: `ng g mimi` los instala cuando hacen falta (aria en la versión exacta de tu cdk) y agrega los estilos del CDK a tu CSS global. Más en [Fundamentos](https://ng.mimiworks.dev/docs/foundations).
+Cada componente se copia a `src/app/components/ui/<nombre>`, con lo que necesite, y se instalan las dependencias que falten. Algunos usan por dentro `@angular/cdk` y `@angular/aria`, paquetes oficiales del equipo de Angular: `ng g mimi` los instala cuando hacen falta (aria en la versión exacta de tu cdk) y agrega los estilos del CDK a tu CSS global. Mimi necesita `@angular/cdk` y `@angular/aria` 22.2.4 o posterior (con 22.2.3, Combobox y Select pueden fallar al destruirse): si ya los tienes en una versión anterior, `ng g mimi` te avisa (no los cambia por ti); actualízalos con `ng update @angular/cdk @angular/aria`. Más en [Fundamentos](https://ng.mimiworks.dev/docs/foundations).
 
 Después lo importas como cualquier otro:
 
@@ -67,22 +67,36 @@ export class App {}
 - **Badge**: `ng g mimi badge` · [documentación](https://ng.mimiworks.dev/docs/components/badge)
 - **Button**: `ng g mimi button` · [documentación](https://ng.mimiworks.dev/docs/components/button)
 - **Card**: `ng g mimi card` · [documentación](https://ng.mimiworks.dev/docs/components/card)
+- **Calendar**: `ng g mimi calendar` · [documentación](https://ng.mimiworks.dev/docs/components/date-picker)
 - **Checkbox**: `ng g mimi checkbox` · [documentación](https://ng.mimiworks.dev/docs/components/switch)
+- **Color Picker**: `ng g mimi color-picker` · [documentación](https://ng.mimiworks.dev/docs/components/color-picker)
+- **Combobox**: `ng g mimi combobox` · [documentación](https://ng.mimiworks.dev/docs/components/combobox)
 - **Confirm**: `ng g mimi confirm` · [documentación](https://ng.mimiworks.dev/docs/components/confirm)
 - **Context Menu**: `ng g mimi context-menu` · [documentación](https://ng.mimiworks.dev/docs/components/context-menu)
+- **Date Picker**: `ng g mimi date-picker` · [documentación](https://ng.mimiworks.dev/docs/components/date-picker)
+- **Date Range**: `ng g mimi date-range` · [documentación](https://ng.mimiworks.dev/docs/components/date-range)
 - **Dialog**: `ng g mimi dialog` · [documentación](https://ng.mimiworks.dev/docs/components/dialog)
 - **Dropdown Menu**: `ng g mimi dropdown-menu` · [documentación](https://ng.mimiworks.dev/docs/components/dropdown-menu)
+- **File Upload**: `ng g mimi file-upload` · [documentación](https://ng.mimiworks.dev/docs/components/file-upload)
 - **FormField**: `ng g mimi form-field` · [documentación](https://ng.mimiworks.dev/docs/components/form-field)
 - **Input**: `ng g mimi input` · [documentación](https://ng.mimiworks.dev/docs/components/input)
+- **Input Mask**: `ng g mimi input-mask` · [documentación](https://ng.mimiworks.dev/docs/components/input-mask)
+- **Input OTP**: `ng g mimi input-otp` · [documentación](https://ng.mimiworks.dev/docs/components/input-otp)
+- **Number Input**: `ng g mimi number-input` · [documentación](https://ng.mimiworks.dev/docs/components/number-input)
 - **Pagination**: `ng g mimi pagination` · [documentación](https://ng.mimiworks.dev/docs/components/pagination)
+- **Password**: `ng g mimi password` · [documentación](https://ng.mimiworks.dev/docs/components/password)
 - **Popover**: `ng g mimi popover` · [documentación](https://ng.mimiworks.dev/docs/components/popover)
+- **Progress**: `ng g mimi progress` · [documentación](https://ng.mimiworks.dev/docs/components/progress)
 - **Select**: `ng g mimi select` · [documentación](https://ng.mimiworks.dev/docs/components/select)
 - **Separator**: `ng g mimi separator` · [documentación](https://ng.mimiworks.dev/docs/components/separator)
 - **Skeleton**: `ng g mimi skeleton` · [documentación](https://ng.mimiworks.dev/docs/components/skeleton)
+- **Slider**: `ng g mimi slider` · [documentación](https://ng.mimiworks.dev/docs/components/slider)
 - **Switch**: `ng g mimi switch` · [documentación](https://ng.mimiworks.dev/docs/components/switch)
 - **Tabs**: `ng g mimi tabs` · [documentación](https://ng.mimiworks.dev/docs/components/tabs)
 - **Textarea**: `ng g mimi textarea` · [documentación](https://ng.mimiworks.dev/docs/components/input)
+- **Tags Input**: `ng g mimi tags-input` · [documentación](https://ng.mimiworks.dev/docs/components/tags-input)
 - **Toast**: `ng g mimi toast` · [documentación](https://ng.mimiworks.dev/docs/components/toast)
+- **Toggle Group**: `ng g mimi toggle-group` · [documentación](https://ng.mimiworks.dev/docs/components/toggle-group)
 - **Toolbar**: `ng g mimi toolbar` · [documentación](https://ng.mimiworks.dev/docs/components/toolbar)
 - **Tooltip**: `ng g mimi tooltip` · [documentación](https://ng.mimiworks.dev/docs/components/tooltip)
 

package/dist/registry.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.2.0",
+  "version": "0.3.0",
   "suggestedDependencies": {
     "@lucide/angular": "^1.47.0"
   },
@@ -35,7 +35,7 @@
         "utils/overlay.ts"
       ],
       "peerDependencies": {
-        "@angular/cdk": "^22.2.0"
+        "@angular/cdk": "^22.2.4"
       }
     },
     "menu": {
@@ -45,13 +45,41 @@
         "components/menu/index.ts"
       ],
       "peerDependencies": {
-        "@angular/aria": "^22.2.0"
+        "@angular/aria": "^22.2.4"
       },
       "registryDependencies": [
         "utils/cn",
         "utils/overlay"
       ]
     },
+    "chip": {
+      "type": "util",
+      "files": [
+        "components/chip/chip.ts",
+        "components/chip/chip-texts.ts",
+        "components/chip/index.ts"
+      ],
+      "peerDependencies": {
+        "@angular/cdk": "^22.2.4"
+      },
+      "registryDependencies": [
+        "utils/cn",
+        "utils/control-styles"
+      ]
+    },
+    "option-list": {
+      "type": "util",
+      "files": [
+        "components/option-list/option-list.ts",
+        "components/option-list/index.ts"
+      ],
+      "peerDependencies": {
+        "@angular/aria": "^22.2.4"
+      },
+      "registryDependencies": [
+        "utils/cn"
+      ]
+    },
     "theme": {
       "type": "theme",
       "files": [
@@ -149,7 +177,7 @@
         "components/context-menu/index.ts"
       ],
       "peerDependencies": {
-        "@angular/cdk": "^22.2.0"
+        "@angular/cdk": "^22.2.4"
       },
       "cssImports": [
         "@angular/cdk/overlay-prebuilt.css"
@@ -167,7 +195,7 @@
         "components/dialog/index.ts"
       ],
       "peerDependencies": {
-        "@angular/cdk": "^22.2.0"
+        "@angular/cdk": "^22.2.4"
       },
       "cssImports": [
         "@angular/cdk/overlay-prebuilt.css"
@@ -188,7 +216,7 @@
         "class-variance-authority": "^0.7.1"
       },
       "peerDependencies": {
-        "@angular/aria": "^22.2.0"
+        "@angular/aria": "^22.2.4"
       },
       "registryDependencies": [
         "utils/cn",
@@ -207,7 +235,7 @@
         "class-variance-authority": "^0.7.1"
       },
       "peerDependencies": {
-        "@angular/cdk": "^22.2.0"
+        "@angular/cdk": "^22.2.4"
       },
       "registryDependencies": [
         "button",
@@ -228,7 +256,7 @@
         "class-variance-authority": "^0.7.1"
       },
       "peerDependencies": {
-        "@angular/cdk": "^22.2.0"
+        "@angular/cdk": "^22.2.4"
       },
       "registryDependencies": [
         "button",
@@ -237,6 +265,238 @@
         "utils/cn"
       ]
     },
+    "input-mask": {
+      "type": "component",
+      "files": [
+        "components/input-mask/input-mask.ts",
+        "components/input-mask/index.ts"
+      ],
+      "peerDependencies": {
+        "@angular/forms": "^22.0.0"
+      },
+      "registryDependencies": [
+        "utils/cn",
+        "utils/field-state"
+      ]
+    },
+    "input-otp": {
+      "type": "component",
+      "files": [
+        "components/input-otp/input-otp.ts",
+        "components/input-otp/index.ts"
+      ],
+      "peerDependencies": {
+        "@angular/forms": "^22.0.0"
+      },
+      "registryDependencies": [
+        "utils/cn",
+        "utils/field-state"
+      ]
+    },
+    "number-input": {
+      "type": "component",
+      "files": [
+        "components/number-input/number-input.ts",
+        "components/number-input/number-input-texts.ts",
+        "components/number-input/index.ts"
+      ],
+      "peerDependencies": {
+        "@angular/forms": "^22.0.0"
+      },
+      "registryDependencies": [
+        "utils/cn",
+        "utils/field-state"
+      ]
+    },
+    "password": {
+      "type": "component",
+      "files": [
+        "components/password/password.ts",
+        "components/password/password-texts.ts",
+        "components/password/index.ts"
+      ],
+      "peerDependencies": {
+        "@angular/cdk": "^22.2.4"
+      },
+      "registryDependencies": [
+        "input",
+        "utils/cn",
+        "utils/control-styles"
+      ]
+    },
+    "progress": {
+      "type": "component",
+      "files": [
+        "components/progress/progress.ts",
+        "components/progress/index.ts"
+      ],
+      "registryDependencies": [
+        "utils/cn"
+      ]
+    },
+    "slider": {
+      "type": "component",
+      "files": [
+        "components/slider/slider.ts",
+        "components/slider/slider-texts.ts",
+        "components/slider/index.ts"
+      ],
+      "peerDependencies": {
+        "@angular/cdk": "^22.2.4",
+        "@angular/forms": "^22.0.0"
+      },
+      "registryDependencies": [
+        "utils/cn",
+        "utils/control-styles",
+        "utils/field-state"
+      ]
+    },
+    "combobox": {
+      "type": "component",
+      "files": [
+        "components/combobox/combobox.ts",
+        "components/combobox/combobox-texts.ts",
+        "components/combobox/index.ts"
+      ],
+      "peerDependencies": {
+        "@angular/aria": "^22.2.4",
+        "@angular/cdk": "^22.2.4",
+        "@angular/forms": "^22.0.0"
+      },
+      "cssImports": [
+        "@angular/cdk/overlay-prebuilt.css"
+      ],
+      "registryDependencies": [
+        "chip",
+        "option-list",
+        "utils/cn",
+        "utils/field-state",
+        "utils/overlay"
+      ]
+    },
+    "calendar": {
+      "type": "component",
+      "files": [
+        "components/calendar/calendar.ts",
+        "components/calendar/calendar-texts.ts",
+        "components/calendar/dates.ts",
+        "components/calendar/index.ts"
+      ],
+      "peerDependencies": {
+        "@angular/cdk": "^22.2.4"
+      },
+      "registryDependencies": [
+        "utils/cn",
+        "utils/control-styles"
+      ]
+    },
+    "date-picker": {
+      "type": "component",
+      "files": [
+        "components/date-picker/date-picker.ts",
+        "components/date-picker/index.ts"
+      ],
+      "peerDependencies": {
+        "@angular/forms": "^22.0.0"
+      },
+      "registryDependencies": [
+        "calendar",
+        "popover",
+        "utils/cn",
+        "utils/control-styles",
+        "utils/field-state"
+      ]
+    },
+    "date-range": {
+      "type": "component",
+      "files": [
+        "components/date-range/date-range.ts",
+        "components/date-range/index.ts"
+      ],
+      "peerDependencies": {
+        "@angular/forms": "^22.0.0"
+      },
+      "registryDependencies": [
+        "calendar",
+        "date-picker",
+        "popover",
+        "utils/cn",
+        "utils/control-styles",
+        "utils/field-state"
+      ]
+    },
+    "file-upload": {
+      "type": "component",
+      "files": [
+        "components/file-upload/file-upload.ts",
+        "components/file-upload/file-upload-texts.ts",
+        "components/file-upload/index.ts"
+      ],
+      "peerDependencies": {
+        "@angular/cdk": "^22.2.4",
+        "@angular/forms": "^22.0.0"
+      },
+      "registryDependencies": [
+        "button",
+        "progress",
+        "utils/cn",
+        "utils/control-styles",
+        "utils/field-state"
+      ]
+    },
+    "color-picker": {
+      "type": "component",
+      "files": [
+        "components/color-picker/color-picker.ts",
+        "components/color-picker/color-picker-texts.ts",
+        "components/color-picker/color.ts",
+        "components/color-picker/index.ts"
+      ],
+      "peerDependencies": {
+        "@angular/forms": "^22.0.0"
+      },
+      "registryDependencies": [
+        "input",
+        "popover",
+        "utils/cn",
+        "utils/control-styles",
+        "utils/field-state"
+      ]
+    },
+    "tags-input": {
+      "type": "component",
+      "files": [
+        "components/tags-input/tags-input.ts",
+        "components/tags-input/tags-input-texts.ts",
+        "components/tags-input/index.ts"
+      ],
+      "peerDependencies": {
+        "@angular/forms": "^22.0.0"
+      },
+      "registryDependencies": [
+        "chip",
+        "utils/cn",
+        "utils/field-state"
+      ]
+    },
+    "toggle-group": {
+      "type": "component",
+      "files": [
+        "components/toggle-group/toggle-group.ts",
+        "components/toggle-group/index.ts"
+      ],
+      "dependencies": {
+        "class-variance-authority": "^0.7.1"
+      },
+      "peerDependencies": {
+        "@angular/cdk": "^22.2.4",
+        "@angular/forms": "^22.0.0"
+      },
+      "registryDependencies": [
+        "utils/cn",
+        "utils/control-styles"
+      ]
+    },
     "toolbar": {
       "type": "component",
       "files": [
@@ -247,7 +507,7 @@
         "class-variance-authority": "^0.7.1"
       },
       "peerDependencies": {
-        "@angular/cdk": "^22.2.0"
+        "@angular/cdk": "^22.2.4"
       },
       "registryDependencies": [
         "utils/cn",
@@ -261,7 +521,7 @@
         "components/dropdown-menu/index.ts"
       ],
       "peerDependencies": {
-        "@angular/cdk": "^22.2.0"
+        "@angular/cdk": "^22.2.4"
       },
       "cssImports": [
         "@angular/cdk/overlay-prebuilt.css"
@@ -307,7 +567,7 @@
         "components/popover/index.ts"
       ],
       "peerDependencies": {
-        "@angular/cdk": "^22.2.0"
+        "@angular/cdk": "^22.2.4"
       },
       "cssImports": [
         "@angular/cdk/overlay-prebuilt.css"
@@ -325,8 +585,8 @@
         "components/select/index.ts"
       ],
       "peerDependencies": {
-        "@angular/aria": "^22.2.0",
-        "@angular/cdk": "^22.2.0",
+        "@angular/aria": "^22.2.4",
+        "@angular/cdk": "^22.2.4",
         "@angular/forms": "^22.0.0"
       },
       "cssImports": [
@@ -385,7 +645,7 @@
         "components/tooltip/index.ts"
       ],
       "peerDependencies": {
-        "@angular/cdk": "^22.2.0"
+        "@angular/cdk": "^22.2.4"
       },
       "cssImports": [
         "@angular/cdk/overlay-prebuilt.css"

package/dist/templates/components/calendar/calendar-texts.ts

@@ -0,0 +1,72 @@
+import { InjectionToken, type Provider } from '@angular/core';
+
+/*
+ * Textos del calendario, del Date Picker y del Date Range, en archivo propio: así se pueden
+ * proveer en `app.config.ts` sin llevar los componentes al chunk inicial. Los nombres de meses y
+ * días no van aquí: salen de `Intl.DateTimeFormat` con el idioma.
+ */
+
+export interface MimiDatePickerText {
+  /** Nombre del panel del Date Picker. */
+  pickDate: string;
+  /** Nombre del panel del Date Range. */
+  pickRange: string;
+  /** Botones de mes (o año, o página de años) anterior y siguiente. */
+  previous: string;
+  next: string;
+  /** Botón del título, que cambia la vista (días → meses → años). */
+  changeView: string;
+  /** Leyenda del punto de hoy. */
+  today: string;
+  /** Botón que lleva al mes de hoy. */
+  goToday: string;
+  /** Se agrega al nombre de un día que no se puede elegir. */
+  unavailable: string;
+  /** Ayuda del rango con el inicio elegido. */
+  pickEnd: string;
+  /** Ayuda del rango sin elegir o con el periodo completo. */
+  pickStart: string;
+  /** Cuenta de días del rango: «7 días». */
+  days: (count: number) => string;
+}
+
+/** Textos predeterminados (inglés). */
+export const MIMI_DATE_PICKER_TEXT_EN: MimiDatePickerText = {
+  pickDate: 'Choose date',
+  pickRange: 'Choose period',
+  previous: 'Previous',
+  next: 'Next',
+  changeView: 'Change view',
+  today: 'Today',
+  goToday: 'Go to today',
+  unavailable: 'unavailable',
+  pickEnd: 'Choose the end date.',
+  pickStart: 'Click a day to start a new period.',
+  days: (count) => `${count} ${count === 1 ? 'day' : 'days'}`,
+};
+
+/** Textos en español: `provideMimiDatePickerText(MIMI_DATE_PICKER_TEXT_ES)`. */
+export const MIMI_DATE_PICKER_TEXT_ES: MimiDatePickerText = {
+  pickDate: 'Elegir fecha',
+  pickRange: 'Elegir periodo',
+  previous: 'Anterior',
+  next: 'Siguiente',
+  changeView: 'Cambiar vista',
+  today: 'Hoy',
+  goToday: 'Ir a hoy',
+  unavailable: 'no disponible',
+  pickEnd: 'Elige el día final.',
+  pickStart: 'Haz clic en un día para empezar un periodo nuevo.',
+  days: (count) => `${count} ${count === 1 ? 'día' : 'días'}`,
+};
+
+/** Textos activos. Sin `provideMimiDatePickerText`, los predeterminados en inglés. */
+export const MIMI_DATE_PICKER_TEXT = new InjectionToken<MimiDatePickerText>(
+  'MIMI_DATE_PICKER_TEXT',
+  { providedIn: 'root', factory: () => MIMI_DATE_PICKER_TEXT_EN },
+);
+
+/** Cambia los textos del calendario, el Date Picker y el Date Range. Lo que no definas sigue en inglés. */
+export function provideMimiDatePickerText(text: Partial<MimiDatePickerText>): Provider {
+  return { provide: MIMI_DATE_PICKER_TEXT, useValue: { ...MIMI_DATE_PICKER_TEXT_EN, ...text } };
+}