@umodeapporg/ui 0.0.0-canary.ca10e69

package/README.md

@@ -0,0 +1,78 @@
+# @umodeapporg/ui
+
+A biblioteca de componentes e o design system da **uMode**: os componentes React, os tokens de
+tema (claro/escuro), o preset Tailwind, o movimento e os helpers que dão a cara do uMode
+Dashboard a qualquer aplicação.
+
+- **Pacote**: [`@umodeapporg/ui` no npm](https://www.npmjs.com/package/@umodeapporg/ui) (registry público, sem token)
+- **Repositório**: [UmodeApp/umode-ui](https://github.com/UmodeApp/umode-ui)
+
+```bash
+npm install @umodeapporg/ui
+```
+
+## O que vem dentro
+
+| Área                    | Conteúdo                                                                                                                                                                                                   |
+| ----------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `components/Form`       | `ControlledButton`, `ControlledInput`, `ControlledSelect`, `ControlledDialog`, `ControlledDrawer`, `ControlledTabs`, `ControlledImage`, `RichTextEditor`...                                                |
+| `components/UI`         | `DataTable`, `NoDataFound`, `OutlinedChip`, `ControlledTooltip`, `ControlledMenu`/`Popover`, `MaterialSymbol`, `Toast`, `ImageAnnotator`, `CustomChart`...                                                 |
+| `components/Search`     | `UnifiedSearchBar` e a arquitetura de filtros (`FiltersPanel`)                                                                                                                                             |
+| `components/Navigation` | `PageTitle` (breadcrumb automático via porta), `ControlledBreadcrumb`, `ErrorPage`                                                                                                                         |
+| Design system           | `@umodeapporg/ui/tailwind-preset`, `@umodeapporg/ui/theme.css` (tokens dos dois temas), `@umodeapporg/ui/base.css` (camada base completa), `@umodeapporg/ui/styles.css`                                    |
+| Infra de UI             | hooks puros (`useResolvedTheme`, `useBreakpoint`, `useNotification`...), helpers puros (`formatNumber`, `capitalize`, `generateUUID`...), presets de motion, locales `pt`/`en` (`@umodeapporg/ui/locales`) |
+
+Import raso para as primitivas comuns (`import { ControlledButton } from '@umodeapporg/ui'`)
+ou profundo para qualquer módulo (`@umodeapporg/ui/components/UI/DataTable`).
+
+## Começando
+
+O guia completo para montar um app novo com a identidade uMode (preset, `base.css`, fontes,
+boot de tema sem flash, i18n, portas) é o **[.claude/APP-INTEGRATION.md](./.claude/APP-INTEGRATION.md)**. O mínimo:
+
+```js
+// tailwind.config.js
+import preset from '@umodeapporg/ui/tailwind-preset';
+export default {
+  presets: [preset],
+  content: ['./index.html', './src/**/*.{ts,tsx}', './node_modules/@umodeapporg/ui/dist/**/*.js'],
+};
+```
+
+```ts
+// entry
+import '@umodeapporg/ui/styles.css';
+import './index.css'; // @import '@umodeapporg/ui/base.css';
+```
+
+## As regras
+
+Este repositório é dirigido por documentação de regras (usada por pessoas e por agentes):
+
+| Doc                                                                                                          | Responde                                                                                  |
+| ------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------- |
+| [CLAUDE.md](./CLAUDE.md)                                                                                     | O índice e as regras críticas                                                             |
+| [.claude/VISUAL-IDENTITY.md](./.claude/VISUAL-IDENTITY.md)                                                   | O que faz algo parecer uMode: marca, claro/escuro, contraste, coordenação, ciclos de vida |
+| [.claude/APP-INTEGRATION.md](./.claude/APP-INTEGRATION.md)                                                   | App novo do zero, passo a passo                                                           |
+| [.claude/COMPONENTS.md](./.claude/COMPONENTS.md)                                                             | O catálogo: qual peça para qual trabalho                                                  |
+| [.claude/THEMING.md](./.claude/THEMING.md) / [MOTION.md](./.claude/MOTION.md) / [I18N.md](./.claude/I18N.md) | Tokens, movimento e i18n em profundidade                                                  |
+| [.claude/NEW-COMPONENT.md](./.claude/NEW-COMPONENT.md)                                                       | Como nasce um componente                                                                  |
+| [.claude/RELEASE.md](./.claude/RELEASE.md)                                                                   | Releases automáticos                                                                      |
+
+## Desenvolvimento e release
+
+```bash
+npm ci
+npm run dev          # playground (claro/escuro) em localhost
+npm run lint && npm run audit:theme && npm run build
+```
+
+Merge na `main` **é** o release: o semantic-release lê os Conventional Commits, calcula a
+versão (`fix`/`perf`/`refactor` patch, `feat` minor, `feat!` major), publica no npm, cria a
+tag e o changelog. PRs entram por squash com título conventional. Para testar uma PR num app
+antes do merge, a label `canary` publica `0.0.0-canary.<sha>`.
+
+## Licença
+
+Código-fonte visível e pacote publicamente instalável; todos os direitos reservados à uMode
+(`UNLICENSED`). Uso fora de produtos uMode não é licenciado.

package/dist/assets/images/common-pngs/sparkles.png.js

@@ -0,0 +1,5 @@
+const Sparkles = "data:image/png;base64,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";
+export {
+  Sparkles as default
+};
+//# sourceMappingURL=sparkles.png.js.map

package/dist/assets/images/common-pngs/sparkles.png.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sparkles.png.js","sources":["../../../../src/assets/images/common-pngs/sparkles.png"],"sourcesContent":["export default \"data:image/png;base64,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\""],"names":[],"mappings":"AAAA,MAAA,WAAe;"}

