@proyecto-viviana/ui 0.3.4 → 0.4.0

package/dist/toast/index.d.ts

@@ -1,101 +0,0 @@
-/**
- * Toast components for proyecto-viviana-ui
- *
- * Toast notifications with auto-dismiss, animations, and variants.
- * Built on top of solidaria-components for accessibility.
- */
-import { type JSX } from 'solid-js';
-import { ToastContext, globalToastQueue, useToastContext, type ToastContent, type ToastProps as HeadlessToastProps, type ToastRegionProps as HeadlessToastRegionProps, type ToastProviderProps as HeadlessToastProviderProps, type ToastRenderProps, type ToastRegionRenderProps } from '@proyecto-viviana/solidaria-components';
-import { type QueuedToast, type ToastOptions } from '@proyecto-viviana/solid-stately';
-export type ToastPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end';
-export type ToastVariant = 'info' | 'success' | 'warning' | 'error' | 'neutral';
-export interface ToastProviderProps extends HeadlessToastProviderProps {
-}
-export interface ToastRegionProps extends Omit<HeadlessToastRegionProps, 'class' | 'style' | 'children'> {
-    /** The placement of the toast region. */
-    placement?: ToastPlacement;
-    /** Additional CSS class name. */
-    class?: string;
-}
-export interface ToastProps extends Omit<HeadlessToastProps, 'class' | 'style'> {
-    /** Additional CSS class name. */
-    class?: string;
-}
-/**
- * ToastProvider creates a toast queue context for descendant components.
- * Wrap your app or a section that needs toast notifications.
- *
- * @example
- * ```tsx
- * <ToastProvider>
- *   <App />
- *   <ToastRegion placement="bottom-end" />
- * </ToastProvider>
- * ```
- */
-export declare function ToastProvider(props: ToastProviderProps): JSX.Element;
-/**
- * ToastRegion displays all visible toasts in a fixed position.
- *
- * @example
- * ```tsx
- * <ToastRegion placement="bottom-end" />
- * ```
- */
-export declare function ToastRegion(props: ToastRegionProps): JSX.Element;
-/**
- * Toast displays an individual notification with icon, content, and close button.
- *
- * Usually you don't need to use this directly - ToastRegion renders toasts automatically.
- */
-export declare function Toast(props: ToastProps): JSX.Element;
-/**
- * Add a toast to the global queue.
- * Use this to show toasts from anywhere in your app.
- *
- * @example
- * ```tsx
- * // Show a success toast
- * addToast({
- *   title: 'Success!',
- *   description: 'Your changes have been saved.',
- *   type: 'success',
- * });
- *
- * // Show an error toast with auto-dismiss
- * addToast({
- *   title: 'Error',
- *   description: 'Something went wrong.',
- *   type: 'error',
- * }, { timeout: 5000 });
- *
- * // Show a toast with action
- * addToast({
- *   title: 'File deleted',
- *   type: 'info',
- *   action: {
- *     label: 'Undo',
- *     onAction: () => restoreFile(),
- *   },
- * }, { timeout: 10000 });
- * ```
- */
-export declare function addToast(content: ToastContent, options?: ToastOptions): string;
-/**
- * Convenience function to show a success toast.
- */
-export declare function toastSuccess(message: string, options?: Omit<ToastOptions, 'priority'>): string;
-/**
- * Convenience function to show an error toast.
- */
-export declare function toastError(message: string, options?: Omit<ToastOptions, 'priority'>): string;
-/**
- * Convenience function to show a warning toast.
- */
-export declare function toastWarning(message: string, options?: Omit<ToastOptions, 'priority'>): string;
-/**
- * Convenience function to show an info toast.
- */
-export declare function toastInfo(message: string, options?: Omit<ToastOptions, 'priority'>): string;
-export { ToastContext, globalToastQueue, useToastContext, type ToastContent, type ToastRenderProps, type ToastRegionRenderProps, type QueuedToast, type ToastOptions, };
-//# sourceMappingURL=index.d.ts.map

