@iclips/ui 1.2.40 → 1.3.0

package/dist/components/ui/kanban-card.d.ts

@@ -1,42 +1,57 @@
 import * as React from "react";
-export interface TagCartaoKanban {
-    id: string;
-    label: string;
-    color?: string;
-}
-export interface ResponsavelCartaoKanban {
-    id: string;
-    name: string;
-    avatar?: string;
-    initials?: string;
-}
-export interface PropsCartaoKanban {
-    id: string;
+export type KanbanCardStatus = "on-time" | "overdue" | "no-date";
+export interface KanbanCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "onClick"> {
+    /** Ex: "#123 Job de Arte" — exibido no canto superior esquerdo */
+    headerLeft: string;
+    /** Nome do cliente — exibido no canto superior direito */
+    headerRight?: string;
+    /** Título principal da atividade */
     title: string;
-    description?: string;
-    coverImage?: string;
-    thumbnailImage?: string;
-    tags?: TagCartaoKanban[];
-    assignees?: ResponsavelCartaoKanban[];
-    priority?: "low" | "medium" | "high" | "urgent";
+    /** Subtítulo opcional — ex: nome da etapa/workflow */
+    subtitle?: string;
+    /** Data de fim da atividade */
     dueDate?: Date;
-    comments?: number;
-    attachments?: number;
-    checklist?: {
-        completed: number;
-        total: number;
-    };
-    progress?: number;
-    status?: string;
-    variant?: "default" | "compact" | "detailed";
+    /**
+     * Status visual do card. Se omitido, calculado automaticamente:
+     * !dueDate → "no-date" | dueDate < now → "overdue" | default → "on-time"
+     */
+    status?: KanbanCardStatus;
+    /** Aplica estilos de drag (opacity reduzida + shadow elevada) */
     isDragging?: boolean;
+    /** Callback de click no card — separado de HTMLAttributes para tipagem limpa */
     onClick?: () => void;
-    onEdit?: () => void;
-    onDelete?: () => void;
-    onDuplicate?: () => void;
-    className?: string;
 }
-export type KanbanCardProps = PropsCartaoKanban;
-export declare const KanbanCard: React.ForwardRefExoticComponent<PropsCartaoKanban & React.RefAttributes<HTMLDivElement>>;
+/**
+ * KanbanCard — Card de atividade para boards Kanban do domínio iClips.
+ *
+ * Exibe: referência do job, cliente, título, etapa, data de fim e indicador de status (no prazo / atrasada / sem data).
+ * Compatível com dnd-kit: aceita ref forwarding + spread de attributes/listeners diretamente via HTMLAttributes.
+ *
+ * @example
+ * ```tsx
+ * // Uso estático
+ * <KanbanCard
+ *   headerLeft="#45 Campanha Q3"
+ *   headerRight="Empresa Xpto"
+ *   title="Criar peças para mídia social"
+ *   subtitle="Design"
+ *   dueDate={new Date("2026-04-22T18:00:00")}
+ * />
+ *
+ * // Com dnd-kit
+ * const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({ id });
+ * <KanbanCard
+ *   ref={setNodeRef}
+ *   style={{ transform: CSS.Transform.toString(transform), transition }}
+ *   {...attributes}
+ *   {...listeners}
+ *   isDragging={isDragging}
+ *   headerLeft={card.tituloJob}
+ *   title={card.titulo}
+ *   onClick={handleClick}
+ * />
+ * ```
+ */
+export declare const KanbanCard: React.ForwardRefExoticComponent<KanbanCardProps & React.RefAttributes<HTMLDivElement>>;
 export default KanbanCard;
 //# sourceMappingURL=kanban-card.d.ts.map

package/dist/components/ui/kanban-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"kanban-card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/kanban-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,uBAAuB;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,eAAe,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACtC,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;IAChD,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE;QACV,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAGD,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC;AA6BhD,eAAO,MAAM,UAAU,0FA+RtB,CAAC;AAIF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"kanban-card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/kanban-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AAEjE,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACtG,kEAAkE;IAClE,UAAU,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,IAAI,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,iEAAiE;IACjE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAWD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,UAAU,wFA0GtB,CAAC;AAIF,eAAe,UAAU,CAAC"}

package/dist/components/ui/kanban-generic-card.d.ts

@@ -0,0 +1,43 @@
+import * as React from "react";
+export interface TagCartaoKanban {
+    id: string;
+    label: string;
+    color?: string;
+}
+export interface ResponsavelCartaoKanban {
+    id: string;
+    name: string;
+    avatar?: string;
+    initials?: string;
+}
+export interface PropsCartaoKanban {
+    id: string;
+    title: string;
+    description?: string;
+    coverImage?: string;
+    thumbnailImage?: string;
+    tags?: TagCartaoKanban[];
+    assignees?: ResponsavelCartaoKanban[];
+    priority?: "low" | "medium" | "high" | "urgent";
+    dueDate?: Date;
+    comments?: number;
+    attachments?: number;
+    checklist?: {
+        completed: number;
+        total: number;
+    };
+    progress?: number;
+    status?: string;
+    variant?: "default" | "compact" | "detailed";
+    isDragging?: boolean;
+    onClick?: () => void;
+    onEdit?: () => void;
+    onDelete?: () => void;
+    onDuplicate?: () => void;
+    className?: string;
+}
+export type KanbanGenericCardProps = PropsCartaoKanban;
+export type KanbanCardProps = PropsCartaoKanban;
+export declare const KanbanGenericCard: React.ForwardRefExoticComponent<PropsCartaoKanban & React.RefAttributes<HTMLDivElement>>;
+export default KanbanGenericCard;
+//# sourceMappingURL=kanban-generic-card.d.ts.map

package/dist/components/ui/kanban-generic-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kanban-generic-card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/kanban-generic-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,uBAAuB;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,eAAe,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACtC,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;IAChD,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE;QACV,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,CAAC;AAEvD,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC;AA6BhD,eAAO,MAAM,iBAAiB,0FA+R7B,CAAC;AAIF,eAAe,iBAAiB,CAAC"}

package/dist/components/ui/multi-select.d.ts

@@ -0,0 +1,85 @@
+import * as React from "react";
+export interface MultiSelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+    /** Slot para renderização customizada à direita do label — ex: <Badge>Externo</Badge> */
+    badge?: React.ReactNode;
+}
+export interface MultiSelectGroup {
+    label: string;
+    options: MultiSelectOption[];
+}
+export interface MultiSelectProps {
+    /** Valores atualmente selecionados */
+    value: string[];
+    /** Callback disparado ao alterar a seleção */
+    onValueChange: (values: string[]) => void;
+    /**
+     * Opções em lista plana.
+     * Use `options` OU `groups` — nunca os dois ao mesmo tempo.
+     */
+    options?: MultiSelectOption[];
+    /**
+     * Opções agrupadas hierarquicamente.
+     * Use `options` OU `groups` — nunca os dois ao mesmo tempo.
+     */
+    groups?: MultiSelectGroup[];
+    placeholder?: string;
+    searchPlaceholder?: string;
+    emptyMessage?: string;
+    disabled?: boolean;
+    /** Exibe estado de carregamento — substitui a lista por spinner */
+    loading?: boolean;
+    /**
+     * Número máximo de chips visíveis no trigger antes de exibir "+N".
+     * @default 2
+     */
+    maxVisibleChips?: number;
+    /**
+     * Callback de busca assíncrona — chamado a cada keystroke e ao abrir o dropdown.
+     * Quando presente, a filtragem local é desativada (o caller controla `options`/`groups`).
+     */
+    onSearch?: (query: string) => void;
+    className?: string;
+}
+/**
+ * MultiSelect — Seleção múltipla com chips, busca, grupos hierárquicos e slots de badge por opção.
+ *
+ * @example
+ * ```tsx
+ * // Lista plana
+ * <MultiSelect
+ *   value={selectedSquads}
+ *   onValueChange={setSelectedSquads}
+ *   options={squads.map(s => ({ value: String(s.id), label: s.name }))}
+ *   placeholder="Selecione os squads"
+ * />
+ *
+ * // Com badge por opção (ex: funcionários externos)
+ * <MultiSelect
+ *   value={selectedEmployees}
+ *   onValueChange={setSelectedEmployees}
+ *   options={employees.map(e => ({
+ *     value: String(e.id),
+ *     label: e.name,
+ *     badge: e.isExternalUser
+ *       ? <Badge variant="secondary" className="text-xs">Externo</Badge>
+ *       : undefined,
+ *   }))}
+ * />
+ *
+ * // Lista hierárquica (grupos de clientes)
+ * <MultiSelect
+ *   value={selectedClients}
+ *   onValueChange={setSelectedClients}
+ *   groups={customerGroups.map(g => ({
+ *     label: g.name,
+ *     options: g.children.map(c => ({ value: String(c.id), label: c.name })),
+ *   }))}
+ * />
+ * ```
+ */
+export declare function MultiSelect({ value, onValueChange, options, groups, placeholder, searchPlaceholder, emptyMessage, disabled, loading, maxVisibleChips, onSearch, className, }: MultiSelectProps): import("react/jsx-runtime").JSX.Element;
+export default MultiSelect;
+//# sourceMappingURL=multi-select.d.ts.map

package/dist/components/ui/multi-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-select.d.ts","sourceRoot":"","sources":["../../../src/components/ui/multi-select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yFAAyF;IACzF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,iBAAiB,EAAE,CAAC;CAC9B;AAED,MAAM,WAAW,gBAAgB;IAC/B,sCAAsC;IACtC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,8CAA8C;IAC9C,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAE1C;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC9B;;;OAGG;IACH,MAAM,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAE5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mEAAmE;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,aAAa,EACb,OAAO,EACP,MAAM,EACN,WAA4B,EAC5B,iBAA+B,EAC/B,YAA4C,EAC5C,QAAgB,EAChB,OAAe,EACf,eAAmB,EACnB,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,2CA2NlB;AAED,eAAe,WAAW,CAAC"}