natxocc/sigpro-ui
1
1
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

Include lost css
All checks were successful
Deploy Docs to Synology / deploy (push) Successful in 4s
Details

Browse Source
This commit is contained in:
Natxo
2026-05-06 22:21:08 +02:00
parent 9353724131
commit 72d98f9aa1
10 changed files with 1900 additions and 134 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1741
dist/sigpro-ui.css vendored
View File

File diff suppressed because it is too large Load Diff

6
dist/sigpro-ui.esm.js vendored
View File

@@ -473,19 +473,19 @@ var Menu = (p) => {
}, getBy(item)));
return h("ul", { class: cls("menu", p.class) }, each(() => val(items) || [], render));
};
var Modal = (p) => {
var Modal = (p, c) => {
let dialogRef = null;
watch(() => {
const isOpen = val(p.open);
if (!dialogRef)
return;
isOpen ? dialogRef.showModal() : dialogRef.hide();
isOpen ? dialogRef.showModal() : dialogRef.close();
});
const close = () => isFunc(p.open) && p.open(false);
return h("dialog", { ...p, ref: (el) => dialogRef = el, class: cls("modal", p.class), onclose: close, oncancel: close }, [
h("div", { class: "modal-box" }, [
p.title && h("h3", { class: "text-lg font-bold" }, p.title),
p.children,
c,
h("div", { class: "modal-action" }, [
p.actions || Button({ class: "btn", onclick: close }, "Cerrar")
])

2
dist/sigpro-ui.esm.min.js vendored
View File

File diff suppressed because one or more lines are too long

6
dist/sigpro-ui.js vendored
View File

@@ -1007,18 +1007,18 @@ var spui = (() => {
each(() => val(items) || [], render2)
);
};
var Modal = (p) => {
var Modal = (p, c) => {
let dialogRef = null;
watch(() => {
const isOpen = val(p.open);
if (!dialogRef) return;
isOpen ? dialogRef.showModal() : dialogRef.hide();
isOpen ? dialogRef.showModal() : dialogRef.close();
});
const close = () => isFunc(p.open) && p.open(false);
return h("dialog", { ...p, ref: (el) => dialogRef = el, class: cls("modal", p.class), onclose: close, oncancel: close }, [
h("div", { class: "modal-box" }, [
p.title && h("h3", { class: "text-lg font-bold" }, p.title),
p.children,
c,
h("div", { class: "modal-action" }, [
p.actions || Button({ class: "btn", onclick: close }, "Cerrar")
])

2
dist/sigpro-ui.min.css vendored
View File

File diff suppressed because one or more lines are too long

4
dist/sigpro-ui.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
docs/sigpro-ui.min.css vendored
View File

File diff suppressed because one or more lines are too long

4
docs/sigpro-ui.min.js vendored
View File

File diff suppressed because one or more lines are too long

121
src/sigpro-ui.css
View File

@@ -94,127 +94,6 @@
font-size: 1.1rem;
}
/* SOLO PARA LA DEMO */
/* Forzar DaisyUI .progress sobre Docsify */
/* progress.progress {
appearance: auto !important;
-webkit-appearance: auto !important;
-moz-appearance: auto !important;
} */
.markdown-section progress.progress {
all: revert-layer;
}
/* join join-vertical lg:join-horizontal divider divider-horizontal validator validator-hint glass */
/* Icons */
/* .icon-[lucide--calendar] .icon-[lucide--chevrons-left] .icon-[lucide--chevron-left] .icon-[lucide--chevron-right] .icon-[lucide--chevrons-right] .icon-[lucide--info] .icon-[lucide--check-circle] .icon-[lucide--alert-triangle] .icon-[lucide--alert-circle] .icon-[lucide--heart] */
/* .icon-[lucide--upload], .icon-[lucide--x], .icon-[lucide--text], .icon-[lucide--lock], .icon-[lucide--calendar], .icon-[lucide--hash], .icon-[lucide--mail], .icon-[lucide--search], .icon-[lucide--phone], .icon-[lucide--link], .icon-[lucide--eye-off], .icon-[lucide--eye] */
/* Accordion */
/* .input, .input-bordered, .input-ghost, .input-primary, .input-secondary, .input-accent, .input-info, .input-success, .input-warning, .input-error, .input-xs, .input-sm, .input-md, .input-lg, .floating-label, */
/* Alert */
/* .alert, .alert-info, .alert-success, .alert-warning, .alert-error, .alert-soft, .alert-outline, .alert-dash, */
/* Avatar */
/* .avatar .avatar-group .avatar-online .avatar-offline .avatar-placeholder */
/* Breadcrumbs */
/* .breadcrumbs */
/* Autocomplete */
/* .menu, .menu-dropdown, .menu-dropdown-show, */
/* Badge */
/* .badge, .badge-primary, .badge-secondary, .badge-accent, .badge-info, .badge-success, .badge-warning, .badge-error, .badge-outline, .badge-soft, .badge-dash, .badge-xs, .badge-sm, .badge-md, .badge-lg, */
/* Button */
/* .btn, .btn-primary, .btn-secondary, .btn-accent, .btn-ghost, .btn-info, .btn-success, .btn-warning, .btn-error, .btn-neutral, .btn-xs, .btn-sm, .btn-md, .btn-lg, .btn-xl, .btn-outline, .btn-soft, .btn-dash, .btn-link, .btn-circle, .btn-square, .btn-wide, .btn-block, .btn-active, .btn-disabled, */
/* Checkbox & Toggle */
/* .checkbox, .checkbox-primary, .checkbox-secondary, .checkbox-accent, .checkbox-info, .checkbox-success, .checkbox-warning, .checkbox-error, .checkbox-xs, .checkbox-sm, .checkbox-md, .checkbox-lg, .toggle, .toggle-primary, .toggle-secondary, .toggle-accent, .toggle-xs, .toggle-sm, .toggle-md, .toggle-lg, */
/* Chat */
/* .chat .chat-end .chat-start .chat.image .chat-header .chat-footer . chat-bubble */
/* Colorpicker */
/* Drawer */
/* .drawer, .drawer-end .drawer-toggle, .drawer-content, .drawer-side, .drawer-overlay, */
/* Dropdown */
/* .dropdown, .dropdown-content, .dropdown-end, .dropdown-top, .dropdown-bottom , .dropdown-left, .dropdown-right*/
/* Fab */
/* .fab, */
/* Fieldset */
/* .fieldset, .fieldset-legend, */
/* Indicator */
/* .indicator, .indicator-item, */
/* Input */
/* .input, .input-bordered, .input-ghost, .input-primary, .input-secondary, .input-accent, .input-info, .input-success, .input-warning, .input-error, .input-xs, .input-sm, .input-md, .input-lg, .floating-label, */
/* Kbd */
/* .kbd .kbd-xs .kbd-sm .kbd-md .kbd-lg .kbd-xl */
/* List */
/* .list, .list-row, .list-bullet, .list-image, .list-none, */
/* Mask */
/* .mask, .mask-star, .mask-star-2, .mask-heart, .mask-circle, */
/* Menu */
/* .menu, .menu-dropdown, .menu-dropdown-show, */
/* Modal */
/* .modal, .modal-box, .modal-action, .modal-backdrop, .modal-open, .modal-middle, .modal-top, .modal-bottom, */
/* Navbar */
/* .navbar, .navbar-start, .navbar-center, .navbar-end, */
/* Progress */
/* .progress .progress-neutral .progress-primary .progress-secondary .progress-accent .progress-info .progress-success .progress-warning .progress-error */
/* Radial */
/* .radial-progress */
/* Radio */
/* .radio, .radio-primary, .radio-secondary, .radio-accent, .radio-info, .radio-success, .radio-warning, .radio-error, .radio-xs, .radio-sm, .radio-md, .radio-lg, */
/* Range */
/* .range, .range-primary, .range-secondary, .range-accent, .range-info, .range-success, .range-warning, .range-error, .range-xs, .range-sm, .range-md, .range-lg, */
/* Rating */
/* .rating, .rating-half, .rating-hidden, */
/* Select */
/* .select, .select-bordered, .select-primary, .select-secondary, .select-accent, .select-info, .select-success, .select-warning, .select-error, .select-xs, .select-sm, .select-md, .select-lg, */
/* Stack */
/* .stack, .stack-top, .stack-bottom, .stack-start, .stack-end, */
/* Stat */
/* .stat, .stat-figure, .stat-title, .stat-value, .stat-desc, */
/* Swap */
/* .swap, .swap-on, .swap-off, .swap-active, .swap-rotate, .swap-flip, .swap-indeterminate, */
/* Table */
/* .table, .table-zebra, .table-pin-rows, .table-pin-cols, .table-xs, .table-sm, .table-md, .table-lg, */
/* Tabs */
/* .tabs, .tabs-box, .tabs-lift, .tabs-border, .tab, .tab-content, */
/* Timeline */
/* .timeline, .timeline-vertical, .timeline-horizontal, .timeline-compact, .timeline-start, .timeline-middle, .timeline-end, .timeline-box, */
/* Toast */
/* .icon-[lucide--x], */
/* Tooltip */
/* .tooltip, .tooltip-top, .tooltip-bottom, .tooltip-left, .tooltip-right, .tooltip-primary, .tooltip-secondary, .tooltip-accent, .tooltip-info, .tooltip-success, .tooltip-warning, .tooltip-error, .tooltip-open, */

146
src/tailwind-classes.js Normal file
View File

@@ -0,0 +1,146 @@
// src/tailwind-classes.js
// Este archivo fuerza a Tailwind v4 a incluir todas las clases necesarias
// Layout / Join / Divider
const layout = [
'join', 'join-vertical', 'lg:join-horizontal',
'divider', 'divider-horizontal',
'validator', 'validator-hint',
'glass'
]
// Iconos Lucide
const icons = [
'icon-[lucide--calendar]', 'icon-[lucide--chevrons-left]',
'icon-[lucide--chevron-left]', 'icon-[lucide--chevron-right]',
'icon-[lucide--chevrons-right]', 'icon-[lucide--info]',
'icon-[lucide--check-circle]', 'icon-[lucide--alert-triangle]',
'icon-[lucide--alert-circle]', 'icon-[lucide--heart]',
'icon-[lucide--upload]', 'icon-[lucide--x]', 'icon-[lucide--text]',
'icon-[lucide--lock]', 'icon-[lucide--hash]', 'icon-[lucide--mail]',
'icon-[lucide--search]', 'icon-[lucide--phone]', 'icon-[lucide--link]',
'icon-[lucide--eye-off]', 'icon-[lucide--eye]'
]
// Inputs
const inputs = [
'input', 'input-bordered', 'input-ghost',
'input-primary', 'input-secondary', 'input-accent',
'input-info', 'input-success', 'input-warning', 'input-error',
'input-xs', 'input-sm', 'input-md', 'input-lg',
'floating-label'
]
// Alertas
const alerts = [
'alert', 'alert-info', 'alert-success', 'alert-warning', 'alert-error',
'alert-soft', 'alert-outline', 'alert-dash'
]
// Avatar
const avatars = [
'avatar', 'avatar-group', 'avatar-online', 'avatar-offline', 'avatar-placeholder'
]
// Badges
const badges = [
'badge', 'badge-primary', 'badge-secondary', 'badge-accent',
'badge-info', 'badge-success', 'badge-warning', 'badge-error',
'badge-outline', 'badge-soft', 'badge-dash',
'badge-xs', 'badge-sm', 'badge-md', 'badge-lg'
]
// Botones
const buttons = [
'btn', 'btn-primary', 'btn-secondary', 'btn-accent',
'btn-ghost', 'btn-info', 'btn-success', 'btn-warning',
'btn-error', 'btn-neutral',
'btn-xs', 'btn-sm', 'btn-md', 'btn-lg', 'btn-xl',
'btn-outline', 'btn-soft', 'btn-dash', 'btn-link',
'btn-circle', 'btn-square', 'btn-wide', 'btn-block',
'btn-active', 'btn-disabled'
]
// Checkbox
const checkboxes = [
'checkbox', 'checkbox-primary', 'checkbox-secondary', 'checkbox-accent',
'checkbox-info', 'checkbox-success', 'checkbox-warning', 'checkbox-error',
'checkbox-xs', 'checkbox-sm', 'checkbox-md', 'checkbox-lg'
]
// Toggle
const toggles = [
'toggle', 'toggle-primary', 'toggle-secondary', 'toggle-accent',
'toggle-xs', 'toggle-sm', 'toggle-md', 'toggle-lg'
]
// Chat
const chats = [
'chat', 'chat-end', 'chat-start', 'chat-image',
'chat-header', 'chat-footer', 'chat-bubble'
]
// Drawer
const drawers = [
'drawer', 'drawer-end', 'drawer-toggle', 'drawer-content',
'drawer-side', 'drawer-overlay'
]
// Dropdown
const dropdowns = [
'dropdown', 'dropdown-content', 'dropdown-end',
'dropdown-top', 'dropdown-bottom', 'dropdown-left', 'dropdown-right'
]
// Otros componentes
const misc = [
'breadcrumbs', 'fab', 'fieldset', 'fieldset-legend',
'indicator', 'indicator-item', 'menu', 'menu-dropdown', 'menu-dropdown-show',
'kbd', 'kbd-xs', 'kbd-sm', 'kbd-md', 'kbd-lg', 'kbd-xl',
'list', 'list-row', 'list-bullet', 'list-image', 'list-none',
'mask', 'mask-star', 'mask-star-2', 'mask-heart', 'mask-circle',
'modal', 'modal-box', 'modal-action', 'modal-backdrop',
'modal-open', 'modal-middle', 'modal-top', 'modal-bottom',
'navbar', 'navbar-start', 'navbar-center', 'navbar-end',
'progress', 'progress-neutral', 'progress-primary', 'progress-secondary',
'progress-accent', 'progress-info', 'progress-success',
'progress-warning', 'progress-error', 'radial-progress',
'radio', 'radio-primary', 'radio-secondary', 'radio-accent',
'radio-info', 'radio-success', 'radio-warning', 'radio-error',
'radio-xs', 'radio-sm', 'radio-md', 'radio-lg',
'range', 'range-primary', 'range-secondary', 'range-accent',
'range-info', 'range-success', 'range-warning', 'range-error',
'range-xs', 'range-sm', 'range-md', 'range-lg',
'rating', 'rating-half', 'rating-hidden',
'select', 'select-bordered', 'select-primary', 'select-secondary',
'select-accent', 'select-info', 'select-success',
'select-warning', 'select-error',
'select-xs', 'select-sm', 'select-md', 'select-lg',
'stack', 'stack-top', 'stack-bottom', 'stack-start', 'stack-end',
'stat', 'stat-figure', 'stat-title', 'stat-value', 'stat-desc',
'swap', 'swap-on', 'swap-off', 'swap-active',
'swap-rotate', 'swap-flip', 'swap-indeterminate',
'table', 'table-zebra', 'table-pin-rows', 'table-pin-cols',
'table-xs', 'table-sm', 'table-md', 'table-lg',
'tabs', 'tabs-box', 'tabs-lift', 'tabs-border', 'tab', 'tab-content',
'timeline', 'timeline-vertical', 'timeline-horizontal',
'timeline-compact', 'timeline-start', 'timeline-middle',
'timeline-end', 'timeline-box',
'tooltip', 'tooltip-top', 'tooltip-bottom', 'tooltip-left', 'tooltip-right',
'tooltip-primary', 'tooltip-secondary', 'tooltip-accent',
'tooltip-info', 'tooltip-success', 'tooltip-warning', 'tooltip-error',
'tooltip-open'
]
// Unir todas las clases
const allClasses = [
...layout, ...icons, ...inputs, ...alerts, ...avatars,
...badges, ...buttons, ...checkboxes, ...toggles, ...chats,
...drawers, ...dropdowns, ...misc
]
// Exportar para que Tailwind las detecte
export const tailwindClasses = allClasses.join(' ')
// También como array para posible uso en JS
export default allClasses