package/dist/toast/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/toast/index.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAyB,MAAM,UAAU,CAAC;AAC3D,OAAO,EAIL,YAAY,EAEZ,gBAAgB,EAEhB,eAAe,EACf,KAAK,YAAY,EACjB,KAAK,UAAU,IAAI,kBAAkB,EACrC,KAAK,gBAAgB,IAAI,wBAAwB,EACjD,KAAK,kBAAkB,IAAI,0BAA0B,EACrD,KAAK,gBAAgB,EACrB,KAAK,sBAAsB,EAC5B,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAMtF,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,cAAc,GAAG,YAAY,CAAC;AACxG,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAEhF,MAAM,WAAW,kBAAmB,SAAQ,0BAA0B;CAAG;AAEzE,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,wBAAwB,EAAE,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;IACtG,yCAAyC;IACzC,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,OAAO,CAAC;IAC7E,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA+FD;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAEpE;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAkBhE;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAoDpD;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,QAAQ,CACtB,OAAO,EAAE,YAAY,EACrB,OAAO,CAAC,EAAE,YAAY,GACrB,MAAM,CAER;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,GAAG,MAAM,CAE9F;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,GAAG,MAAM,CAE5F;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,GAAG,MAAM,CAE9F;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,GAAG,MAAM,CAE3F;AAGD,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,KAAK,YAAY,EACjB,KAAK,gBAAgB,EACrB,KAAK,sBAAsB,EAC3B,KAAK,WAAW,EAChB,KAAK,YAAY,GAClB,CAAC"}

package/dist/toolbar/index.d.ts

@@ -1,42 +0,0 @@
-/**
- * Toolbar component for proyecto-viviana-ui
- *
- * Styled toolbar component built on top of solidaria-components Toolbar.
- */
-import { type JSX } from 'solid-js';
-import { type ToolbarProps as HeadlessToolbarProps } from '@proyecto-viviana/solidaria-components';
-export type ToolbarSize = 'sm' | 'md' | 'lg';
-export type ToolbarVariant = 'default' | 'bordered' | 'ghost';
-export interface ToolbarProps extends Omit<HeadlessToolbarProps, 'class' | 'style'> {
-    /** The visual variant of the toolbar. @default 'default' */
-    variant?: ToolbarVariant;
-    /** The size of the toolbar. @default 'md' */
-    size?: ToolbarSize;
-    /** Additional CSS class name. */
-    class?: string;
-    /** Inline styles. */
-    style?: JSX.CSSProperties;
-}
-/**
- * A styled toolbar for grouping interactive controls with keyboard navigation.
- *
- * @example
- * ```tsx
- * <Toolbar aria-label="Text formatting">
- *   <Button>Bold</Button>
- *   <Button>Italic</Button>
- *   <Separator orientation="vertical" />
- *   <Button>Align Left</Button>
- *   <Button>Align Center</Button>
- * </Toolbar>
- *
- * // Vertical toolbar
- * <Toolbar orientation="vertical" variant="bordered">
- *   <Button>Cut</Button>
- *   <Button>Copy</Button>
- *   <Button>Paste</Button>
- * </Toolbar>
- * ```
- */
-export declare function Toolbar(props: ToolbarProps): JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/toolbar/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/toolbar/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,GAAG,EAA0B,MAAM,UAAU,CAAA;AAC3D,OAAO,EAEL,KAAK,YAAY,IAAI,oBAAoB,EAE1C,MAAM,wCAAwC,CAAA;AAM/C,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAC5C,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAA;AAE7D,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,oBAAoB,EAAE,OAAO,GAAG,OAAO,CAAC;IACjF,4DAA4D;IAC5D,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qBAAqB;IACrB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAA;CAC1B;AA6BD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CA4BxD"}

package/dist/tooltip/index.d.ts

@@ -1,78 +0,0 @@
-/**
- * Tooltip component for proyecto-viviana-ui
- *
- * A tooltip displays a description of an element on hover or focus.
- * Built on top of solidaria-components for accessibility.
- */
-import { type JSX } from 'solid-js';
-import { type TooltipProps as HeadlessTooltipProps, type TooltipTriggerComponentProps as HeadlessTooltipTriggerProps, type TooltipRenderProps } from '@proyecto-viviana/solidaria-components';
-export type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
-export type TooltipVariant = 'default' | 'neutral' | 'info';
-export interface TooltipTriggerProps extends HeadlessTooltipTriggerProps {
-    /** The children of the tooltip trigger (trigger element and tooltip). */
-    children: JSX.Element;
-}
-export interface TooltipProps extends Omit<HeadlessTooltipProps, 'class' | 'style' | 'children'> {
-    /** The content of the tooltip. */
-    children: JSX.Element;
-    /** The position of the tooltip relative to the trigger. */
-    placement?: TooltipPlacement;
-    /** Visual variant of the tooltip. */
-    variant?: TooltipVariant;
-    /** Additional CSS class name. */
-    class?: string;
-    /** Whether to show an arrow pointing to the trigger. */
-    showArrow?: boolean;
-}
-/**
- * TooltipTrigger wraps around a trigger element and a Tooltip.
- * It handles opening and closing the Tooltip when the user hovers
- * over or focuses the trigger.
- *
- * @example
- * ```tsx
- * <TooltipTrigger>
- *   <Button>Hover me</Button>
- *   <Tooltip>This is helpful information</Tooltip>
- * </TooltipTrigger>
- * ```
- */
-export declare function TooltipTrigger(props: TooltipTriggerProps): JSX.Element;
-/**
- * Styled tooltip component that displays a description on hover or focus.
- *
- * @example
- * ```tsx
- * <TooltipTrigger>
- *   <Button>Save</Button>
- *   <Tooltip placement="top">Save your changes</Tooltip>
- * </TooltipTrigger>
- * ```
- */
-export declare function Tooltip(props: TooltipProps): JSX.Element;
-export interface SimpleTooltipProps {
-    /** The content to show in the tooltip */
-    label: string;
-    /** The trigger element */
-    children: JSX.Element;
-    /** Position of the tooltip */
-    position?: 'top' | 'bottom';
-    /** Additional CSS class */
-    class?: string;
-}
-/**
- * Simple CSS-only tooltip component.
- * Uses CSS hover effect for performance. No JS state management.
- *
- * @deprecated Use the accessible Tooltip + TooltipTrigger components instead.
- *
- * @example
- * ```tsx
- * <SimpleTooltip label="Save your changes">
- *   <button>Save</button>
- * </SimpleTooltip>
- * ```
- */
-export declare function SimpleTooltip(props: SimpleTooltipProps): JSX.Element;
-export type { TooltipRenderProps };
-//# sourceMappingURL=index.d.ts.map