package/dist/assets/umode-ui.css

@@ -0,0 +1,467 @@
+.virtualized-select-list {
+  scrollbar-width: thin;
+  scrollbar-color: rgb(var(--color-border-strong) / 0.55) transparent;
+}
+
+.virtualized-select-list::-webkit-scrollbar {
+  width: 7px;
+  height: 7px;
+}
+
+.virtualized-select-list::-webkit-scrollbar-thumb {
+  background-color: rgb(var(--color-border-strong) / 0.55);
+  border-radius: 10px;
+}
+
+.virtualized-select-list::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+
+.menu-list-search {
+  padding: 0 12px;
+  margin-bottom: 8px;
+}
+
+/* Correção para borda preta que aparece no select */
+[role='menu'],
+[role='menu'] *,
+[data-menu-list='true'],
+[data-menu-list='true'] * {
+  outline: none !important;
+}
+
+/* Estilos específicos para Material Tailwind Menu */
+[data-menu='true'] {
+  outline: none !important;
+}
+
+/* Remove outline de inputs dentro do menu, mas mantém border normal */
+[role='menu'] input,
+[role='menu'] input:focus,
+[role='menu'] input:hover {
+  outline: none !important;
+}
+
+/* Estilos específicos para o Input do ControlledSelect - remove apenas outline */
+.controlled-select-input {
+  outline: none !important;
+}
+
+.controlled-select-input:focus,
+.controlled-select-input:hover,
+.controlled-select-input:active {
+  outline: none !important;
+}
+
+.controlled-select-container {
+  outline: none !important;
+}
+
+.controlled-select-container:focus,
+.controlled-select-container:hover,
+.controlled-select-container:active {
+  outline: none !important;
+}
+
+/* Remove outline do Material Tailwind Input especificamente, mas mantém borders */
+.controlled-select-input input,
+.controlled-select-input input:focus,
+.controlled-select-input input:hover,
+.controlled-select-container input,
+.controlled-select-container input:focus,
+.controlled-select-container input:hover {
+  outline: none !important;
+}
+/* Sidebar expand/collapse motion.
+   Kept as plain CSS so the transitions are explicit and not affected by
+   Tailwind's transition-property utilities (which bundle their own duration). */
+
+.sidebar-aside {
+  width: 16rem;
+  transition: width 180ms ease-out;
+}
+
+.sidebar-aside.is-rail {
+  width: 4.5rem;
+}
+
+/* Floating overlay: while expanded by hover (not pinned) the panel sits above the
+   content instead of pushing it. This is the ONLY sidebar state where glass is honest,
+   because it is the only one with page content behind it; docked, the sidebar pushes the
+   layout and there is nothing to see through. */
+.sidebar-aside.is-floating,
+.sidebar-aside.is-mobile {
+  background-color: rgb(var(--glass-bg) / var(--glass-alpha));
+  backdrop-filter: blur(20px) saturate(var(--glass-saturate-strong));
+  box-shadow:
+    var(--shadow-lg),
+    inset 0 1px 0 0 rgb(var(--glass-highlight) / var(--glass-highlight-alpha));
+}
+
+@media (max-width: 639px) {
+  .sidebar-aside.is-mobile {
+    backdrop-filter: blur(12px) saturate(var(--glass-saturate-strong));
+  }
+}
+
+@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
+  .sidebar-aside.is-floating,
+  .sidebar-aside.is-mobile {
+    background-color: rgb(var(--color-surface-overlay));
+  }
+}
+
+@media (prefers-reduced-transparency: reduce) {
+  .sidebar-aside.is-floating,
+  .sidebar-aside.is-mobile {
+    background-color: rgb(var(--color-surface-overlay));
+    backdrop-filter: none;
+  }
+}
+
+/* Closed, the drawer is also `visibility: hidden` (out of the Tab order and the
+   accessibility tree even where `inert` is unsupported), flipped only once the slide-out
+   has finished; opening flips it back at once so the slide-in is visible. */
+.sidebar-aside.is-mobile {
+  width: 16rem;
+  visibility: visible;
+  transition:
+    transform 180ms ease-out,
+    visibility 0s linear 0s;
+}
+
+.sidebar-aside.is-mobile.is-hidden {
+  transform: translateX(-100%);
+  visibility: hidden;
+  transition:
+    transform 180ms ease-out,
+    visibility 0s linear 180ms;
+}
+
+.sidebar-content {
+  padding-left: 16rem;
+  transition: padding-left 180ms ease-out;
+}
+
+.sidebar-content.is-rail {
+  padding-left: 4.5rem;
+}
+
+.sidebar-content.is-mobile {
+  padding-left: 0;
+}
+
+.sidebar-rail-slot {
+  width: 4.5rem;
+}
+
+.sidebar-label {
+  white-space: nowrap;
+  transition:
+    opacity 150ms ease-out 60ms,
+    transform 150ms ease-out 60ms;
+}
+
+.sidebar-label.is-collapsed {
+  opacity: 0;
+  transform: translateX(-4px);
+  pointer-events: none;
+  transition:
+    opacity 120ms ease-out,
+    transform 120ms ease-out;
+}
+
+.sidebar-chevron {
+  transition:
+    opacity 150ms ease-out 60ms,
+    transform 180ms ease-out;
+}
+
+.sidebar-chevron.is-collapsed {
+  opacity: 0;
+}
+
+.sidebar-chevron.is-open {
+  transform: rotate(90deg);
+}
+
+.sidebar-submenu {
+  overflow: hidden;
+  transition: max-height 200ms ease-out;
+}
+
+/* Delicate Notion-style scrollbar: thin, semi-transparent, no visible track,
+   revealed on hover of the panel. The gutter is reserved so content never
+   shifts when the thumb appears. */
+.sidebar-scroll {
+  scrollbar-gutter: stable;
+  scrollbar-width: thin;
+  scrollbar-color: transparent transparent;
+}
+
+.sidebar-scroll:hover,
+.sidebar-scroll:focus-within {
+  scrollbar-color: rgb(var(--color-border-strong) / 0.55) transparent;
+}
+
+.sidebar-scroll::-webkit-scrollbar {
+  width: 6px;
+}
+
+.sidebar-scroll::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.sidebar-scroll::-webkit-scrollbar-thumb {
+  background-color: transparent;
+  border-radius: 9999px;
+  -webkit-transition: background-color 200ms ease-out;
+  transition: background-color 200ms ease-out;
+}
+
+.sidebar-scroll:hover::-webkit-scrollbar-thumb,
+.sidebar-scroll:focus-within::-webkit-scrollbar-thumb {
+  background-color: rgb(var(--color-border-strong) / 0.55);
+}
+
+.sidebar-scroll::-webkit-scrollbar-thumb:hover {
+  background-color: rgb(var(--color-border-strong) / 0.85);
+}
+/* Custom Toast Styles - Material Design style */
+
+.Toastify__toast {
+  border-radius: 12px !important;
+  padding: 12px 16px !important;
+  min-height: 64px !important;
+  font-family: 'Inter', sans-serif !important;
+  /* Floats over the whole page and is transient: the tier where glass reads best.
+     The per-type tinted backgrounds below override the base fill, so the material
+     here is the blur + the edge + the inner highlight. */
+  backdrop-filter: blur(20px) saturate(var(--glass-saturate-strong));
+  box-shadow:
+    var(--shadow-lg),
+    inset 0 1px 0 0 rgb(var(--glass-highlight) / var(--glass-highlight-alpha)) !important;
+}
+
+@media (prefers-reduced-transparency: reduce) {
+  .Toastify__toast {
+    backdrop-filter: none;
+  }
+}
+
+.Toastify__toast--success {
+  background-color: rgb(var(--color-success-soft) / 0.92) !important;
+  color: rgb(var(--color-success-emphasis)) !important;
+  border: 1px solid rgb(var(--color-success-border)) !important;
+}
+
+.Toastify__toast--error {
+  background-color: rgb(var(--color-danger-soft) / 0.92) !important;
+  color: rgb(var(--color-danger-emphasis)) !important;
+  border: 1px solid rgb(var(--color-danger-border)) !important;
+}
+
+.Toastify__toast--warning {
+  background-color: rgb(var(--color-warning-soft) / 0.92) !important;
+  color: rgb(var(--color-warning-emphasis)) !important;
+  border: 1px solid rgb(var(--color-warning-border)) !important;
+}
+
+.Toastify__toast--info {
+  background-color: rgb(var(--color-info-soft) / 0.92) !important;
+  color: rgb(var(--color-info-emphasis)) !important;
+  border: 1px solid rgb(var(--color-info-border)) !important;
+}
+
+.Toastify__toast--default {
+  background-color: rgb(var(--color-primary-soft) / 0.92) !important;
+  color: rgb(var(--color-primary-emphasis)) !important;
+  border: 1px solid rgb(var(--color-primary-border)) !important;
+}
+
+.Toastify__toast-icon {
+  width: 24px !important;
+  margin-right: 12px !important;
+}
+
+.Toastify__close-button {
+  opacity: 0.7 !important;
+  align-self: center !important;
+}
+
+.Toastify__close-button:hover {
+  opacity: 1 !important;
+}
+
+.Toastify__progress-bar {
+  height: 3px !important;
+}
+
+.Toastify__progress-bar--success {
+  background: rgb(var(--color-success)) !important;
+}
+
+.Toastify__progress-bar--error {
+  background: rgb(var(--color-danger)) !important;
+}
+
+.Toastify__progress-bar--warning {
+  background: rgb(var(--color-warning)) !important;
+}
+
+.Toastify__progress-bar--info {
+  background: rgb(var(--color-info)) !important;
+}
+
+.Toastify__progress-bar--default {
+  background: rgb(var(--color-primary)) !important;
+}
+
+.toast-custom-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+
+.toast-custom-icon svg,
+.toast-custom-icon .material-symbols {
+  width: 1.25rem;
+  height: 1.25rem;
+  font-size: 1.25rem;
+}
+/* Theme bridge for @xyflow/react internals the components cannot reach with classes. */
+.umode-flow .react-flow__pane {
+  cursor: default;
+}
+
+.umode-flow .react-flow__background {
+  --xy-background-pattern-color: rgb(var(--color-border-subtle));
+}
+
+.umode-flow .umode-flow-handle {
+  width: 0.75rem;
+  height: 0.75rem;
+  border: 2px solid rgb(var(--color-surface));
+  background: rgb(var(--color-border-strong));
+}
+
+.umode-flow .umode-flow-handle.connectionindicator:hover,
+.umode-flow .umode-flow-handle.connectingto {
+  background: rgb(var(--color-primary));
+}
+
+.umode-flow .umode-flow-edge-path {
+  stroke: rgb(var(--color-border-strong));
+  stroke-width: 1.5;
+  transition: stroke 140ms ease-out;
+}
+
+.umode-flow .umode-flow-edge-path--selected {
+  stroke: rgb(var(--color-primary));
+  stroke-width: 2;
+}
+
+.umode-flow .umode-flow-edge-path--traversed {
+  stroke: rgb(var(--color-primary));
+  stroke-width: 2.5;
+}
+
+.umode-flow .umode-flow-edge-path--warning {
+  stroke: rgb(var(--color-warning));
+}
+
+.umode-flow .umode-flow-edge-path--error {
+  stroke: rgb(var(--color-danger));
+  stroke-dasharray: 6 4;
+}
+
+.umode-flow .react-flow__minimap {
+  background: rgb(var(--color-surface));
+  border: 1px solid rgb(var(--color-border));
+  border-radius: 0.75rem;
+  overflow: hidden;
+}
+
+.umode-flow .react-flow__minimap-mask {
+  fill: rgb(var(--color-muted) / 0.7);
+}
+
+.umode-flow .react-flow__minimap-node {
+  fill: rgb(var(--color-border-emphasis));
+  stroke: none;
+}
+
+.umode-flow .react-flow__connectionline path {
+  stroke: rgb(var(--color-primary));
+  stroke-width: 2;
+}
+
+.umode-flow .umode-flow-arc {
+  stroke: rgb(var(--color-border-strong));
+  stroke-width: 1.5;
+  fill: none;
+  transition: stroke 140ms ease-out;
+}
+
+.umode-flow .umode-flow-arc--warning {
+  stroke: rgb(var(--color-warning));
+}
+
+.umode-flow .umode-flow-arc--danger {
+  stroke: rgb(var(--color-danger));
+}
+
+.umode-flow .umode-flow-arc--dashed {
+  stroke-dasharray: 6 4;
+}
+
+.umode-flow .umode-flow-arc--selected,
+.umode-flow .react-flow__edge:hover .umode-flow-arc {
+  stroke: rgb(var(--color-primary));
+  stroke-width: 2.5;
+}
+
+.umode-flow .react-flow__edge {
+  cursor: pointer;
+}
+
+.umode-flow .react-flow__arrowhead polyline {
+  stroke: rgb(var(--color-border-strong));
+  fill: rgb(var(--color-border-strong));
+}
+
+.umode-flow .react-flow__selection {
+  background: rgb(var(--color-primary) / 0.08);
+  border: 1px solid rgb(var(--color-primary) / 0.6);
+  border-radius: 0.25rem;
+}
+
+/* The box xyflow draws around a marquee selection sits over the blocks and swallows the click that
+   should pick one of them. Dragging any selected block already moves the whole selection. */
+.umode-flow .react-flow__nodesselection {
+  display: none;
+}
+
+.umode-flow--drawing .react-flow__pane {
+  cursor: crosshair;
+}
+
+.umode-flow .umode-flow-annotation-handle {
+  width: 0.5rem;
+  height: 0.5rem;
+  border: 1.5px solid rgb(var(--color-primary));
+  border-radius: 0.125rem;
+  background: rgb(var(--color-surface));
+}
+
+.umode-flow .umode-flow-annotation-line {
+  border-color: transparent;
+}
+
+.umode-flow .umode-flow-annotation-text {
+  font-family: 'Virgil', 'Segoe Print', 'Bradley Hand', cursive;
+}

package/dist/components/DateTime/DatePicker.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+export interface IDatePickerProps {
+    /** Reaches the field itself, so a `FieldLabel` can point at it. */
+    id?: string;
+    label?: string;
+    /** Text shown inside the empty input. Falls back to the label for the historical behavior. */
+    placeholder?: string;
+    onUpdate: (value: string | undefined) => void;
+    disabled?: boolean;
+    minDate?: string;
+    maxDate?: string;
+    useIcon?: boolean;
+    valueRender?: () => React.ReactNode;
+    startValue?: Date;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    /** Extra classes for the inner input, which is a `ControlledInput` like any other field. */
+    inputClassName?: string;
+}
+declare const DatePicker: React.FC<IDatePickerProps>;
+export default DatePicker;