@dybo-ai/design 1.0.1 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CLAUDE.md +17 -11
- package/README.md +12 -12
- package/dist/index.cjs +139 -24
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +54 -1
- package/dist/index.d.ts +54 -1
- package/dist/index.js +134 -25
- package/dist/index.js.map +1 -1
- package/package.json +8 -6
- package/portal-tokens.css +184 -0
- package/theme.css +284 -0
- package/tokens.cjs +132 -8
- package/tokens.json +74 -2
- package/tokens.mjs +130 -7
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/Button.tsx","../src/components/Card.tsx","../src/components/Input.tsx","../src/components/Badge.tsx","../src/components/AppShell.tsx","../src/components/Sidebar.tsx","../src/components/TopBar.tsx","../src/components/NavItem.tsx","../src/components/DataTable.tsx","../src/components/Tabs.tsx","../src/components/OverviewGrid.tsx","../src/components/Select.tsx","../src/components/Alert.tsx","../src/components/Modal.tsx","../src/components/LoginCard.tsx"],"names":["jsx","cx","jsxs","Fragment","useRef","useEffect","createPortal"],"mappings":"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","file":"index.cjs","sourcesContent":["import { type ButtonHTMLAttributes } from \"react\";\n\nexport type ButtonVariant = \"primary\" | \"secondary\" | \"ghost\" | \"danger\";\nexport type ButtonSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n variant?: ButtonVariant;\n size?: ButtonSize;\n loading?: boolean;\n}\n\nconst sizeClass: Record<ButtonSize, string> = {\n sm: \"dybo-btn--sm\",\n md: \"\",\n lg: \"dybo-btn--lg\",\n};\n\nconst cx = (...c: (string | undefined | false)[]) =>\n c.filter(Boolean).join(\" \");\n\nexport function Button({\n variant = \"primary\",\n size = \"md\",\n loading = false,\n disabled,\n className,\n children,\n ...props\n}: IButtonProps) {\n return (\n <button\n className={cx(\n \"dybo-btn\",\n `dybo-btn--${variant}`,\n sizeClass[size],\n className,\n )}\n disabled={disabled || loading}\n {...props}\n >\n {loading ? \"…\" : children}\n </button>\n );\n}\n","import { type HTMLAttributes } from \"react\";\n\nexport interface ICardProps extends HTMLAttributes<HTMLDivElement> {\n padding?: number | string;\n solid?: boolean;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n c.filter(Boolean).join(\" \");\n\nexport function Card({\n padding = 24,\n solid = false,\n className,\n style,\n ...props\n}: ICardProps) {\n return (\n <div\n className={cx(\"dybo-glass\", className)}\n style={{\n padding,\n background: solid ? \"var(--dybo-surface-card-solid)\" : undefined,\n ...style,\n }}\n {...props}\n />\n );\n}\n","import { type InputHTMLAttributes } from \"react\";\n\nexport interface IInputProps extends InputHTMLAttributes<HTMLInputElement> {\n label?: string;\n error?: string;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n c.filter(Boolean).join(\" \");\n\nexport function Input({ label, error, className, id, ...props }: IInputProps) {\n const inputId = id ?? label?.toLowerCase().replace(/\\s+/g, \"-\");\n return (\n <div style={{ display: \"flex\", flexDirection: \"column\", gap: 6 }}>\n {label && (\n <label\n htmlFor={inputId}\n style={{\n fontSize: \"var(--dybo-font-size-sm)\",\n fontWeight: \"var(--dybo-font-weight-medium)\",\n color: \"var(--dybo-color-text-muted)\",\n }}\n >\n {label}\n </label>\n )}\n <input\n id={inputId}\n className={cx(\n \"dybo-input\",\n error ? \"dybo-input--error\" : undefined,\n className,\n )}\n style={\n error\n ? {\n borderColor: \"var(--dybo-danger)\",\n boxShadow: \"0 0 0 3px rgba(162,26,23,0.12)\",\n }\n : undefined\n }\n {...props}\n />\n {error && (\n <span\n style={{\n fontSize: \"var(--dybo-font-size-xs)\",\n color: \"var(--dybo-danger)\",\n fontWeight: \"var(--dybo-font-weight-medium)\",\n }}\n >\n {error}\n </span>\n )}\n </div>\n );\n}\n","import { type HTMLAttributes } from \"react\";\n\nexport type BadgeStatus =\n | \"brand\"\n | \"resolved\"\n | \"high\"\n | \"medium\"\n | \"success\"\n | \"warning\"\n | \"danger\";\n\nexport interface IBadgeProps extends HTMLAttributes<HTMLSpanElement> {\n status?: BadgeStatus;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n c.filter(Boolean).join(\" \");\n\nexport function Badge({ status = \"brand\", className, ...props }: IBadgeProps) {\n return (\n <span\n className={cx(\"dybo-badge\", `dybo-badge--${status}`, className)}\n {...props}\n />\n );\n}\n","import { type ReactNode } from \"react\";\n\nexport interface IAppShellProps {\n sidebar: ReactNode;\n topBar?: ReactNode;\n children: ReactNode;\n className?: string;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n c.filter(Boolean).join(\" \");\n\nexport function AppShell({\n sidebar,\n topBar,\n children,\n className,\n}: IAppShellProps) {\n return (\n <div className={cx(\"dybo-app-shell\", className)}>\n {sidebar}\n <div className=\"dybo-main\">\n {topBar}\n <div className=\"dybo-content\">{children}</div>\n </div>\n </div>\n );\n}\n","import { type ReactNode } from \"react\";\n\nexport interface ISidebarUser {\n name: string;\n email?: string;\n}\n\nexport interface ISidebarProps {\n brand?: ReactNode;\n children?: ReactNode;\n footer?: ReactNode;\n user?: ISidebarUser;\n onLogout?: () => void;\n className?: string;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n c.filter(Boolean).join(\" \");\n\nexport function Sidebar({\n brand,\n children,\n footer,\n user,\n onLogout,\n className,\n}: ISidebarProps) {\n return (\n <aside className={cx(\"dybo-sidebar\", className)}>\n {brand && <div className=\"dybo-sidebar__brand\">{brand}</div>}\n <nav className=\"dybo-sidebar__nav\">{children}</nav>\n <div className=\"dybo-sidebar__footer\">\n {user && (\n <div\n style={{\n display: \"flex\",\n flexDirection: \"column\",\n lineHeight: 1.3,\n }}\n >\n <b style={{ color: \"#fff\", fontSize: \"13px\" }}>{user.name}</b>\n {user.email && (\n <span style={{ color: \"#7f8592\", fontSize: \"11px\" }}>\n {user.email}\n </span>\n )}\n </div>\n )}\n {footer}\n {onLogout && (\n <button\n type=\"button\"\n onClick={onLogout}\n style={{\n background: \"transparent\",\n border: \"1px solid rgba(255,255,255,0.18)\",\n color: \"var(--dybo-sidebar-text)\",\n padding: \"6px 10px\",\n fontSize: \"12px\",\n borderRadius: \"8px\",\n cursor: \"pointer\",\n fontFamily: \"inherit\",\n transition: \"background 0.15s, border-color 0.15s\",\n }}\n >\n Log out\n </button>\n )}\n </div>\n </aside>\n );\n}\n","import { type ReactNode } from \"react\";\n\nexport interface ITopBarProps {\n title: string;\n children?: ReactNode;\n className?: string;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n c.filter(Boolean).join(\" \");\n\nexport function TopBar({ title, children, className }: ITopBarProps) {\n return (\n <header className={cx(\"dybo-topbar\", className)}>\n <span className=\"dybo-topbar__title\">{title}</span>\n {children}\n </header>\n );\n}\n","import { type ReactNode } from \"react\";\n\nexport interface INavItemProps {\n label: string;\n href?: string;\n active?: boolean;\n icon?: ReactNode;\n onClick?: () => void;\n className?: string;\n}\n\nexport interface INavSectionProps {\n label: string;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n c.filter(Boolean).join(\" \");\n\nexport function NavItem({\n label,\n href,\n active = false,\n icon,\n onClick,\n className,\n}: INavItemProps) {\n const baseClass = cx(\n \"dybo-nav-item\",\n active ? \"dybo-nav-item--active\" : undefined,\n className,\n );\n\n const content = (\n <>\n {icon ? (\n <span style={{ flexShrink: 0, display: \"flex\" }}>{icon}</span>\n ) : (\n <span className=\"dybo-nav-item__dot\" />\n )}\n {label}\n </>\n );\n\n if (href) {\n return (\n <a href={href} className={baseClass} onClick={onClick}>\n {content}\n </a>\n );\n }\n\n return (\n <button type=\"button\" className={baseClass} onClick={onClick}>\n {content}\n </button>\n );\n}\n\nexport function NavSection({ label }: INavSectionProps) {\n return <div className=\"dybo-sidebar__section\">{label}</div>;\n}\n","import { type ReactNode } from \"react\";\n\nexport type ColumnAlign = \"left\" | \"right\" | \"center\";\n\nexport interface IColumn<TRow = Record<string, unknown>> {\n key: string;\n label: string;\n align?: ColumnAlign;\n format?: (value: unknown, row: TRow) => ReactNode;\n className?: string;\n}\n\nexport interface IDataTableProps<\n TRow extends Record<string, unknown> = Record<string, unknown>,\n> {\n columns: IColumn<TRow>[];\n rows: TRow[];\n rowKey?: keyof TRow | ((row: TRow, index: number) => string | number);\n onRowClick?: (row: TRow) => void;\n emptyMessage?: string;\n className?: string;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n c.filter(Boolean).join(\" \");\n\nexport function DataTable<TRow extends Record<string, unknown>>({\n columns,\n rows,\n rowKey,\n onRowClick,\n emptyMessage = \"Nenhum resultado.\",\n className,\n}: IDataTableProps<TRow>) {\n function getRowKey(row: TRow, index: number): string | number {\n if (!rowKey) return index;\n if (typeof rowKey === \"function\") return rowKey(row, index);\n return row[rowKey] as string | number;\n }\n\n return (\n <div className={cx(\"dybo-table-wrap\", className)}>\n <table className=\"dybo-table\">\n <thead>\n <tr>\n {columns.map((col) => (\n <th\n key={col.key}\n className={cx(\n col.align === \"left\" ? \"left\" : undefined,\n col.className,\n )}\n >\n {col.label}\n </th>\n ))}\n </tr>\n </thead>\n <tbody>\n {rows.length === 0 ? (\n <tr>\n <td\n colSpan={columns.length}\n style={{\n textAlign: \"center\",\n padding: \"32px\",\n color: \"var(--dybo-color-text-muted)\",\n }}\n >\n {emptyMessage}\n </td>\n </tr>\n ) : (\n rows.map((row, index) => (\n <tr\n key={getRowKey(row, index)}\n className={cx(\n onRowClick ? \"dybo-table__row--clickable\" : undefined,\n )}\n onClick={onRowClick ? () => onRowClick(row) : undefined}\n >\n {columns.map((col) => {\n const value = row[col.key];\n return (\n <td\n key={col.key}\n className={cx(\n col.align === \"left\" ? \"left\" : undefined,\n col.className,\n )}\n >\n {col.format\n ? col.format(value, row)\n : String(value ?? \"\")}\n </td>\n );\n })}\n </tr>\n ))\n )}\n </tbody>\n </table>\n </div>\n );\n}\n","export interface ITab {\n key: string;\n label: string;\n disabled?: boolean;\n}\n\nexport interface ITabsProps {\n tabs: ITab[];\n active: string;\n onChange: (key: string) => void;\n className?: string;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n c.filter(Boolean).join(\" \");\n\nexport function Tabs({ tabs, active, onChange, className }: ITabsProps) {\n return (\n <div className={cx(\"dybo-tabs\", className)} role=\"tablist\">\n {tabs.map((tab) => (\n <button\n key={tab.key}\n type=\"button\"\n role=\"tab\"\n aria-selected={tab.key === active}\n disabled={tab.disabled}\n className={cx(\n \"dybo-tab\",\n tab.key === active ? \"dybo-tab--active\" : undefined,\n )}\n onClick={() => !tab.disabled && onChange(tab.key)}\n >\n {tab.label}\n </button>\n ))}\n </div>\n );\n}\n","import { type ReactNode, type CSSProperties } from \"react\";\n\nexport interface IOverviewField {\n label: string;\n value: ReactNode;\n className?: string;\n}\n\nexport interface IOverviewGridProps {\n fields: IOverviewField[];\n className?: string;\n}\n\nexport interface IOverviewFieldProps extends IOverviewField {\n style?: CSSProperties;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n c.filter(Boolean).join(\" \");\n\nexport function OverviewField({\n label,\n value,\n className,\n style,\n}: IOverviewFieldProps) {\n return (\n <div className={cx(\"dybo-overview-field\", className)} style={style}>\n <span className=\"dybo-overview-field__label\">{label}</span>\n <span className=\"dybo-overview-field__value\">{value}</span>\n </div>\n );\n}\n\nexport function OverviewGrid({ fields, className }: IOverviewGridProps) {\n return (\n <div className={cx(\"dybo-overview-grid\", className)}>\n {fields.map((field, i) => (\n <OverviewField key={i} {...field} />\n ))}\n </div>\n );\n}\n","import { type SelectHTMLAttributes } from \"react\";\n\nexport interface ISelectOption {\n value: string;\n label: string;\n disabled?: boolean;\n}\n\nexport interface ISelectProps extends SelectHTMLAttributes<HTMLSelectElement> {\n label?: string;\n error?: string;\n options: ISelectOption[];\n placeholder?: string;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n c.filter(Boolean).join(\" \");\n\nexport function Select({\n label,\n error,\n options,\n placeholder,\n className,\n id,\n ...props\n}: ISelectProps) {\n const selectId = id ?? label?.toLowerCase().replace(/\\s+/g, \"-\");\n return (\n <div style={{ display: \"flex\", flexDirection: \"column\", gap: 6 }}>\n {label && (\n <label\n htmlFor={selectId}\n style={{\n fontSize: \"var(--dybo-font-size-sm)\",\n fontWeight: \"var(--dybo-font-weight-medium)\",\n color: \"var(--dybo-color-text-muted)\",\n }}\n >\n {label}\n </label>\n )}\n <select\n id={selectId}\n className={cx(\"dybo-select\", className)}\n style={\n error\n ? {\n borderColor: \"var(--dybo-danger)\",\n boxShadow: \"0 0 0 3px rgba(162,26,23,0.12)\",\n }\n : undefined\n }\n {...props}\n >\n {placeholder && (\n <option value=\"\" disabled>\n {placeholder}\n </option>\n )}\n {options.map((opt) => (\n <option key={opt.value} value={opt.value} disabled={opt.disabled}>\n {opt.label}\n </option>\n ))}\n </select>\n {error && (\n <span\n style={{\n fontSize: \"var(--dybo-font-size-xs)\",\n color: \"var(--dybo-danger)\",\n fontWeight: \"var(--dybo-font-weight-medium)\",\n }}\n >\n {error}\n </span>\n )}\n </div>\n );\n}\n","import { type ReactNode } from \"react\";\n\nexport type AlertVariant = \"success\" | \"warning\" | \"danger\" | \"info\";\n\nexport interface IAlertProps {\n variant?: AlertVariant;\n children: ReactNode;\n onClose?: () => void;\n className?: string;\n}\n\nconst icons: Record<AlertVariant, string> = {\n success: \"✓\",\n warning: \"⚠\",\n danger: \"✕\",\n info: \"ℹ\",\n};\n\nconst cx = (...c: (string | undefined | false)[]) =>\n c.filter(Boolean).join(\" \");\n\nexport function Alert({\n variant = \"info\",\n children,\n onClose,\n className,\n}: IAlertProps) {\n return (\n <div\n className={cx(\"dybo-alert\", `dybo-alert--${variant}`, className)}\n role=\"alert\"\n >\n <span style={{ flexShrink: 0, fontWeight: 700 }}>{icons[variant]}</span>\n <span style={{ flexGrow: 1 }}>{children}</span>\n {onClose && (\n <button\n type=\"button\"\n onClick={onClose}\n aria-label=\"Fechar\"\n style={{\n background: \"transparent\",\n border: \"none\",\n cursor: \"pointer\",\n color: \"inherit\",\n padding: \"0 4px\",\n flexShrink: 0,\n fontSize: \"16px\",\n lineHeight: 1,\n opacity: 0.7,\n }}\n >\n ×\n </button>\n )}\n </div>\n );\n}\n","import { type ReactNode, useEffect, useRef } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nexport interface IModalProps {\n open: boolean;\n onClose: () => void;\n title?: string;\n children: ReactNode;\n footer?: ReactNode;\n maxWidth?: number | string;\n closeOnBackdrop?: boolean;\n}\n\nexport function Modal({\n open,\n onClose,\n title,\n children,\n footer,\n maxWidth = 520,\n closeOnBackdrop = true,\n}: IModalProps) {\n const dialogRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (!open) return;\n\n function onKeyDown(e: KeyboardEvent) {\n if (e.key === \"Escape\") onClose();\n }\n\n document.addEventListener(\"keydown\", onKeyDown);\n return () => document.removeEventListener(\"keydown\", onKeyDown);\n }, [open, onClose]);\n\n if (!open) return null;\n\n return createPortal(\n <div\n className=\"dybo-modal-backdrop\"\n onClick={closeOnBackdrop ? onClose : undefined}\n aria-modal=\"true\"\n role=\"dialog\"\n >\n <div\n ref={dialogRef}\n className=\"dybo-modal\"\n style={{ maxWidth }}\n onClick={(e) => e.stopPropagation()}\n >\n <div className=\"dybo-modal__header\">\n {title ? <h2 className=\"dybo-modal__title\">{title}</h2> : <span />}\n <button\n type=\"button\"\n className=\"dybo-modal__close\"\n onClick={onClose}\n aria-label=\"Fechar\"\n >\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path\n d=\"M2 2l12 12M14 2L2 14\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n />\n </svg>\n </button>\n </div>\n <div className=\"dybo-modal__body\">{children}</div>\n {footer && <div className=\"dybo-modal__footer\">{footer}</div>}\n </div>\n </div>,\n document.body,\n );\n}\n","import { type ReactNode } from \"react\";\n\nexport interface ILoginCardProps {\n logo?: ReactNode;\n subtitle?: string;\n children: ReactNode;\n className?: string;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n c.filter(Boolean).join(\" \");\n\nexport function LoginCard({\n logo,\n subtitle,\n children,\n className,\n}: ILoginCardProps) {\n return (\n <div className=\"dybo-login-wrap\">\n <div className={cx(\"dybo-login-card\", className)}>\n {logo && (\n <div\n style={{\n display: \"flex\",\n justifyContent: \"center\",\n marginBottom: 16,\n }}\n >\n {logo}\n </div>\n )}\n {subtitle && <p className=\"dybo-login-card__subtitle\">{subtitle}</p>}\n {children}\n </div>\n </div>\n );\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/components/Button.tsx","../src/components/Card.tsx","../src/components/Input.tsx","../src/components/Badge.tsx","../src/components/IconRail.tsx","../src/components/NavTabs.tsx","../src/components/ScopeTabs.tsx","../src/components/PriorityBadge.tsx","../src/components/TicketStatusBadge.tsx","../src/components/AppShell.tsx","../src/components/Sidebar.tsx","../src/components/TopBar.tsx","../src/components/NavItem.tsx","../src/components/DataTable.tsx","../src/components/Tabs.tsx","../src/components/OverviewGrid.tsx","../src/components/Select.tsx","../src/components/Alert.tsx","../src/components/Modal.tsx","../src/components/LoginCard.tsx"],"names":["jsx","cx","jsxs","Fragment","useRef","useEffect","createPortal"],"mappings":"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","file":"index.cjs","sourcesContent":["import { type ButtonHTMLAttributes } from \"react\";\n\nexport type ButtonVariant = \"primary\" | \"secondary\" | \"ghost\" | \"danger\";\nexport type ButtonSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n variant?: ButtonVariant;\n size?: ButtonSize;\n loading?: boolean;\n}\n\nconst sizeClass: Record<ButtonSize, string> = {\n sm: \"dybo-btn--sm\",\n md: \"\",\n lg: \"dybo-btn--lg\",\n};\n\nconst cx = (...c: (string | undefined | false)[]) =>\n c.filter(Boolean).join(\" \");\n\nexport function Button({\n variant = \"primary\",\n size = \"md\",\n loading = false,\n disabled,\n className,\n children,\n ...props\n}: IButtonProps) {\n return (\n <button\n className={cx(\n \"dybo-btn\",\n `dybo-btn--${variant}`,\n sizeClass[size],\n className,\n )}\n disabled={disabled || loading}\n {...props}\n >\n {loading ? \"…\" : children}\n </button>\n );\n}\n","import { type HTMLAttributes } from \"react\";\n\nexport interface ICardProps extends HTMLAttributes<HTMLDivElement> {\n padding?: number | string;\n solid?: boolean;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n c.filter(Boolean).join(\" \");\n\nexport function Card({\n padding = 24,\n solid = false,\n className,\n style,\n ...props\n}: ICardProps) {\n return (\n <div\n className={cx(\"dybo-glass\", className)}\n style={{\n padding,\n background: solid ? \"var(--dybo-surface-card-solid)\" : undefined,\n ...style,\n }}\n {...props}\n />\n );\n}\n","import { type InputHTMLAttributes } from \"react\";\n\nexport interface IInputProps extends InputHTMLAttributes<HTMLInputElement> {\n label?: string;\n error?: string;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n c.filter(Boolean).join(\" \");\n\nexport function Input({ label, error, className, id, ...props }: IInputProps) {\n const inputId = id ?? label?.toLowerCase().replace(/\\s+/g, \"-\");\n return (\n <div style={{ display: \"flex\", flexDirection: \"column\", gap: 6 }}>\n {label && (\n <label\n htmlFor={inputId}\n style={{\n fontSize: \"var(--dybo-font-size-sm)\",\n fontWeight: \"var(--dybo-font-weight-medium)\",\n color: \"var(--dybo-color-text-muted)\",\n }}\n >\n {label}\n </label>\n )}\n <input\n id={inputId}\n className={cx(\n \"dybo-input\",\n error ? \"dybo-input--error\" : undefined,\n className,\n )}\n style={\n error\n ? {\n borderColor: \"var(--dybo-danger)\",\n boxShadow: \"0 0 0 3px rgba(162,26,23,0.12)\",\n }\n : undefined\n }\n {...props}\n />\n {error && (\n <span\n style={{\n fontSize: \"var(--dybo-font-size-xs)\",\n color: \"var(--dybo-danger)\",\n fontWeight: \"var(--dybo-font-weight-medium)\",\n }}\n >\n {error}\n </span>\n )}\n </div>\n );\n}\n","import { type HTMLAttributes } from \"react\";\n\nexport type BadgeStatus =\n | \"brand\"\n | \"resolved\"\n | \"high\"\n | \"medium\"\n | \"success\"\n | \"warning\"\n | \"danger\";\n\nexport interface IBadgeProps extends HTMLAttributes<HTMLSpanElement> {\n status?: BadgeStatus;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n c.filter(Boolean).join(\" \");\n\nexport function Badge({ status = \"brand\", className, ...props }: IBadgeProps) {\n return (\n <span\n className={cx(\"dybo-badge\", `dybo-badge--${status}`, className)}\n {...props}\n />\n );\n}\n","import { type HTMLAttributes, type ReactNode } from \"react\";\n\nexport interface IIconRailItemProps extends HTMLAttributes<HTMLAnchorElement> {\n href?: string;\n active?: boolean;\n title?: string;\n children: ReactNode;\n}\n\nexport interface IIconRailProps {\n brand: ReactNode;\n children?: ReactNode;\n className?: string;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n c.filter(Boolean).join(\" \");\n\nexport function IconRailItem({\n active = false,\n className,\n children,\n ...props\n}: IIconRailItemProps) {\n return (\n <a\n className={cx(\n \"dybo-icon-rail__item\",\n active ? \"dybo-icon-rail__item--active\" : undefined,\n className,\n )}\n {...props}\n >\n {children}\n </a>\n );\n}\n\nexport function IconRail({ brand, children, className }: IIconRailProps) {\n return (\n <aside className={cx(\"dybo-icon-rail\", className)}>\n <div className=\"dybo-icon-rail__brand\">{brand}</div>\n <div className=\"dybo-icon-rail__nav\">\n <div className=\"dybo-icon-rail__pill\">\n <nav className=\"dybo-icon-rail__items\">{children}</nav>\n </div>\n </div>\n </aside>\n );\n}\n","export interface INavTab {\n key: string;\n label: string;\n disabled?: boolean;\n}\n\nexport interface INavTabsProps {\n tabs: INavTab[];\n active: string;\n onChange: (key: string) => void;\n className?: string;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n c.filter(Boolean).join(\" \");\n\nexport function NavTabs({ tabs, active, onChange, className }: INavTabsProps) {\n return (\n <div className={cx(\"dybo-navtabs\", className)} role=\"tablist\">\n {tabs.map((tab) => (\n <button\n key={tab.key}\n type=\"button\"\n role=\"tab\"\n aria-selected={tab.key === active}\n disabled={tab.disabled}\n className={cx(\n \"dybo-navtab\",\n tab.key === active ? \"dybo-navtab--active\" : undefined,\n )}\n onClick={() => !tab.disabled && onChange(tab.key)}\n >\n {tab.label}\n </button>\n ))}\n </div>\n );\n}\n","export interface IScopeTab {\n key: string;\n label: string;\n count?: number;\n disabled?: boolean;\n}\n\nexport interface IScopeTabsProps {\n tabs: IScopeTab[];\n active: string;\n onChange: (key: string) => void;\n className?: string;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n c.filter(Boolean).join(\" \");\n\nexport function ScopeTabs({ tabs, active, onChange, className }: IScopeTabsProps) {\n return (\n <div className={cx(\"dybo-scope\", className)} role=\"tablist\">\n {tabs.map((tab) => (\n <button\n key={tab.key}\n type=\"button\"\n role=\"tab\"\n aria-selected={tab.key === active}\n disabled={tab.disabled}\n className={cx(\n \"dybo-scope-tab\",\n tab.key === active ? \"dybo-scope-tab--active\" : undefined,\n )}\n onClick={() => !tab.disabled && onChange(tab.key)}\n >\n {tab.label}\n {tab.count !== undefined && (\n <span className=\"dybo-scope-count\">{tab.count}</span>\n )}\n </button>\n ))}\n </div>\n );\n}\n","import { type HTMLAttributes } from \"react\";\n\nexport type PriorityLevel = \"urgent\" | \"high\" | \"medium\" | \"low\" | \"none\";\n\nexport interface IPriorityBadgeProps extends HTMLAttributes<HTMLSpanElement> {\n priority: PriorityLevel;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n c.filter(Boolean).join(\" \");\n\nexport function PriorityBadge({\n priority,\n className,\n children,\n ...props\n}: IPriorityBadgeProps) {\n return (\n <span\n className={cx(\"dybo-priority\", `dybo-priority--${priority}`, className)}\n {...props}\n >\n {children ?? priority}\n </span>\n );\n}\n","import { type HTMLAttributes } from \"react\";\n\nexport type TicketStatus = \"open\" | \"pending\" | \"snoozed\" | \"resolved\";\n\nexport interface ITicketStatusBadgeProps extends HTMLAttributes<HTMLSpanElement> {\n status: TicketStatus;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n c.filter(Boolean).join(\" \");\n\nconst defaultLabels: Record<TicketStatus, string> = {\n open: \"Open\",\n pending: \"Pending\",\n snoozed: \"Snoozed\",\n resolved: \"Resolved\",\n};\n\nexport function TicketStatusBadge({\n status,\n className,\n children,\n ...props\n}: ITicketStatusBadgeProps) {\n return (\n <span\n className={cx(\n \"dybo-ticket-status\",\n `dybo-ticket-status--${status}`,\n className,\n )}\n {...props}\n >\n {children ?? defaultLabels[status]}\n </span>\n );\n}\n","import { type ReactNode } from \"react\";\n\nexport interface IAppShellProps {\n sidebar: ReactNode;\n topBar?: ReactNode;\n children: ReactNode;\n className?: string;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n c.filter(Boolean).join(\" \");\n\nexport function AppShell({\n sidebar,\n topBar,\n children,\n className,\n}: IAppShellProps) {\n return (\n <div className={cx(\"dybo-app-shell\", className)}>\n {sidebar}\n <div className=\"dybo-main\">\n {topBar}\n <div className=\"dybo-content\">{children}</div>\n </div>\n </div>\n );\n}\n","import { type ReactNode } from \"react\";\n\nexport interface ISidebarUser {\n name: string;\n email?: string;\n}\n\nexport interface ISidebarProps {\n brand?: ReactNode;\n children?: ReactNode;\n footer?: ReactNode;\n user?: ISidebarUser;\n onLogout?: () => void;\n className?: string;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n c.filter(Boolean).join(\" \");\n\nexport function Sidebar({\n brand,\n children,\n footer,\n user,\n onLogout,\n className,\n}: ISidebarProps) {\n return (\n <aside className={cx(\"dybo-sidebar\", className)}>\n {brand && <div className=\"dybo-sidebar__brand\">{brand}</div>}\n <nav className=\"dybo-sidebar__nav\">{children}</nav>\n <div className=\"dybo-sidebar__footer\">\n {user && (\n <div\n style={{\n display: \"flex\",\n flexDirection: \"column\",\n lineHeight: 1.3,\n }}\n >\n <b style={{ color: \"#fff\", fontSize: \"13px\" }}>{user.name}</b>\n {user.email && (\n <span style={{ color: \"#7f8592\", fontSize: \"11px\" }}>\n {user.email}\n </span>\n )}\n </div>\n )}\n {footer}\n {onLogout && (\n <button\n type=\"button\"\n onClick={onLogout}\n style={{\n background: \"transparent\",\n border: \"1px solid rgba(255,255,255,0.18)\",\n color: \"var(--dybo-sidebar-text)\",\n padding: \"6px 10px\",\n fontSize: \"12px\",\n borderRadius: \"8px\",\n cursor: \"pointer\",\n fontFamily: \"inherit\",\n transition: \"background 0.15s, border-color 0.15s\",\n }}\n >\n Log out\n </button>\n )}\n </div>\n </aside>\n );\n}\n","import { type ReactNode } from \"react\";\n\nexport interface ITopBarProps {\n title: string;\n children?: ReactNode;\n className?: string;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n c.filter(Boolean).join(\" \");\n\nexport function TopBar({ title, children, className }: ITopBarProps) {\n return (\n <header className={cx(\"dybo-topbar\", className)}>\n <span className=\"dybo-topbar__title\">{title}</span>\n {children}\n </header>\n );\n}\n","import { type ReactNode } from \"react\";\n\nexport interface INavItemProps {\n label: string;\n href?: string;\n active?: boolean;\n icon?: ReactNode;\n onClick?: () => void;\n className?: string;\n}\n\nexport interface INavSectionProps {\n label: string;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n c.filter(Boolean).join(\" \");\n\nexport function NavItem({\n label,\n href,\n active = false,\n icon,\n onClick,\n className,\n}: INavItemProps) {\n const baseClass = cx(\n \"dybo-nav-item\",\n active ? \"dybo-nav-item--active\" : undefined,\n className,\n );\n\n const content = (\n <>\n {icon ? (\n <span style={{ flexShrink: 0, display: \"flex\" }}>{icon}</span>\n ) : (\n <span className=\"dybo-nav-item__dot\" />\n )}\n {label}\n </>\n );\n\n if (href) {\n return (\n <a href={href} className={baseClass} onClick={onClick}>\n {content}\n </a>\n );\n }\n\n return (\n <button type=\"button\" className={baseClass} onClick={onClick}>\n {content}\n </button>\n );\n}\n\nexport function NavSection({ label }: INavSectionProps) {\n return <div className=\"dybo-sidebar__section\">{label}</div>;\n}\n","import { type ReactNode } from \"react\";\n\nexport type ColumnAlign = \"left\" | \"right\" | \"center\";\n\nexport interface IColumn<TRow = Record<string, unknown>> {\n key: string;\n label: string;\n align?: ColumnAlign;\n format?: (value: unknown, row: TRow) => ReactNode;\n className?: string;\n}\n\nexport interface IDataTableProps<\n TRow extends Record<string, unknown> = Record<string, unknown>,\n> {\n columns: IColumn<TRow>[];\n rows: TRow[];\n rowKey?: keyof TRow | ((row: TRow, index: number) => string | number);\n onRowClick?: (row: TRow) => void;\n emptyMessage?: string;\n className?: string;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n c.filter(Boolean).join(\" \");\n\nexport function DataTable<TRow extends Record<string, unknown>>({\n columns,\n rows,\n rowKey,\n onRowClick,\n emptyMessage = \"Nenhum resultado.\",\n className,\n}: IDataTableProps<TRow>) {\n function getRowKey(row: TRow, index: number): string | number {\n if (!rowKey) return index;\n if (typeof rowKey === \"function\") return rowKey(row, index);\n return row[rowKey] as string | number;\n }\n\n return (\n <div className={cx(\"dybo-table-wrap\", className)}>\n <table className=\"dybo-table\">\n <thead>\n <tr>\n {columns.map((col) => (\n <th\n key={col.key}\n className={cx(\n col.align === \"left\" ? \"left\" : undefined,\n col.className,\n )}\n >\n {col.label}\n </th>\n ))}\n </tr>\n </thead>\n <tbody>\n {rows.length === 0 ? (\n <tr>\n <td\n colSpan={columns.length}\n style={{\n textAlign: \"center\",\n padding: \"32px\",\n color: \"var(--dybo-color-text-muted)\",\n }}\n >\n {emptyMessage}\n </td>\n </tr>\n ) : (\n rows.map((row, index) => (\n <tr\n key={getRowKey(row, index)}\n className={cx(\n onRowClick ? \"dybo-table__row--clickable\" : undefined,\n )}\n onClick={onRowClick ? () => onRowClick(row) : undefined}\n >\n {columns.map((col) => {\n const value = row[col.key];\n return (\n <td\n key={col.key}\n className={cx(\n col.align === \"left\" ? \"left\" : undefined,\n col.className,\n )}\n >\n {col.format\n ? col.format(value, row)\n : String(value ?? \"\")}\n </td>\n );\n })}\n </tr>\n ))\n )}\n </tbody>\n </table>\n </div>\n );\n}\n","export interface ITab {\n key: string;\n label: string;\n disabled?: boolean;\n}\n\nexport interface ITabsProps {\n tabs: ITab[];\n active: string;\n onChange: (key: string) => void;\n className?: string;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n c.filter(Boolean).join(\" \");\n\nexport function Tabs({ tabs, active, onChange, className }: ITabsProps) {\n return (\n <div className={cx(\"dybo-tabs\", className)} role=\"tablist\">\n {tabs.map((tab) => (\n <button\n key={tab.key}\n type=\"button\"\n role=\"tab\"\n aria-selected={tab.key === active}\n disabled={tab.disabled}\n className={cx(\n \"dybo-tab\",\n tab.key === active ? \"dybo-tab--active\" : undefined,\n )}\n onClick={() => !tab.disabled && onChange(tab.key)}\n >\n {tab.label}\n </button>\n ))}\n </div>\n );\n}\n","import { type ReactNode, type CSSProperties } from \"react\";\n\nexport interface IOverviewField {\n label: string;\n value: ReactNode;\n className?: string;\n}\n\nexport interface IOverviewGridProps {\n fields: IOverviewField[];\n className?: string;\n}\n\nexport interface IOverviewFieldProps extends IOverviewField {\n style?: CSSProperties;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n c.filter(Boolean).join(\" \");\n\nexport function OverviewField({\n label,\n value,\n className,\n style,\n}: IOverviewFieldProps) {\n return (\n <div className={cx(\"dybo-overview-field\", className)} style={style}>\n <span className=\"dybo-overview-field__label\">{label}</span>\n <span className=\"dybo-overview-field__value\">{value}</span>\n </div>\n );\n}\n\nexport function OverviewGrid({ fields, className }: IOverviewGridProps) {\n return (\n <div className={cx(\"dybo-overview-grid\", className)}>\n {fields.map((field, i) => (\n <OverviewField key={i} {...field} />\n ))}\n </div>\n );\n}\n","import { type SelectHTMLAttributes } from \"react\";\n\nexport interface ISelectOption {\n value: string;\n label: string;\n disabled?: boolean;\n}\n\nexport interface ISelectProps extends SelectHTMLAttributes<HTMLSelectElement> {\n label?: string;\n error?: string;\n options: ISelectOption[];\n placeholder?: string;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n c.filter(Boolean).join(\" \");\n\nexport function Select({\n label,\n error,\n options,\n placeholder,\n className,\n id,\n ...props\n}: ISelectProps) {\n const selectId = id ?? label?.toLowerCase().replace(/\\s+/g, \"-\");\n return (\n <div style={{ display: \"flex\", flexDirection: \"column\", gap: 6 }}>\n {label && (\n <label\n htmlFor={selectId}\n style={{\n fontSize: \"var(--dybo-font-size-sm)\",\n fontWeight: \"var(--dybo-font-weight-medium)\",\n color: \"var(--dybo-color-text-muted)\",\n }}\n >\n {label}\n </label>\n )}\n <select\n id={selectId}\n className={cx(\"dybo-select\", className)}\n style={\n error\n ? {\n borderColor: \"var(--dybo-danger)\",\n boxShadow: \"0 0 0 3px rgba(162,26,23,0.12)\",\n }\n : undefined\n }\n {...props}\n >\n {placeholder && (\n <option value=\"\" disabled>\n {placeholder}\n </option>\n )}\n {options.map((opt) => (\n <option key={opt.value} value={opt.value} disabled={opt.disabled}>\n {opt.label}\n </option>\n ))}\n </select>\n {error && (\n <span\n style={{\n fontSize: \"var(--dybo-font-size-xs)\",\n color: \"var(--dybo-danger)\",\n fontWeight: \"var(--dybo-font-weight-medium)\",\n }}\n >\n {error}\n </span>\n )}\n </div>\n );\n}\n","import { type ReactNode } from \"react\";\n\nexport type AlertVariant = \"success\" | \"warning\" | \"danger\" | \"info\";\n\nexport interface IAlertProps {\n variant?: AlertVariant;\n children: ReactNode;\n onClose?: () => void;\n className?: string;\n}\n\nconst icons: Record<AlertVariant, string> = {\n success: \"✓\",\n warning: \"⚠\",\n danger: \"✕\",\n info: \"ℹ\",\n};\n\nconst cx = (...c: (string | undefined | false)[]) =>\n c.filter(Boolean).join(\" \");\n\nexport function Alert({\n variant = \"info\",\n children,\n onClose,\n className,\n}: IAlertProps) {\n return (\n <div\n className={cx(\"dybo-alert\", `dybo-alert--${variant}`, className)}\n role=\"alert\"\n >\n <span style={{ flexShrink: 0, fontWeight: 700 }}>{icons[variant]}</span>\n <span style={{ flexGrow: 1 }}>{children}</span>\n {onClose && (\n <button\n type=\"button\"\n onClick={onClose}\n aria-label=\"Fechar\"\n style={{\n background: \"transparent\",\n border: \"none\",\n cursor: \"pointer\",\n color: \"inherit\",\n padding: \"0 4px\",\n flexShrink: 0,\n fontSize: \"16px\",\n lineHeight: 1,\n opacity: 0.7,\n }}\n >\n ×\n </button>\n )}\n </div>\n );\n}\n","import { type ReactNode, useEffect, useRef } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nexport interface IModalProps {\n open: boolean;\n onClose: () => void;\n title?: string;\n children: ReactNode;\n footer?: ReactNode;\n maxWidth?: number | string;\n closeOnBackdrop?: boolean;\n}\n\nexport function Modal({\n open,\n onClose,\n title,\n children,\n footer,\n maxWidth = 520,\n closeOnBackdrop = true,\n}: IModalProps) {\n const dialogRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (!open) return;\n\n function onKeyDown(e: KeyboardEvent) {\n if (e.key === \"Escape\") onClose();\n }\n\n document.addEventListener(\"keydown\", onKeyDown);\n return () => document.removeEventListener(\"keydown\", onKeyDown);\n }, [open, onClose]);\n\n if (!open) return null;\n\n return createPortal(\n <div\n className=\"dybo-modal-backdrop\"\n onClick={closeOnBackdrop ? onClose : undefined}\n aria-modal=\"true\"\n role=\"dialog\"\n >\n <div\n ref={dialogRef}\n className=\"dybo-modal\"\n style={{ maxWidth }}\n onClick={(e) => e.stopPropagation()}\n >\n <div className=\"dybo-modal__header\">\n {title ? <h2 className=\"dybo-modal__title\">{title}</h2> : <span />}\n <button\n type=\"button\"\n className=\"dybo-modal__close\"\n onClick={onClose}\n aria-label=\"Fechar\"\n >\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path\n d=\"M2 2l12 12M14 2L2 14\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n />\n </svg>\n </button>\n </div>\n <div className=\"dybo-modal__body\">{children}</div>\n {footer && <div className=\"dybo-modal__footer\">{footer}</div>}\n </div>\n </div>,\n document.body,\n );\n}\n","import { type ReactNode } from \"react\";\n\nexport interface ILoginCardProps {\n logo?: ReactNode;\n subtitle?: string;\n children: ReactNode;\n className?: string;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n c.filter(Boolean).join(\" \");\n\nexport function LoginCard({\n logo,\n subtitle,\n children,\n className,\n}: ILoginCardProps) {\n return (\n <div className=\"dybo-login-wrap\">\n <div className={cx(\"dybo-login-card\", className)}>\n {logo && (\n <div\n style={{\n display: \"flex\",\n justifyContent: \"center\",\n marginBottom: 16,\n }}\n >\n {logo}\n </div>\n )}\n {subtitle && <p className=\"dybo-login-card__subtitle\">{subtitle}</p>}\n {children}\n </div>\n </div>\n );\n}\n"]}
|
package/dist/index.d.cts
CHANGED
|
@@ -28,6 +28,59 @@ interface IBadgeProps extends HTMLAttributes<HTMLSpanElement> {
|
|
|
28
28
|
}
|
|
29
29
|
declare function Badge({ status, className, ...props }: IBadgeProps): react.JSX.Element;
|
|
30
30
|
|
|
31
|
+
interface IIconRailItemProps extends HTMLAttributes<HTMLAnchorElement> {
|
|
32
|
+
href?: string;
|
|
33
|
+
active?: boolean;
|
|
34
|
+
title?: string;
|
|
35
|
+
children: ReactNode;
|
|
36
|
+
}
|
|
37
|
+
interface IIconRailProps {
|
|
38
|
+
brand: ReactNode;
|
|
39
|
+
children?: ReactNode;
|
|
40
|
+
className?: string;
|
|
41
|
+
}
|
|
42
|
+
declare function IconRailItem({ active, className, children, ...props }: IIconRailItemProps): react.JSX.Element;
|
|
43
|
+
declare function IconRail({ brand, children, className }: IIconRailProps): react.JSX.Element;
|
|
44
|
+
|
|
45
|
+
interface INavTab {
|
|
46
|
+
key: string;
|
|
47
|
+
label: string;
|
|
48
|
+
disabled?: boolean;
|
|
49
|
+
}
|
|
50
|
+
interface INavTabsProps {
|
|
51
|
+
tabs: INavTab[];
|
|
52
|
+
active: string;
|
|
53
|
+
onChange: (key: string) => void;
|
|
54
|
+
className?: string;
|
|
55
|
+
}
|
|
56
|
+
declare function NavTabs({ tabs, active, onChange, className }: INavTabsProps): react.JSX.Element;
|
|
57
|
+
|
|
58
|
+
interface IScopeTab {
|
|
59
|
+
key: string;
|
|
60
|
+
label: string;
|
|
61
|
+
count?: number;
|
|
62
|
+
disabled?: boolean;
|
|
63
|
+
}
|
|
64
|
+
interface IScopeTabsProps {
|
|
65
|
+
tabs: IScopeTab[];
|
|
66
|
+
active: string;
|
|
67
|
+
onChange: (key: string) => void;
|
|
68
|
+
className?: string;
|
|
69
|
+
}
|
|
70
|
+
declare function ScopeTabs({ tabs, active, onChange, className }: IScopeTabsProps): react.JSX.Element;
|
|
71
|
+
|
|
72
|
+
type PriorityLevel = "urgent" | "high" | "medium" | "low" | "none";
|
|
73
|
+
interface IPriorityBadgeProps extends HTMLAttributes<HTMLSpanElement> {
|
|
74
|
+
priority: PriorityLevel;
|
|
75
|
+
}
|
|
76
|
+
declare function PriorityBadge({ priority, className, children, ...props }: IPriorityBadgeProps): react.JSX.Element;
|
|
77
|
+
|
|
78
|
+
type TicketStatus = "open" | "pending" | "snoozed" | "resolved";
|
|
79
|
+
interface ITicketStatusBadgeProps extends HTMLAttributes<HTMLSpanElement> {
|
|
80
|
+
status: TicketStatus;
|
|
81
|
+
}
|
|
82
|
+
declare function TicketStatusBadge({ status, className, children, ...props }: ITicketStatusBadgeProps): react.JSX.Element;
|
|
83
|
+
|
|
31
84
|
interface IAppShellProps {
|
|
32
85
|
sidebar: ReactNode;
|
|
33
86
|
topBar?: ReactNode;
|
|
@@ -158,4 +211,4 @@ interface ILoginCardProps {
|
|
|
158
211
|
}
|
|
159
212
|
declare function LoginCard({ logo, subtitle, children, className, }: ILoginCardProps): react.JSX.Element;
|
|
160
213
|
|
|
161
|
-
export { Alert, type AlertVariant, AppShell, Badge, type BadgeStatus, Button, type ButtonSize, type ButtonVariant, Card, type ColumnAlign, DataTable, type IAlertProps, type IAppShellProps, type IBadgeProps, type IButtonProps, type ICardProps, type IColumn, type IDataTableProps, type IInputProps, type ILoginCardProps, type IModalProps, type INavItemProps, type INavSectionProps, type IOverviewField, type IOverviewFieldProps, type IOverviewGridProps, type ISelectOption, type ISelectProps, type ISidebarProps, type ISidebarUser, type ITab, type ITabsProps, type ITopBarProps, Input, LoginCard, Modal, NavItem, NavSection, OverviewField, OverviewGrid, Select, Sidebar, Tabs, TopBar };
|
|
214
|
+
export { Alert, type AlertVariant, AppShell, Badge, type BadgeStatus, Button, type ButtonSize, type ButtonVariant, Card, type ColumnAlign, DataTable, type IAlertProps, type IAppShellProps, type IBadgeProps, type IButtonProps, type ICardProps, type IColumn, type IDataTableProps, type IIconRailItemProps, type IIconRailProps, type IInputProps, type ILoginCardProps, type IModalProps, type INavItemProps, type INavSectionProps, type INavTab, type INavTabsProps, type IOverviewField, type IOverviewFieldProps, type IOverviewGridProps, type IPriorityBadgeProps, type IScopeTab, type IScopeTabsProps, type ISelectOption, type ISelectProps, type ISidebarProps, type ISidebarUser, type ITab, type ITabsProps, type ITicketStatusBadgeProps, type ITopBarProps, IconRail, IconRailItem, Input, LoginCard, Modal, NavItem, NavSection, NavTabs, OverviewField, OverviewGrid, PriorityBadge, type PriorityLevel, ScopeTabs, Select, Sidebar, Tabs, type TicketStatus, TicketStatusBadge, TopBar };
|
package/dist/index.d.ts
CHANGED
|
@@ -28,6 +28,59 @@ interface IBadgeProps extends HTMLAttributes<HTMLSpanElement> {
|
|
|
28
28
|
}
|
|
29
29
|
declare function Badge({ status, className, ...props }: IBadgeProps): react.JSX.Element;
|
|
30
30
|
|
|
31
|
+
interface IIconRailItemProps extends HTMLAttributes<HTMLAnchorElement> {
|
|
32
|
+
href?: string;
|
|
33
|
+
active?: boolean;
|
|
34
|
+
title?: string;
|
|
35
|
+
children: ReactNode;
|
|
36
|
+
}
|
|
37
|
+
interface IIconRailProps {
|
|
38
|
+
brand: ReactNode;
|
|
39
|
+
children?: ReactNode;
|
|
40
|
+
className?: string;
|
|
41
|
+
}
|
|
42
|
+
declare function IconRailItem({ active, className, children, ...props }: IIconRailItemProps): react.JSX.Element;
|
|
43
|
+
declare function IconRail({ brand, children, className }: IIconRailProps): react.JSX.Element;
|
|
44
|
+
|
|
45
|
+
interface INavTab {
|
|
46
|
+
key: string;
|
|
47
|
+
label: string;
|
|
48
|
+
disabled?: boolean;
|
|
49
|
+
}
|
|
50
|
+
interface INavTabsProps {
|
|
51
|
+
tabs: INavTab[];
|
|
52
|
+
active: string;
|
|
53
|
+
onChange: (key: string) => void;
|
|
54
|
+
className?: string;
|
|
55
|
+
}
|
|
56
|
+
declare function NavTabs({ tabs, active, onChange, className }: INavTabsProps): react.JSX.Element;
|
|
57
|
+
|
|
58
|
+
interface IScopeTab {
|
|
59
|
+
key: string;
|
|
60
|
+
label: string;
|
|
61
|
+
count?: number;
|
|
62
|
+
disabled?: boolean;
|
|
63
|
+
}
|
|
64
|
+
interface IScopeTabsProps {
|
|
65
|
+
tabs: IScopeTab[];
|
|
66
|
+
active: string;
|
|
67
|
+
onChange: (key: string) => void;
|
|
68
|
+
className?: string;
|
|
69
|
+
}
|
|
70
|
+
declare function ScopeTabs({ tabs, active, onChange, className }: IScopeTabsProps): react.JSX.Element;
|
|
71
|
+
|
|
72
|
+
type PriorityLevel = "urgent" | "high" | "medium" | "low" | "none";
|
|
73
|
+
interface IPriorityBadgeProps extends HTMLAttributes<HTMLSpanElement> {
|
|
74
|
+
priority: PriorityLevel;
|
|
75
|
+
}
|
|
76
|
+
declare function PriorityBadge({ priority, className, children, ...props }: IPriorityBadgeProps): react.JSX.Element;
|
|
77
|
+
|
|
78
|
+
type TicketStatus = "open" | "pending" | "snoozed" | "resolved";
|
|
79
|
+
interface ITicketStatusBadgeProps extends HTMLAttributes<HTMLSpanElement> {
|
|
80
|
+
status: TicketStatus;
|
|
81
|
+
}
|
|
82
|
+
declare function TicketStatusBadge({ status, className, children, ...props }: ITicketStatusBadgeProps): react.JSX.Element;
|
|
83
|
+
|
|
31
84
|
interface IAppShellProps {
|
|
32
85
|
sidebar: ReactNode;
|
|
33
86
|
topBar?: ReactNode;
|
|
@@ -158,4 +211,4 @@ interface ILoginCardProps {
|
|
|
158
211
|
}
|
|
159
212
|
declare function LoginCard({ logo, subtitle, children, className, }: ILoginCardProps): react.JSX.Element;
|
|
160
213
|
|
|
161
|
-
export { Alert, type AlertVariant, AppShell, Badge, type BadgeStatus, Button, type ButtonSize, type ButtonVariant, Card, type ColumnAlign, DataTable, type IAlertProps, type IAppShellProps, type IBadgeProps, type IButtonProps, type ICardProps, type IColumn, type IDataTableProps, type IInputProps, type ILoginCardProps, type IModalProps, type INavItemProps, type INavSectionProps, type IOverviewField, type IOverviewFieldProps, type IOverviewGridProps, type ISelectOption, type ISelectProps, type ISidebarProps, type ISidebarUser, type ITab, type ITabsProps, type ITopBarProps, Input, LoginCard, Modal, NavItem, NavSection, OverviewField, OverviewGrid, Select, Sidebar, Tabs, TopBar };
|
|
214
|
+
export { Alert, type AlertVariant, AppShell, Badge, type BadgeStatus, Button, type ButtonSize, type ButtonVariant, Card, type ColumnAlign, DataTable, type IAlertProps, type IAppShellProps, type IBadgeProps, type IButtonProps, type ICardProps, type IColumn, type IDataTableProps, type IIconRailItemProps, type IIconRailProps, type IInputProps, type ILoginCardProps, type IModalProps, type INavItemProps, type INavSectionProps, type INavTab, type INavTabsProps, type IOverviewField, type IOverviewFieldProps, type IOverviewGridProps, type IPriorityBadgeProps, type IScopeTab, type IScopeTabsProps, type ISelectOption, type ISelectProps, type ISidebarProps, type ISidebarUser, type ITab, type ITabsProps, type ITicketStatusBadgeProps, type ITopBarProps, IconRail, IconRailItem, Input, LoginCard, Modal, NavItem, NavSection, NavTabs, OverviewField, OverviewGrid, PriorityBadge, type PriorityLevel, ScopeTabs, Select, Sidebar, Tabs, type TicketStatus, TicketStatusBadge, TopBar };
|
package/dist/index.js
CHANGED
|
@@ -110,13 +110,122 @@ function Badge({ status = "brand", className, ...props }) {
|
|
|
110
110
|
);
|
|
111
111
|
}
|
|
112
112
|
var cx5 = (...c) => c.filter(Boolean).join(" ");
|
|
113
|
+
function IconRailItem({
|
|
114
|
+
active = false,
|
|
115
|
+
className,
|
|
116
|
+
children,
|
|
117
|
+
...props
|
|
118
|
+
}) {
|
|
119
|
+
return /* @__PURE__ */ jsx(
|
|
120
|
+
"a",
|
|
121
|
+
{
|
|
122
|
+
className: cx5(
|
|
123
|
+
"dybo-icon-rail__item",
|
|
124
|
+
active ? "dybo-icon-rail__item--active" : void 0,
|
|
125
|
+
className
|
|
126
|
+
),
|
|
127
|
+
...props,
|
|
128
|
+
children
|
|
129
|
+
}
|
|
130
|
+
);
|
|
131
|
+
}
|
|
132
|
+
function IconRail({ brand, children, className }) {
|
|
133
|
+
return /* @__PURE__ */ jsxs("aside", { className: cx5("dybo-icon-rail", className), children: [
|
|
134
|
+
/* @__PURE__ */ jsx("div", { className: "dybo-icon-rail__brand", children: brand }),
|
|
135
|
+
/* @__PURE__ */ jsx("div", { className: "dybo-icon-rail__nav", children: /* @__PURE__ */ jsx("div", { className: "dybo-icon-rail__pill", children: /* @__PURE__ */ jsx("nav", { className: "dybo-icon-rail__items", children }) }) })
|
|
136
|
+
] });
|
|
137
|
+
}
|
|
138
|
+
var cx6 = (...c) => c.filter(Boolean).join(" ");
|
|
139
|
+
function NavTabs({ tabs, active, onChange, className }) {
|
|
140
|
+
return /* @__PURE__ */ jsx("div", { className: cx6("dybo-navtabs", className), role: "tablist", children: tabs.map((tab) => /* @__PURE__ */ jsx(
|
|
141
|
+
"button",
|
|
142
|
+
{
|
|
143
|
+
type: "button",
|
|
144
|
+
role: "tab",
|
|
145
|
+
"aria-selected": tab.key === active,
|
|
146
|
+
disabled: tab.disabled,
|
|
147
|
+
className: cx6(
|
|
148
|
+
"dybo-navtab",
|
|
149
|
+
tab.key === active ? "dybo-navtab--active" : void 0
|
|
150
|
+
),
|
|
151
|
+
onClick: () => !tab.disabled && onChange(tab.key),
|
|
152
|
+
children: tab.label
|
|
153
|
+
},
|
|
154
|
+
tab.key
|
|
155
|
+
)) });
|
|
156
|
+
}
|
|
157
|
+
var cx7 = (...c) => c.filter(Boolean).join(" ");
|
|
158
|
+
function ScopeTabs({ tabs, active, onChange, className }) {
|
|
159
|
+
return /* @__PURE__ */ jsx("div", { className: cx7("dybo-scope", className), role: "tablist", children: tabs.map((tab) => /* @__PURE__ */ jsxs(
|
|
160
|
+
"button",
|
|
161
|
+
{
|
|
162
|
+
type: "button",
|
|
163
|
+
role: "tab",
|
|
164
|
+
"aria-selected": tab.key === active,
|
|
165
|
+
disabled: tab.disabled,
|
|
166
|
+
className: cx7(
|
|
167
|
+
"dybo-scope-tab",
|
|
168
|
+
tab.key === active ? "dybo-scope-tab--active" : void 0
|
|
169
|
+
),
|
|
170
|
+
onClick: () => !tab.disabled && onChange(tab.key),
|
|
171
|
+
children: [
|
|
172
|
+
tab.label,
|
|
173
|
+
tab.count !== void 0 && /* @__PURE__ */ jsx("span", { className: "dybo-scope-count", children: tab.count })
|
|
174
|
+
]
|
|
175
|
+
},
|
|
176
|
+
tab.key
|
|
177
|
+
)) });
|
|
178
|
+
}
|
|
179
|
+
var cx8 = (...c) => c.filter(Boolean).join(" ");
|
|
180
|
+
function PriorityBadge({
|
|
181
|
+
priority,
|
|
182
|
+
className,
|
|
183
|
+
children,
|
|
184
|
+
...props
|
|
185
|
+
}) {
|
|
186
|
+
return /* @__PURE__ */ jsx(
|
|
187
|
+
"span",
|
|
188
|
+
{
|
|
189
|
+
className: cx8("dybo-priority", `dybo-priority--${priority}`, className),
|
|
190
|
+
...props,
|
|
191
|
+
children: children ?? priority
|
|
192
|
+
}
|
|
193
|
+
);
|
|
194
|
+
}
|
|
195
|
+
var cx9 = (...c) => c.filter(Boolean).join(" ");
|
|
196
|
+
var defaultLabels = {
|
|
197
|
+
open: "Open",
|
|
198
|
+
pending: "Pending",
|
|
199
|
+
snoozed: "Snoozed",
|
|
200
|
+
resolved: "Resolved"
|
|
201
|
+
};
|
|
202
|
+
function TicketStatusBadge({
|
|
203
|
+
status,
|
|
204
|
+
className,
|
|
205
|
+
children,
|
|
206
|
+
...props
|
|
207
|
+
}) {
|
|
208
|
+
return /* @__PURE__ */ jsx(
|
|
209
|
+
"span",
|
|
210
|
+
{
|
|
211
|
+
className: cx9(
|
|
212
|
+
"dybo-ticket-status",
|
|
213
|
+
`dybo-ticket-status--${status}`,
|
|
214
|
+
className
|
|
215
|
+
),
|
|
216
|
+
...props,
|
|
217
|
+
children: children ?? defaultLabels[status]
|
|
218
|
+
}
|
|
219
|
+
);
|
|
220
|
+
}
|
|
221
|
+
var cx10 = (...c) => c.filter(Boolean).join(" ");
|
|
113
222
|
function AppShell({
|
|
114
223
|
sidebar,
|
|
115
224
|
topBar,
|
|
116
225
|
children,
|
|
117
226
|
className
|
|
118
227
|
}) {
|
|
119
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
228
|
+
return /* @__PURE__ */ jsxs("div", { className: cx10("dybo-app-shell", className), children: [
|
|
120
229
|
sidebar,
|
|
121
230
|
/* @__PURE__ */ jsxs("div", { className: "dybo-main", children: [
|
|
122
231
|
topBar,
|
|
@@ -124,7 +233,7 @@ function AppShell({
|
|
|
124
233
|
] })
|
|
125
234
|
] });
|
|
126
235
|
}
|
|
127
|
-
var
|
|
236
|
+
var cx11 = (...c) => c.filter(Boolean).join(" ");
|
|
128
237
|
function Sidebar({
|
|
129
238
|
brand,
|
|
130
239
|
children,
|
|
@@ -133,7 +242,7 @@ function Sidebar({
|
|
|
133
242
|
onLogout,
|
|
134
243
|
className
|
|
135
244
|
}) {
|
|
136
|
-
return /* @__PURE__ */ jsxs("aside", { className:
|
|
245
|
+
return /* @__PURE__ */ jsxs("aside", { className: cx11("dybo-sidebar", className), children: [
|
|
137
246
|
brand && /* @__PURE__ */ jsx("div", { className: "dybo-sidebar__brand", children: brand }),
|
|
138
247
|
/* @__PURE__ */ jsx("nav", { className: "dybo-sidebar__nav", children }),
|
|
139
248
|
/* @__PURE__ */ jsxs("div", { className: "dybo-sidebar__footer", children: [
|
|
@@ -174,14 +283,14 @@ function Sidebar({
|
|
|
174
283
|
] })
|
|
175
284
|
] });
|
|
176
285
|
}
|
|
177
|
-
var
|
|
286
|
+
var cx12 = (...c) => c.filter(Boolean).join(" ");
|
|
178
287
|
function TopBar({ title, children, className }) {
|
|
179
|
-
return /* @__PURE__ */ jsxs("header", { className:
|
|
288
|
+
return /* @__PURE__ */ jsxs("header", { className: cx12("dybo-topbar", className), children: [
|
|
180
289
|
/* @__PURE__ */ jsx("span", { className: "dybo-topbar__title", children: title }),
|
|
181
290
|
children
|
|
182
291
|
] });
|
|
183
292
|
}
|
|
184
|
-
var
|
|
293
|
+
var cx13 = (...c) => c.filter(Boolean).join(" ");
|
|
185
294
|
function NavItem({
|
|
186
295
|
label,
|
|
187
296
|
href,
|
|
@@ -190,7 +299,7 @@ function NavItem({
|
|
|
190
299
|
onClick,
|
|
191
300
|
className
|
|
192
301
|
}) {
|
|
193
|
-
const baseClass =
|
|
302
|
+
const baseClass = cx13(
|
|
194
303
|
"dybo-nav-item",
|
|
195
304
|
active ? "dybo-nav-item--active" : void 0,
|
|
196
305
|
className
|
|
@@ -207,7 +316,7 @@ function NavItem({
|
|
|
207
316
|
function NavSection({ label }) {
|
|
208
317
|
return /* @__PURE__ */ jsx("div", { className: "dybo-sidebar__section", children: label });
|
|
209
318
|
}
|
|
210
|
-
var
|
|
319
|
+
var cx14 = (...c) => c.filter(Boolean).join(" ");
|
|
211
320
|
function DataTable({
|
|
212
321
|
columns,
|
|
213
322
|
rows,
|
|
@@ -221,11 +330,11 @@ function DataTable({
|
|
|
221
330
|
if (typeof rowKey === "function") return rowKey(row, index);
|
|
222
331
|
return row[rowKey];
|
|
223
332
|
}
|
|
224
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
333
|
+
return /* @__PURE__ */ jsx("div", { className: cx14("dybo-table-wrap", className), children: /* @__PURE__ */ jsxs("table", { className: "dybo-table", children: [
|
|
225
334
|
/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: columns.map((col) => /* @__PURE__ */ jsx(
|
|
226
335
|
"th",
|
|
227
336
|
{
|
|
228
|
-
className:
|
|
337
|
+
className: cx14(
|
|
229
338
|
col.align === "left" ? "left" : void 0,
|
|
230
339
|
col.className
|
|
231
340
|
),
|
|
@@ -247,7 +356,7 @@ function DataTable({
|
|
|
247
356
|
) }) : rows.map((row, index) => /* @__PURE__ */ jsx(
|
|
248
357
|
"tr",
|
|
249
358
|
{
|
|
250
|
-
className:
|
|
359
|
+
className: cx14(
|
|
251
360
|
onRowClick ? "dybo-table__row--clickable" : void 0
|
|
252
361
|
),
|
|
253
362
|
onClick: onRowClick ? () => onRowClick(row) : void 0,
|
|
@@ -256,7 +365,7 @@ function DataTable({
|
|
|
256
365
|
return /* @__PURE__ */ jsx(
|
|
257
366
|
"td",
|
|
258
367
|
{
|
|
259
|
-
className:
|
|
368
|
+
className: cx14(
|
|
260
369
|
col.align === "left" ? "left" : void 0,
|
|
261
370
|
col.className
|
|
262
371
|
),
|
|
@@ -270,16 +379,16 @@ function DataTable({
|
|
|
270
379
|
)) })
|
|
271
380
|
] }) });
|
|
272
381
|
}
|
|
273
|
-
var
|
|
382
|
+
var cx15 = (...c) => c.filter(Boolean).join(" ");
|
|
274
383
|
function Tabs({ tabs, active, onChange, className }) {
|
|
275
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
384
|
+
return /* @__PURE__ */ jsx("div", { className: cx15("dybo-tabs", className), role: "tablist", children: tabs.map((tab) => /* @__PURE__ */ jsx(
|
|
276
385
|
"button",
|
|
277
386
|
{
|
|
278
387
|
type: "button",
|
|
279
388
|
role: "tab",
|
|
280
389
|
"aria-selected": tab.key === active,
|
|
281
390
|
disabled: tab.disabled,
|
|
282
|
-
className:
|
|
391
|
+
className: cx15(
|
|
283
392
|
"dybo-tab",
|
|
284
393
|
tab.key === active ? "dybo-tab--active" : void 0
|
|
285
394
|
),
|
|
@@ -289,22 +398,22 @@ function Tabs({ tabs, active, onChange, className }) {
|
|
|
289
398
|
tab.key
|
|
290
399
|
)) });
|
|
291
400
|
}
|
|
292
|
-
var
|
|
401
|
+
var cx16 = (...c) => c.filter(Boolean).join(" ");
|
|
293
402
|
function OverviewField({
|
|
294
403
|
label,
|
|
295
404
|
value,
|
|
296
405
|
className,
|
|
297
406
|
style
|
|
298
407
|
}) {
|
|
299
|
-
return /* @__PURE__ */ jsxs("div", { className:
|
|
408
|
+
return /* @__PURE__ */ jsxs("div", { className: cx16("dybo-overview-field", className), style, children: [
|
|
300
409
|
/* @__PURE__ */ jsx("span", { className: "dybo-overview-field__label", children: label }),
|
|
301
410
|
/* @__PURE__ */ jsx("span", { className: "dybo-overview-field__value", children: value })
|
|
302
411
|
] });
|
|
303
412
|
}
|
|
304
413
|
function OverviewGrid({ fields, className }) {
|
|
305
|
-
return /* @__PURE__ */ jsx("div", { className:
|
|
414
|
+
return /* @__PURE__ */ jsx("div", { className: cx16("dybo-overview-grid", className), children: fields.map((field, i) => /* @__PURE__ */ jsx(OverviewField, { ...field }, i)) });
|
|
306
415
|
}
|
|
307
|
-
var
|
|
416
|
+
var cx17 = (...c) => c.filter(Boolean).join(" ");
|
|
308
417
|
function Select({
|
|
309
418
|
label,
|
|
310
419
|
error,
|
|
@@ -332,7 +441,7 @@ function Select({
|
|
|
332
441
|
"select",
|
|
333
442
|
{
|
|
334
443
|
id: selectId,
|
|
335
|
-
className:
|
|
444
|
+
className: cx17("dybo-select", className),
|
|
336
445
|
style: error ? {
|
|
337
446
|
borderColor: "var(--dybo-danger)",
|
|
338
447
|
boxShadow: "0 0 0 3px rgba(162,26,23,0.12)"
|
|
@@ -363,7 +472,7 @@ var icons = {
|
|
|
363
472
|
danger: "\u2715",
|
|
364
473
|
info: "\u2139"
|
|
365
474
|
};
|
|
366
|
-
var
|
|
475
|
+
var cx18 = (...c) => c.filter(Boolean).join(" ");
|
|
367
476
|
function Alert({
|
|
368
477
|
variant = "info",
|
|
369
478
|
children,
|
|
@@ -373,7 +482,7 @@ function Alert({
|
|
|
373
482
|
return /* @__PURE__ */ jsxs(
|
|
374
483
|
"div",
|
|
375
484
|
{
|
|
376
|
-
className:
|
|
485
|
+
className: cx18("dybo-alert", `dybo-alert--${variant}`, className),
|
|
377
486
|
role: "alert",
|
|
378
487
|
children: [
|
|
379
488
|
/* @__PURE__ */ jsx("span", { style: { flexShrink: 0, fontWeight: 700 }, children: icons[variant] }),
|
|
@@ -468,14 +577,14 @@ function Modal({
|
|
|
468
577
|
document.body
|
|
469
578
|
);
|
|
470
579
|
}
|
|
471
|
-
var
|
|
580
|
+
var cx19 = (...c) => c.filter(Boolean).join(" ");
|
|
472
581
|
function LoginCard({
|
|
473
582
|
logo,
|
|
474
583
|
subtitle,
|
|
475
584
|
children,
|
|
476
585
|
className
|
|
477
586
|
}) {
|
|
478
|
-
return /* @__PURE__ */ jsx("div", { className: "dybo-login-wrap", children: /* @__PURE__ */ jsxs("div", { className:
|
|
587
|
+
return /* @__PURE__ */ jsx("div", { className: "dybo-login-wrap", children: /* @__PURE__ */ jsxs("div", { className: cx19("dybo-login-card", className), children: [
|
|
479
588
|
logo && /* @__PURE__ */ jsx(
|
|
480
589
|
"div",
|
|
481
590
|
{
|
|
@@ -492,6 +601,6 @@ function LoginCard({
|
|
|
492
601
|
] }) });
|
|
493
602
|
}
|
|
494
603
|
|
|
495
|
-
export { Alert, AppShell, Badge, Button, Card, DataTable, Input, LoginCard, Modal, NavItem, NavSection, OverviewField, OverviewGrid, Select, Sidebar, Tabs, TopBar };
|
|
604
|
+
export { Alert, AppShell, Badge, Button, Card, DataTable, IconRail, IconRailItem, Input, LoginCard, Modal, NavItem, NavSection, NavTabs, OverviewField, OverviewGrid, PriorityBadge, ScopeTabs, Select, Sidebar, Tabs, TicketStatusBadge, TopBar };
|
|
496
605
|
//# sourceMappingURL=index.js.map
|
|
497
606
|
//# sourceMappingURL=index.js.map
|