package/dist/tooltip/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tooltip/index.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAoB,MAAM,UAAU,CAAA;AACrD,OAAO,EAGL,KAAK,YAAY,IAAI,oBAAoB,EACzC,KAAK,4BAA4B,IAAI,2BAA2B,EAChE,KAAK,kBAAkB,EACxB,MAAM,wCAAwC,CAAA;AAM/C,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAClE,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAA;AAE3D,MAAM,WAAW,mBAAoB,SAAQ,2BAA2B;IACtE,yEAAyE;IACzE,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAA;CACtB;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,oBAAoB,EAAE,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;IAC9F,kCAAkC;IAClC,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAA;IACrB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,qCAAqC;IACrC,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AA2CD;;;;;;;;;;;;GAYG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAEtE;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAwCxD;AAMD,MAAM,WAAW,kBAAkB;IACjC,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAA;IACb,0BAA0B;IAC1B,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAA;IACrB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC3B,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAapE;AAGD,YAAY,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/tree/index.d.ts

@@ -1,99 +0,0 @@
-/**
- * Tree component for proyecto-viviana-ui
- *
- * Styled tree component built on top of solidaria-components.
- * Inspired by Spectrum 2's Tree component patterns.
- *
- * Tree displays hierarchical data with expandable/collapsible nodes,
- * supporting keyboard navigation and selection.
- */
-import { type JSX } from 'solid-js';
-import { type TreeProps as HeadlessTreeProps, type TreeItemProps as HeadlessTreeItemProps, type TreeExpandButtonProps as HeadlessTreeExpandButtonProps, type TreeRenderItemState } from '@proyecto-viviana/solidaria-components';
-import type { Key, TreeItemData } from '@proyecto-viviana/solid-stately';
-export type TreeSize = 'sm' | 'md' | 'lg';
-export type TreeVariant = 'default' | 'bordered' | 'quiet';
-export interface TreeProps<T extends object> extends Omit<HeadlessTreeProps<T>, 'class' | 'style'> {
-    /** The size of the tree. */
-    size?: TreeSize;
-    /** The visual variant of the tree. */
-    variant?: TreeVariant;
-    /** Additional CSS class name. */
-    class?: string;
-    /** Label for the tree. */
-    label?: string;
-    /** Description for the tree. */
-    description?: string;
-}
-export interface TreeItemProps<T extends object> extends Omit<HeadlessTreeItemProps<T>, 'class' | 'style'> {
-    /** Additional CSS class name. */
-    class?: string;
-    /** Optional description text. */
-    description?: string;
-    /**
-     * Optional icon to display before the content.
-     * Use a function returning JSX for SSR compatibility: `icon={() => <FolderIcon />}`
-     */
-    icon?: () => JSX.Element;
-}
-export interface TreeExpandButtonProps extends Omit<HeadlessTreeExpandButtonProps, 'class' | 'style'> {
-    /** Additional CSS class name. */
-    class?: string;
-}
-/**
- * A tree displays hierarchical data with expandable/collapsible nodes,
- * supporting keyboard navigation and selection.
- *
- * Built on solidaria-components Tree for full accessibility support.
- *
- * @example
- * ```tsx
- * const items = [
- *   {
- *     key: 'documents',
- *     value: { name: 'Documents' },
- *     children: [
- *       { key: 'doc1', value: { name: 'Report.pdf' } },
- *       { key: 'doc2', value: { name: 'Notes.txt' } },
- *     ],
- *   },
- *   {
- *     key: 'images',
- *     value: { name: 'Images' },
- *     children: [
- *       { key: 'img1', value: { name: 'Photo.jpg' } },
- *     ],
- *   },
- * ]
- *
- * <Tree items={items} defaultExpandedKeys={['documents']}>
- *   {(item, state) => (
- *     <TreeItem id={item.key} icon={() => <FolderIcon />}>
- *       {item.value.name}
- *     </TreeItem>
- *   )}
- * </Tree>
- * ```
- */
-export declare function Tree<T extends object>(props: TreeProps<T>): JSX.Element;
-export declare namespace Tree {
-    var Item: typeof TreeItem;
-    var ExpandButton: typeof TreeExpandButton;
-    var SelectionCheckbox: typeof TreeSelectionCheckbox;
-}
-/**
- * An item in a tree.
- */
-export declare function TreeItem<T extends object>(props: TreeItemProps<T>): JSX.Element;
-/**
- * A button to expand/collapse a tree item.
- */
-export declare function TreeExpandButton(props: TreeExpandButtonProps): JSX.Element;
-/**
- * A styled checkbox for item selection in a tree.
- */
-export declare function TreeSelectionCheckbox(props: {
-    itemKey: Key;
-    class?: string;
-}): JSX.Element;
-export type { Key, TreeItemData, TreeRenderItemState };
-//# sourceMappingURL=index.d.ts.map

