forlogic-core 3.0.10 → 4.0.0

package/dist/tailwind/index.js

@@ -12,19 +12,83 @@ const forlogicTailwindPreset = {
     },
     extend: {
       fontFamily: {
-        sans: ["Inter", "Roboto", "-apple-system", "BlinkMacSystemFont", '"Segoe UI"', '"Helvetica Neue"', "Arial", "sans-serif"],
+        // 1ª opção: Roobert Pro · 2ª opção oficial: Inter (fallback imediato)
+        sans: ["Roobert", '"Roobert Pro"', "Inter", '"Inter var"', "-apple-system", "BlinkMacSystemFont", '"Segoe UI"', '"Helvetica Neue"', "Arial", "sans-serif"],
+        // Alternativa oficial isolada: font-alt
+        alt: ["Inter", '"Inter var"', "-apple-system", "BlinkMacSystemFont", '"Segoe UI"', '"Helvetica Neue"', "Arial", "sans-serif"],
         mono: ['"Roboto Mono"', "Menlo", "Monaco", '"Courier New"', "monospace"]
       },
       colors: {
         border: "hsl(var(--border))",
-        input: "hsl(var(--input))",
+        input: {
+          DEFAULT: "hsl(var(--input))",
+          hover: "hsl(var(--input-hover))",
+          active: "hsl(var(--input-active))"
+        },
+        control: {
+          DEFAULT: "hsl(var(--control-surface))",
+          hover: "hsl(var(--control-surface-hover))",
+          active: "hsl(var(--control-surface-active))",
+          selected: "hsl(var(--control-surface-selected))",
+          disabled: "hsl(var(--control-surface-disabled))",
+          foreground: "hsl(var(--control-foreground))",
+          placeholder: "hsl(var(--control-placeholder))",
+          "disabled-foreground": "hsl(var(--control-foreground-disabled))",
+          "disabled-border": "hsl(var(--control-border-disabled))",
+          ring: "hsl(var(--control-ring))",
+          danger: "hsl(var(--control-danger))",
+          "danger-surface": "hsl(var(--control-danger-surface))",
+          success: "hsl(var(--control-success))",
+          "success-surface": "hsl(var(--control-success-surface))",
+          warning: "hsl(var(--control-warning))",
+          "warning-surface": "hsl(var(--control-warning-surface))",
+          loading: "hsl(var(--control-loading))",
+          "loading-surface": "hsl(var(--control-loading-surface))",
+          "loading-border": "hsl(var(--control-loading-border))",
+          "loading-track": "hsl(var(--control-loading-track))"
+        },
+        surface: {
+          border: "hsl(var(--surface-border))",
+          "border-hover": "hsl(var(--surface-border-hover))",
+          "border-strong": "hsl(var(--surface-border-strong))",
+          hover: "hsl(var(--surface-hover))",
+          active: "hsl(var(--surface-active))",
+          selected: "hsl(var(--surface-selected))",
+          sunken: "hsl(var(--surface-sunken))",
+          "sunken-foreground": "hsl(var(--surface-sunken-foreground))"
+        },
         ring: "hsl(var(--ring))",
+        /**
+         * Tons semânticos de topo (`text-danger`, `bg-danger-surface`, ...).
+         * Espelham os tokens `--control-*` — padrão do DS é `danger`, nunca
+         * `destructive`. Usados por formulários, menus e ações de linha.
+         */
+        danger: {
+          DEFAULT: "hsl(var(--control-danger))",
+          surface: "hsl(var(--control-danger-surface))",
+          foreground: "hsl(var(--control-danger))"
+        },
         background: "hsl(var(--background))",
         foreground: "hsl(var(--foreground))",
+        navy: {
+          50: "hsl(var(--navy-50))",
+          100: "hsl(var(--navy-100))",
+          200: "hsl(var(--navy-200))",
+          300: "hsl(var(--navy-300))",
+          400: "hsl(var(--navy-400))",
+          500: "hsl(var(--navy-500))",
+          600: "hsl(var(--navy-600))",
+          700: "hsl(var(--navy-700))",
+          800: "hsl(var(--navy-800))",
+          900: "hsl(var(--navy-900))",
+          DEFAULT: "hsl(var(--navy-800))"
+        },
         primary: {
           DEFAULT: "hsl(var(--primary))",
           foreground: "hsl(var(--primary-foreground))",
           hover: "hsl(var(--primary-hover))",
+          active: "hsl(var(--primary-active))",
+          accent: "hsl(var(--primary-accent))",
           light: "hsl(var(--primary-light))"
         },
         secondary: {
@@ -35,6 +99,8 @@ const forlogicTailwindPreset = {
         destructive: {
           DEFAULT: "hsl(var(--destructive))",
           foreground: "hsl(var(--destructive-foreground))",
+          hover: "hsl(var(--destructive-hover))",
+          active: "hsl(var(--destructive-active))",
           light: "hsl(var(--destructive-light))"
         },
         muted: {
@@ -78,6 +144,9 @@ const forlogicTailwindPreset = {
           stripe: "hsl(var(--table-stripe))"
         }
       },
+      borderWidth: {
+        hairline: "var(--border-width-hairline, 0.8px)"
+      },
       borderRadius: {
         lg: "var(--radius)",
         md: "calc(var(--radius) - 2px)",
@@ -85,12 +154,14 @@ const forlogicTailwindPreset = {
       },
       keyframes: {
         "accordion-down": {
-          from: { height: "0" },
-          to: { height: "var(--radix-accordion-content-height)" }
+          from: { height: "0", opacity: "0" },
+          "35%": { opacity: "1" },
+          to: { height: "var(--radix-accordion-content-height)", opacity: "1" }
         },
         "accordion-up": {
-          from: { height: "var(--radix-accordion-content-height)" },
-          to: { height: "0" }
+          from: { height: "var(--radix-accordion-content-height)", opacity: "1" },
+          "55%": { opacity: "0" },
+          to: { height: "0", opacity: "0" }
         },
         fadeIn: {
           from: { opacity: "0" },
@@ -110,8 +181,8 @@ const forlogicTailwindPreset = {
         }
       },
       animation: {
-        "accordion-down": "accordion-down 0.2s ease-out",
-        "accordion-up": "accordion-up 0.2s ease-out",
+        "accordion-down": "accordion-down 440ms cubic-bezier(0.32, 0.72, 0, 1)",
+        "accordion-up": "accordion-up 320ms cubic-bezier(0.32, 0.72, 0, 1)",
         "fade-in": "fadeIn 0.5s ease-out",
         "slide-up": "slideUp 0.3s ease-out",
         "slide-down": "slideDown 0.3s ease-out",

package/dist/types/sidebar.d.ts

@@ -44,9 +44,33 @@ export interface SidebarNavigationItem {
     children?: SidebarNavigationItem[];
     type?: 'separator';
 }
+/** Busca global do app — vive na sidebar por padrão (esqueleto canônico v1). */
+export interface SidebarSearchConfig {
+    /** Desliga a busca global desta sidebar (padrão: ligada) */
+    enabled?: boolean;
+    /** Placeholder do campo (padrão: 'Procurar...') */
+    placeholder?: string;
+    /** Query param sincronizado (padrão: 'search') */
+    paramName?: string;
+}
+/** Bloco de feature em destaque (CTA) exibido acima da lista de navegação. */
+export interface SidebarFeatureCtaConfig {
+    id: string;
+    label: string;
+    description?: string;
+    icon?: LucideIcon;
+    path?: string;
+    onClick?: () => void;
+}
 export interface SidebarConfig {
     appName?: string;
     navigation?: SidebarNavigationItem[];
     /** Ações principais do módulo (exibidas com destaque acima da navegação) */
     moduleActions?: SidebarActionsConfig;
+    /** Busca global do app (ligada por padrão) */
+    search?: SidebarSearchConfig;
+    /** Features em destaque (CTA) acima da navegação */
+    featureCtas?: SidebarFeatureCtaConfig[];
+    /** Rodapé segregado: features verticais e botões de usabilidade */
+    footerItems?: SidebarNavigationItem[];
 }

package/dist/types.d.ts

@@ -291,6 +291,10 @@ export interface BulkAction<T extends BaseEntity> {
     disabled?: boolean;
     /** Motivo do bloqueio (exibido em tooltip quando disabled=true) */
     disabledReason?: string;
+    /** Atalho de teclado exibido no menu de overflow (ex.: `Delete`). */
+    shortcut?: string;
+    /** Ações aninhadas — renderizam submenu com seta (ex.: Exportar → PDF/Excel). */
+    children?: BulkAction<T>[];
 }
 export interface CrudPageConfig<T extends CrudEntity> {
     entityName: string;

package/dist/versioning/DsVersionSwitch.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Controle de versão do Design System — "Retornar versão".
+ *
+ * Componente headless-friendly: usa apenas Button + tokens do DS.
+ * Coloque-o no header (ou em Configurações) do app hospedeiro.
+ */
+import * as React from 'react';
+export interface DsVersionSwitchProps {
+    /** Mostra o selo indicando a versão ativa. Padrão: true. */
+    showBadge?: boolean;
+    /** Rótulos customizáveis (o app hospedeiro pode traduzir). */
+    labels?: {
+        beta?: string;
+        legacy?: string;
+        toLegacy?: string;
+        toBeta?: string;
+    };
+    className?: string;
+}
+export declare function DsVersionSwitch({ showBadge, labels, className }: DsVersionSwitchProps): React.JSX.Element;

package/dist/versioning/index.d.ts

@@ -0,0 +1,12 @@
+export { DsVersionProvider, useDsVersion, DS_VERSION_STORAGE_KEY, DS_VERSION_ATTRIBUTE, } from './version-context';
+export type { DsVersion, DsVersionState, DsVersionProviderProps } from './version-context';
+export { versioned, useVersionedValue, DsVersionGate } from './resolve-versioned';
+export { DsVersionSwitch } from './DsVersionSwitch';
+export type { DsVersionSwitchProps } from './DsVersionSwitch';
+export { DS_MIGRATION_REGISTRY, LEGACY_INDEX } from './registry';
+export type { MappingEntry, MappingStatus } from './registry';
+/** Componentes com par v1/v2 — resolvem em runtime pela versão ativa do DS. */
+export { Badge, StatusBadge, Accordion, PageHeader } from './versioned-components';
+/** Variante legada do topo informativo (tile de ícone + h1 + subtítulo). */
+export { PageHeaderWithIcon } from '../legacy/components/layout/PageHeader';
+export type { PageHeaderWithIconProps } from '../legacy/components/layout/PageHeader';