@skalar-saas/design-system 0.3.9 → 0.3.11

package/dist/shared/ui/IconPicker/IconPicker.d.ts

@@ -0,0 +1,50 @@
+import React from "react";
+/** Renderiza un icono de iconsax por su **nombre** (ej. "Home"). Devuelve `null` si no existe.
+ *  Úsalo para pintar iconos que se guardan como string (p. ej. el `icon` de un ítem de menú). */
+export declare const IconByName: {
+    ({ name, size, color, className, }: {
+        name?: string;
+        size?: number | string;
+        color?: string;
+        className?: string;
+    }): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export interface IconPickerProps {
+    /** Nombre del icono seleccionado (p. ej. "Home"). */
+    value?: string;
+    /** Se dispara con el nombre del icono elegido. */
+    onChange: (iconName: string) => void;
+    /** Placeholder del buscador. */
+    searchPlaceholder?: string;
+    /** Alto del área de grid (px). Default 280. */
+    gridHeight?: number;
+    className?: string;
+}
+/** Selector de icono SIEMPRE visible: buscador + grid virtualizado de iconos de iconsax. */
+export declare const IconPicker: {
+    ({ value, onChange, searchPlaceholder, gridHeight, className, }: IconPickerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export interface DropIconPickerProps {
+    value?: string;
+    onChange: (iconName: string) => void;
+    children: React.ReactNode;
+}
+declare const DropIconPicker: {
+    ({ children, value, onChange }: DropIconPickerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DropIconPickerTrigger: {
+    ({ children }: {
+        children: React.ReactElement<Record<string, unknown>>;
+    }): React.ReactElement<Record<string, unknown>, string | React.JSXElementConstructor<any>>;
+    displayName: string;
+};
+declare const DropIconPickerContent: {
+    ({ className }: {
+        className?: string;
+    }): React.ReactPortal | null;
+    displayName: string;
+};
+export { DropIconPicker, DropIconPickerTrigger, DropIconPickerContent };

package/dist/shared/ui/IconPicker/index.d.ts

@@ -0,0 +1 @@
+export * from "./IconPicker";

package/dist/shared/ui/MenuBuilder/MenuItemEditor.d.ts

@@ -6,7 +6,7 @@ export interface MenuItemEditPatch {
 }
 export interface MenuItemEditorProps {
     item: MenuBuilderItem;
-    /** Opciones de icono para el desplegable (id + etiqueta). */
+    /** @deprecated El icono ahora se elige con el `IconPicker` (iconsax); ya no se usa. */
     iconOptions?: {
         id: string;
         label: string;
@@ -16,4 +16,4 @@ export interface MenuItemEditorProps {
     onSave: (patch: MenuItemEditPatch) => void;
 }
 /** Editor de un ítem (nombre / icono / acción) en un popover anclado al botón de editar. */
-export declare const MenuItemEditor: ({ item, iconOptions, labelOnly, onSave }: MenuItemEditorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuItemEditor: ({ item, labelOnly, onSave }: MenuItemEditorProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skalar-saas/design-system",
-  "version": "0.3.9",
+  "version": "0.3.11",
   "type": "module",
   "description": "Skalar Design System - UI component library",
   "author": "Skalar Team",