package/dist/tree/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tree/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,KAAK,GAAG,EAA+C,MAAM,UAAU,CAAA;AAChF,OAAO,EAKL,KAAK,SAAS,IAAI,iBAAiB,EACnC,KAAK,aAAa,IAAI,qBAAqB,EAC3C,KAAK,qBAAqB,IAAI,6BAA6B,EAG3D,KAAK,mBAAmB,EACzB,MAAM,wCAAwC,CAAA;AAC/C,OAAO,KAAK,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAMxE,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AACzC,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAA;AAa1D,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,MAAM,CACzC,SAAQ,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACrD,4BAA4B;IAC5B,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,sCAAsC;IACtC,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,MAAM,CAC7C,SAAQ,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzD,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAA;CACzB;AAED,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,6BAA6B,EAAE,OAAO,GAAG,OAAO,CAAC;IACnG,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAgED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,IAAI,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAgEvE;yBAhEe,IAAI;;;;;AAsEpB;;GAEG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CA2F/E;AAMD;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CA2B1E;AAMD;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE;IAAE,OAAO,EAAE,GAAG,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,GAAG,CAAC,OAAO,CAU1F;AAsGD,YAAY,EAAE,GAAG,EAAE,YAAY,EAAE,mBAAmB,EAAE,CAAA"}

package/src/alert/index.tsx

@@ -1,48 +0,0 @@
-import type { JSX } from 'solid-js'
-import { Show } from 'solid-js'
-
-export type AlertVariant = 'info' | 'success' | 'warning' | 'error'
-
-export interface AlertProps {
-  children: JSX.Element
-  variant?: AlertVariant
-  title?: string
-  dismissible?: boolean
-  onDismiss?: () => void
-  class?: string
-}
-
-const variantStyles: Record<AlertVariant, string> = {
-  info: 'bg-primary-700 text-primary-200 border border-primary-500',
-  success: 'bg-success-600 text-success-100 border border-success-400',
-  warning: 'bg-warning-600 text-warning-100 border border-warning-400',
-  error: 'bg-danger-600 text-danger-100 border border-danger-400',
-}
-
-export function Alert(props: AlertProps) {
-  const variant = () => props.variant ?? 'info'
-
-  return (
-    <div
-      class={`flex items-center min-h-[50px] font-normal rounded-lg px-4 py-2 ${variantStyles[variant()]} ${props.class ?? ''}`}
-      role="alert"
-    >
-      <div class="flex items-center gap-3 flex-1">
-        <Show when={props.title}>
-          <span class="font-semibold font-jost">{props.title}</span>
-          <span class="opacity-50">|</span>
-        </Show>
-        <div class="flex-1">{props.children}</div>
-        <Show when={props.dismissible}>
-          <button
-            class="hover:opacity-70 transition-opacity ml-2"
-            onClick={props.onDismiss}
-            aria-label="Dismiss"
-          >
-            ✕
-          </button>
-        </Show>
-      </div>
-    </div>
-  )
-}