@proyecto-viviana/ui 0.3.5 → 0.4.0

package/dist/disclosure/index.d.ts

@@ -1,84 +0,0 @@
-/**
- * Disclosure and Accordion components for proyecto-viviana-ui
- *
- * Styled disclosure/accordion components built on top of solidaria-components.
- * Inspired by Spectrum 2's disclosure patterns.
- */
-import { type JSX } from 'solid-js';
-import { type DisclosureProps as HeadlessDisclosureProps, type DisclosureGroupProps as HeadlessDisclosureGroupProps, type DisclosureTriggerProps as HeadlessDisclosureTriggerProps, type DisclosurePanelProps as HeadlessDisclosurePanelProps } from '@proyecto-viviana/solidaria-components';
-export type DisclosureSize = 'sm' | 'md' | 'lg';
-export type DisclosureVariant = 'default' | 'bordered' | 'filled' | 'ghost';
-export interface DisclosureGroupProps extends Omit<HeadlessDisclosureGroupProps, 'class' | 'style'> {
-    /** The size of all disclosures in the group. */
-    size?: DisclosureSize;
-    /** The visual variant of all disclosures in the group. */
-    variant?: DisclosureVariant;
-    /** Additional CSS class name. */
-    class?: string;
-}
-export interface DisclosureProps extends Omit<HeadlessDisclosureProps, 'class' | 'style'> {
-    /** The size of the disclosure. Overrides group size if set. */
-    size?: DisclosureSize;
-    /** The visual variant. Overrides group variant if set. */
-    variant?: DisclosureVariant;
-    /** Additional CSS class name. */
-    class?: string;
-}
-export interface DisclosureTriggerProps extends Omit<HeadlessDisclosureTriggerProps, 'class' | 'style'> {
-    /** Additional CSS class name. */
-    class?: string;
-    /** Optional icon to show (defaults to chevron). */
-    hideIcon?: boolean;
-}
-export interface DisclosurePanelProps extends Omit<HeadlessDisclosurePanelProps, 'class' | 'style'> {
-    /** Additional CSS class name. */
-    class?: string;
-}
-/**
- * DisclosureGroup manages a group of Disclosure components.
- * Use this to create an accordion where only one item can be expanded at a time.
- *
- * @example
- * ```tsx
- * <DisclosureGroup>
- *   <Disclosure id="item1">
- *     <DisclosureTrigger>Section 1</DisclosureTrigger>
- *     <DisclosurePanel>Content 1</DisclosurePanel>
- *   </Disclosure>
- *   <Disclosure id="item2">
- *     <DisclosureTrigger>Section 2</DisclosureTrigger>
- *     <DisclosurePanel>Content 2</DisclosurePanel>
- *   </Disclosure>
- * </DisclosureGroup>
- * ```
- */
-export declare function DisclosureGroup(props: DisclosureGroupProps): JSX.Element;
-export declare namespace DisclosureGroup {
-    var Item: typeof Disclosure;
-}
-/**
- * Disclosure is a widget that can be toggled to show or hide content.
- *
- * @example
- * ```tsx
- * <Disclosure>
- *   <DisclosureTrigger>Show more</DisclosureTrigger>
- *   <DisclosurePanel>Hidden content here...</DisclosurePanel>
- * </Disclosure>
- * ```
- */
-export declare function Disclosure(props: DisclosureProps): JSX.Element;
-export declare namespace Disclosure {
-    var Trigger: typeof DisclosureTrigger;
-    var Panel: typeof DisclosurePanel;
-}
-/**
- * DisclosureTrigger is the button that toggles the disclosure.
- * The chevron rotates based on the data-expanded attribute using Tailwind's group class.
- */
-export declare function DisclosureTrigger(props: DisclosureTriggerProps): JSX.Element;
-/**
- * DisclosurePanel contains the content that is shown/hidden.
- */
-export declare function DisclosurePanel(props: DisclosurePanelProps): JSX.Element;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/disclosure/index.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAA+C,MAAM,UAAU,CAAC;AACjF,OAAO,EAKL,KAAK,eAAe,IAAI,uBAAuB,EAC/C,KAAK,oBAAoB,IAAI,4BAA4B,EACzD,KAAK,sBAAsB,IAAI,8BAA8B,EAC7D,KAAK,oBAAoB,IAAI,4BAA4B,EAG1D,MAAM,wCAAwC,CAAC;AAMhD,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAChD,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;AAgB5E,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,4BAA4B,EAAE,OAAO,GAAG,OAAO,CAAC;IACjG,gDAAgD;IAChD,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,uBAAuB,EAAE,OAAO,GAAG,OAAO,CAAC;IACvF,+DAA+D;IAC/D,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,8BAA8B,EAAE,OAAO,GAAG,OAAO,CAAC;IACrG,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,4BAA4B,EAAE,OAAO,GAAG,OAAO,CAAC;IACjG,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAsED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CA0BxE;yBA1Be,eAAe;;;AAgC/B;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CA2B9D;yBA3Be,UAAU;;;;AAiC1B;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAoC5E;AAMD;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAkBxE"}

package/dist/gridlist/index.d.ts

@@ -1,92 +0,0 @@
-/**
- * GridList component for proyecto-viviana-ui
- *
- * Styled grid list component built on top of solidaria-components.
- * Inspired by Spectrum 2's GridList component patterns.
- *
- * GridList is similar to ListBox but supports interactive elements within items
- * and uses grid keyboard navigation.
- */
-import { type JSX } from 'solid-js';
-import { type GridListProps as HeadlessGridListProps, type GridListItemProps as HeadlessGridListItemProps } from '@proyecto-viviana/solidaria-components';
-import type { Key } from '@proyecto-viviana/solid-stately';
-export type GridListSize = 'sm' | 'md' | 'lg';
-export type GridListVariant = 'default' | 'cards' | 'bordered';
-export type GridListLayout = 'list' | 'grid';
-export interface GridListProps<T extends object> extends Omit<HeadlessGridListProps<T>, 'class' | 'style'> {
-    /** The size of the grid list. */
-    size?: GridListSize;
-    /** The visual variant of the grid list. */
-    variant?: GridListVariant;
-    /** The layout of the grid list. */
-    layout?: GridListLayout;
-    /** Number of columns for grid layout (default: auto-fit). */
-    columns?: number | 'auto';
-    /** Additional CSS class name. */
-    class?: string;
-    /** Label for the grid list. */
-    label?: string;
-    /** Description for the grid list. */
-    description?: string;
-}
-export interface GridListItemProps<T extends object> extends Omit<HeadlessGridListItemProps<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={() => <MyIcon />}`
-     */
-    icon?: () => JSX.Element;
-    /**
-     * Optional image to display in the item.
-     */
-    image?: string;
-    /** Alt text for the image. */
-    imageAlt?: string;
-}
-/**
- * A grid list displays a list of interactive items, with support for
- * keyboard navigation, single or multiple selection, and row actions.
- *
- * Built on solidaria-components GridList for full accessibility support.
- *
- * @example
- * ```tsx
- * const items = [
- *   { id: '1', name: 'Item 1', description: 'Description 1' },
- *   { id: '2', name: 'Item 2', description: 'Description 2' },
- * ]
- *
- * <GridList
- *   items={items}
- *   getKey={(item) => item.id}
- *   selectionMode="multiple"
- * >
- *   {(item) => (
- *     <GridListItem id={item.id} description={item.description}>
- *       {item.name}
- *     </GridListItem>
- *   )}
- * </GridList>
- * ```
- */
-export declare function GridList<T extends object>(props: GridListProps<T>): JSX.Element;
-export declare namespace GridList {
-    var Item: typeof GridListItem;
-    var SelectionCheckbox: typeof GridListSelectionCheckbox;
-}
-/**
- * An item in a grid list.
- */
-export declare function GridListItem<T extends object>(props: GridListItemProps<T>): JSX.Element;
-/**
- * A styled checkbox for item selection in a grid list.
- */
-export declare function GridListSelectionCheckbox(props: {
-    itemKey: Key;
-    class?: string;
-}): JSX.Element;
-export type { Key };
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/gridlist/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,KAAK,GAAG,EAA+C,MAAM,UAAU,CAAA;AAChF,OAAO,EAIL,KAAK,aAAa,IAAI,qBAAqB,EAC3C,KAAK,iBAAiB,IAAI,yBAAyB,EAGpD,MAAM,wCAAwC,CAAA;AAC/C,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAA;AAM1D,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAC7C,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAA;AAC9D,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,CAAA;AAkB5C,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,MAAM,CAC7C,SAAQ,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzD,iCAAiC;IACjC,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,mCAAmC;IACnC,MAAM,CAAC,EAAE,cAAc,CAAA;IACvB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,MAAM,CACjD,SAAQ,IAAI,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC7D,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;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AA6DD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CA+E/E;yBA/Ee,QAAQ;;;;AAqFxB;;GAEG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAoFvF;AAMD;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE;IAAE,OAAO,EAAE,GAAG,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,GAAG,CAAC,OAAO,CAU9F;AA2CD,YAAY,EAAE,GAAG,EAAE,CAAA"}

package/dist/icon/icons/GitHubIcon.d.ts

@@ -1,7 +0,0 @@
-import type { JSX } from 'solid-js';
-export interface GitHubIconProps {
-    size?: number;
-    color?: string;
-}
-export declare function GitHubIcon(props: GitHubIconProps): JSX.Element;
-//# sourceMappingURL=GitHubIcon.d.ts.map

package/dist/icon/icons/GitHubIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GitHubIcon.d.ts","sourceRoot":"","sources":["../../../src/icon/icons/GitHubIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAEpC,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAY9D"}

package/dist/icon/index.d.ts

@@ -1,28 +0,0 @@
-import type { Component, JSX } from 'solid-js';
-export interface IconProps {
-    /** The icon component to render (should accept size and color props) */
-    icon: Component<{
-        size?: string | number;
-        color?: string;
-    }>;
-    /** Size of the icon (e.g., '24px' or 24) */
-    size?: string | number;
-    /** Color of the icon */
-    color?: string;
-    /** Whether to show the accent shadow effect (4px offset to bottom) */
-    withShadow?: boolean;
-    /** Additional CSS class */
-    class?: string;
-    /** Click handler */
-    onClick?: () => void;
-}
-/**
- * Icon wrapper component with optional accent shadow effect.
- *
- * The shadow effect creates a 4px offset accent-colored duplicate
- * of the icon behind it for a stylized look.
- */
-export declare function Icon(props: IconProps): JSX.Element;
-export { GitHubIcon } from './icons/GitHubIcon';
-export type { GitHubIconProps } from './icons/GitHubIcon';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAE9C,MAAM,WAAW,SAAS;IACxB,wEAAwE;IACxE,IAAI,EAAE,SAAS,CAAC;QAAE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAC3D,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sEAAsE;IACtE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED;;;;;GAKG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAoBlD;AAGD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC/C,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA"}