@proyecto-viviana/ui 0.1.5 → 0.2.0

package/dist/landmark/index.d.ts

@@ -0,0 +1,83 @@
+/**
+ * Landmark component for proyecto-viviana-ui
+ *
+ * Styled landmark component built on top of solidaria-components.
+ * Landmarks help screen reader users navigate between major sections of a page.
+ * Press F6 to cycle through landmarks, or Shift+F6 to go backwards.
+ */
+import { type JSX } from 'solid-js';
+import { useLandmarkController, type LandmarkProps as HeadlessLandmarkProps, type AriaLandmarkRole, type LandmarkController } from '@proyecto-viviana/solidaria-components';
+export interface LandmarkProps extends Omit<HeadlessLandmarkProps, 'class' | 'style'> {
+    /** Additional CSS class name. */
+    class?: string;
+    /** Whether to show a visual indicator (for development). */
+    showLabel?: boolean;
+}
+export type { AriaLandmarkRole, LandmarkController };
+/**
+ * A landmark is a region of the page that helps screen reader users navigate.
+ * Press F6 to cycle through landmarks, or Shift+F6 to go backwards.
+ *
+ * @example
+ * ```tsx
+ * // Main content area
+ * <Landmark role="main" aria-label="Main content">
+ *   <h1>Welcome</h1>
+ *   <p>Page content here...</p>
+ * </Landmark>
+ *
+ * // Navigation
+ * <Landmark role="navigation" aria-label="Primary navigation">
+ *   <nav>...</nav>
+ * </Landmark>
+ *
+ * // With development label visible
+ * <Landmark role="main" aria-label="Main content" showLabel>
+ *   ...
+ * </Landmark>
+ * ```
+ */
+export declare function Landmark(props: LandmarkProps): JSX.Element;
+export interface SkipLinkProps {
+    /** The ID of the element to skip to (usually the main landmark). */
+    href: string;
+    /** The text to display in the skip link. */
+    children?: JSX.Element;
+    /** Additional CSS class name. */
+    class?: string;
+}
+/**
+ * A skip link allows keyboard users to bypass repetitive navigation and jump directly to main content.
+ * The link is visually hidden until focused.
+ *
+ * @example
+ * ```tsx
+ * <SkipLink href="#main-content">Skip to main content</SkipLink>
+ *
+ * <Landmark role="navigation">...</Landmark>
+ *
+ * <Landmark role="main" id="main-content">
+ *   ...
+ * </Landmark>
+ * ```
+ */
+export declare function SkipLink(props: SkipLinkProps): JSX.Element;
+export interface LandmarkNavigatorProps {
+    /** Additional CSS class name. */
+    class?: string;
+    /** Whether to show the navigator (for development/accessibility testing). */
+    isVisible?: boolean;
+}
+/**
+ * A floating navigator for landmarks, useful for development and accessibility testing.
+ * Provides buttons to navigate between landmarks programmatically.
+ *
+ * @example
+ * ```tsx
+ * // Show in development only
+ * <LandmarkNavigator isVisible={import.meta.env.DEV} />
+ * ```
+ */
+export declare function LandmarkNavigator(props: LandmarkNavigatorProps): JSX.Element;
+export { useLandmarkController };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/landmark/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAoB,MAAM,UAAU,CAAA;AACrD,OAAO,EAEL,qBAAqB,EACrB,KAAK,aAAa,IAAI,qBAAqB,EAC3C,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACxB,MAAM,wCAAwC,CAAA;AAM/C,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,qBAAqB,EAAE,OAAO,GAAG,OAAO,CAAC;IACnF,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,CAAA;AAgCpD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CA6B1D;AAMD,MAAM,WAAW,aAAa;IAC5B,oEAAoE;IACpE,IAAI,EAAE,MAAM,CAAA;IACZ,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACtB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAsB1D;AAMD,MAAM,WAAW,sBAAsB;IACrC,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6EAA6E;IAC7E,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAwC5E;AAGD,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/link/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAChD,OAAO,EAEL,KAAK,SAAS,IAAI,iBAAiB,EAEpC,MAAM,wCAAwC,CAAC;AAMhD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;AAE7D,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;IACxF,uDAAuD;IACvD,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,wEAAwE;IACxE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yFAAyF;IACzF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAgBD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAmElD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/link/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAChD,OAAO,EAEL,KAAK,SAAS,IAAI,iBAAiB,EAEpC,MAAM,wCAAwC,CAAC;AAMhD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;AAE7D,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;IACxF,uDAAuD;IACvD,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,wEAAwE;IACxE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yFAAyF;IACzF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAgBD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAkElD"}

package/dist/listbox/index.d.ts

@@ -0,0 +1,47 @@
+/**
+ * ListBox component for proyecto-viviana-ui
+ *
+ * Styled listbox component built on top of solidaria-components.
+ * Inspired by Spectrum 2's ListBox component patterns.
+ */
+import { type JSX } from 'solid-js';
+import { type ListBoxProps as HeadlessListBoxProps, type ListBoxOptionProps as HeadlessListBoxOptionProps } from '@proyecto-viviana/solidaria-components';
+import type { Key } from '@proyecto-viviana/solid-stately';
+export type ListBoxSize = 'sm' | 'md' | 'lg';
+export interface ListBoxProps<T> extends Omit<HeadlessListBoxProps<T>, 'class' | 'style'> {
+    /** The size of the listbox. */
+    size?: ListBoxSize;
+    /** Additional CSS class name. */
+    class?: string;
+    /** Label for the listbox. */
+    label?: string;
+    /** Description for the listbox. */
+    description?: string;
+}
+export interface ListBoxOptionProps<T> extends Omit<HeadlessListBoxOptionProps<T>, 'class' | 'style'> {
+    /** Additional CSS class name. */
+    class?: string;
+    /** Optional description text. */
+    description?: string;
+    /**
+     * Optional icon to display before the label.
+     * Use a function returning JSX for SSR compatibility: `icon={() => <MyIcon />}`
+     */
+    icon?: () => JSX.Element;
+}
+/**
+ * A listbox displays a list of options and allows a user to select one or more of them.
+ *
+ * Built on solidaria-components ListBox for full accessibility support.
+ */
+export declare function ListBox<T>(props: ListBoxProps<T>): JSX.Element;
+export declare namespace ListBox {
+    var Option: typeof ListBoxOption;
+}
+/**
+ * An option in a listbox.
+ * SSR-compatible - renders icon, check, content, and description directly without render props.
+ */
+export declare function ListBoxOption<T>(props: ListBoxOptionProps<T>): JSX.Element;
+export type { Key };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/listbox/index.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAA+C,MAAM,UAAU,CAAA;AAChF,OAAO,EAGL,KAAK,YAAY,IAAI,oBAAoB,EACzC,KAAK,kBAAkB,IAAI,0BAA0B,EAGtD,MAAM,wCAAwC,CAAA;AAC/C,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAA;AAM1D,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAQ5C,MAAM,WAAW,YAAY,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACvF,+BAA+B;IAC/B,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,kBAAkB,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACnG,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;AAkCD;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAyD9D;yBAzDe,OAAO;;;AA+DvB;;;GAGG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAiD1E;AAwBD,YAAY,EAAE,GAAG,EAAE,CAAA"}

package/dist/menu/index.d.ts

@@ -0,0 +1,74 @@
+/**
+ * Menu component for proyecto-viviana-ui
+ *
+ * Styled menu component built on top of solidaria-components.
+ * Inspired by Spectrum 2's Menu component patterns.
+ */
+import { type JSX } from 'solid-js';
+import { type MenuProps as HeadlessMenuProps, type MenuItemProps as HeadlessMenuItemProps, type MenuTriggerProps as HeadlessMenuTriggerProps, type MenuButtonProps as HeadlessMenuButtonProps } from '@proyecto-viviana/solidaria-components';
+import type { Key } from '@proyecto-viviana/solid-stately';
+export type MenuSize = 'sm' | 'md' | 'lg';
+export interface MenuTriggerProps extends Omit<HeadlessMenuTriggerProps, 'class' | 'style'> {
+    /** The size of the menu. */
+    size?: MenuSize;
+    /** Additional CSS class name. */
+    class?: string;
+}
+export interface MenuButtonProps extends Omit<HeadlessMenuButtonProps, 'class' | 'style'> {
+    /** Additional CSS class name. */
+    class?: string;
+    /** Visual variant of the button. */
+    variant?: 'primary' | 'secondary' | 'quiet';
+}
+export interface MenuProps<T> extends Omit<HeadlessMenuProps<T>, 'class' | 'style'> {
+    /** Additional CSS class name. */
+    class?: string;
+}
+export interface MenuItemProps<T> extends Omit<HeadlessMenuItemProps<T>, 'class' | 'style'> {
+    /** Additional CSS class name. */
+    class?: string;
+    /**
+     * Optional icon to display before the label.
+     * Use a function returning JSX for SSR compatibility: `icon={() => <MyIcon />}`
+     */
+    icon?: () => JSX.Element;
+    /** Optional keyboard shortcut to display. */
+    shortcut?: string;
+    /** Whether this is a destructive action. */
+    isDestructive?: boolean;
+}
+/**
+ * A menu trigger wraps a button and menu, handling the open/close state.
+ */
+export declare function MenuTrigger(props: MenuTriggerProps): JSX.Element;
+export declare namespace MenuTrigger {
+    var Button: typeof MenuButton;
+}
+/**
+ * A button that opens a menu.
+ * SSR-compatible - renders children and chevron icon directly without render props.
+ */
+export declare function MenuButton(props: MenuButtonProps): JSX.Element;
+/**
+ * A menu displays a list of actions or options for the user to choose from.
+ */
+export declare function Menu<T>(props: MenuProps<T>): JSX.Element;
+export declare namespace Menu {
+    var Item: typeof MenuItem;
+    var Separator: typeof MenuSeparator;
+}
+/**
+ * An item in a menu.
+ * SSR-compatible - renders icon, content, and shortcut directly without render props.
+ */
+export declare function MenuItem<T>(props: MenuItemProps<T>): JSX.Element;
+export interface MenuSeparatorProps {
+    /** Additional CSS class name. */
+    class?: string;
+}
+/**
+ * A visual separator between menu items.
+ */
+export declare function MenuSeparator(props: MenuSeparatorProps): JSX.Element;
+export type { Key };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/menu/index.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAyC,MAAM,UAAU,CAAA;AAC1E,OAAO,EAKL,KAAK,SAAS,IAAI,iBAAiB,EACnC,KAAK,aAAa,IAAI,qBAAqB,EAC3C,KAAK,gBAAgB,IAAI,wBAAwB,EACjD,KAAK,eAAe,IAAI,uBAAuB,EAIhD,MAAM,wCAAwC,CAAA;AAC/C,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAA;AAM1D,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAQzC,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,wBAAwB,EAAE,OAAO,GAAG,OAAO,CAAC;IACzF,4BAA4B;IAC5B,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,uBAAuB,EAAE,OAAO,GAAG,OAAO,CAAC;IACvF,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oCAAoC;IACpC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAA;CAC5C;AAED,MAAM,WAAW,SAAS,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACjF,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzF,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAA;IACxB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,4CAA4C;IAC5C,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAqCD;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAahE;yBAbe,WAAW;;;AAmB3B;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAsC9D;AAMD;;GAEG;AACH,wBAAgB,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAmBxD;yBAnBe,IAAI;;;;AAyBpB;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CA4ChE;AAMD,MAAM,WAAW,kBAAkB;IACjC,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAOpE;AA0BD,YAAY,EAAE,GAAG,EAAE,CAAA"}

package/dist/meter/index.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Meter component for proyecto-viviana-ui
+ *
+ * Styled meter component built on top of the solidaria hook directly.
+ * Meters represent a quantity within a known range (unlike progress bars which show progress toward a goal).
+ */
+import { type JSX } from 'solid-js';
+export type MeterSize = 'sm' | 'md' | 'lg';
+export type MeterVariant = 'primary' | 'accent' | 'success' | 'warning' | 'danger' | 'info';
+export interface MeterProps {
+    /** The current value (controlled). @default 0 */
+    value?: number;
+    /** The smallest value allowed. @default 0 */
+    minValue?: number;
+    /** The largest value allowed. @default 100 */
+    maxValue?: number;
+    /** The content to display as the value's label (e.g. "75 GB"). */
+    valueLabel?: string;
+    /** The size of the meter. @default 'md' */
+    size?: MeterSize;
+    /** The visual style variant. @default 'primary' */
+    variant?: MeterVariant;
+    /** The label to display above the meter. */
+    label?: string;
+    /** Whether to show the value text. @default true */
+    showValueLabel?: boolean;
+    /** Additional CSS class name. */
+    class?: string;
+    /** An accessibility label. */
+    'aria-label'?: string;
+}
+/**
+ * Meters represent a quantity within a known range, or a fractional value.
+ * Unlike progress bars, meters represent a current value rather than progress toward a goal.
+ *
+ * @example
+ * ```tsx
+ * // Storage usage meter
+ * <Meter value={75} label="Storage space" valueLabel="75 GB of 100 GB" />
+ *
+ * // Battery level
+ * <Meter value={25} variant="warning" label="Battery" />
+ *
+ * // CPU usage with dynamic color
+ * <Meter value={cpuUsage} variant={cpuUsage > 80 ? 'danger' : 'success'} label="CPU" />
+ * ```
+ */
+export declare function Meter(props: MeterProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/meter/index.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAgC,MAAM,UAAU,CAAC;AAOlE,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC3C,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE5F,MAAM,WAAW,UAAU;IACzB,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,mDAAmD;IACnD,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA0CD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAkEpD"}

package/dist/numberfield/index.d.ts

@@ -0,0 +1,50 @@
+/**
+ * NumberField component for proyecto-viviana-ui
+ *
+ * A styled number field component with increment/decrement buttons.
+ * Built directly on solidaria hooks for full accessibility support.
+ */
+import { type JSX } from 'solid-js';
+import { type AriaNumberFieldProps } from '@proyecto-viviana/solidaria';
+export type NumberFieldSize = 'sm' | 'md' | 'lg';
+export type NumberFieldVariant = 'outline' | 'filled';
+export interface NumberFieldProps extends Omit<AriaNumberFieldProps, 'label'> {
+    /** The size of the number field. */
+    size?: NumberFieldSize;
+    /** The visual variant of the number field. */
+    variant?: NumberFieldVariant;
+    /** Additional CSS class name. */
+    class?: string;
+    /** Label text for the input. */
+    label?: string;
+    /** Description text shown below the input. */
+    description?: string;
+    /** Error message shown when invalid. */
+    errorMessage?: string;
+    /** The current value (controlled). */
+    value?: number;
+    /** The default value (uncontrolled). */
+    defaultValue?: number;
+    /** Handler called when the value changes. */
+    onChange?: (value: number) => void;
+    /** The minimum value. */
+    minValue?: number;
+    /** The maximum value. */
+    maxValue?: number;
+    /** The step value for increment/decrement. */
+    step?: number;
+    /** The locale for number formatting. */
+    locale?: string;
+    /** Number format options. */
+    formatOptions?: Intl.NumberFormatOptions;
+    /** Whether to hide the stepper buttons. */
+    hideStepper?: boolean;
+}
+/**
+ * A number field allows users to enter a numeric value with increment/decrement controls.
+ *
+ * Built directly on solidaria hooks for full accessibility support.
+ */
+export declare function NumberField(props: NumberFieldProps): JSX.Element;
+export type { NumberFieldState } from '@proyecto-viviana/solid-stately';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/numberfield/index.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAmD,MAAM,UAAU,CAAA;AACpF,OAAO,EAKL,KAAK,oBAAoB,EAC1B,MAAM,6BAA6B,CAAA;AASpC,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAChD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,QAAQ,CAAA;AAErD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,OAAO,CAAC;IAC3E,oCAAoC;IACpC,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,6BAA6B;IAC7B,aAAa,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAA;IACxC,2CAA2C;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAkED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CA8VhE;AAGD,YAAY,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA"}

package/dist/popover/index.d.ts

@@ -0,0 +1,85 @@
+/**
+ * Popover component for proyecto-viviana-ui
+ *
+ * A popover displays content in an overlay positioned relative to a trigger.
+ * Built on top of solidaria-components for accessibility.
+ * Follows Spectrum 2 design patterns.
+ */
+import { type JSX } from 'solid-js';
+import { type PopoverProps as HeadlessPopoverProps, type PopoverTriggerProps as HeadlessPopoverTriggerProps, type PopoverRenderProps } from '@proyecto-viviana/solidaria-components';
+import type { Placement, PlacementAxis } from '@proyecto-viviana/solidaria';
+export type PopoverPlacement = Placement;
+export type PopoverSize = 'sm' | 'md' | 'lg';
+export interface PopoverTriggerProps extends HeadlessPopoverTriggerProps {
+    /** The children of the popover trigger (trigger element and popover). */
+    children: JSX.Element;
+}
+export interface PopoverProps extends Omit<HeadlessPopoverProps, 'class' | 'style' | 'children'> {
+    /** The content of the popover. */
+    children: JSX.Element;
+    /** The position of the popover relative to the trigger. */
+    placement?: PopoverPlacement;
+    /** Size variant of the popover. */
+    size?: PopoverSize;
+    /** Additional CSS class name. */
+    class?: string;
+    /** Whether to show an arrow pointing to the trigger. */
+    showArrow?: boolean;
+    /** Custom padding inside the popover. */
+    padding?: 'none' | 'sm' | 'md' | 'lg';
+}
+/**
+ * PopoverTrigger wraps around a trigger element and a Popover.
+ * It handles opening and closing the Popover when the user interacts
+ * with the trigger.
+ *
+ * @example
+ * ```tsx
+ * <PopoverTrigger>
+ *   <Button>Open Popover</Button>
+ *   <Popover>
+ *     <p>Popover content here!</p>
+ *   </Popover>
+ * </PopoverTrigger>
+ * ```
+ */
+export declare function PopoverTrigger(props: PopoverTriggerProps): JSX.Element;
+/**
+ * Styled popover component that displays content in an overlay.
+ *
+ * @example
+ * ```tsx
+ * <PopoverTrigger>
+ *   <Button>Settings</Button>
+ *   <Popover placement="bottom" size="md">
+ *     <h3>Settings</h3>
+ *     <p>Configure your preferences here.</p>
+ *   </Popover>
+ * </PopoverTrigger>
+ * ```
+ */
+export declare function Popover(props: PopoverProps): JSX.Element;
+export interface PopoverHeaderProps {
+    /** The title of the popover. */
+    title: string;
+    /** Optional description text. */
+    description?: string;
+    /** Additional CSS class. */
+    class?: string;
+}
+/**
+ * Header section for popover with title and optional description.
+ */
+export declare function PopoverHeader(props: PopoverHeaderProps): JSX.Element;
+export interface PopoverFooterProps {
+    /** Footer content, typically buttons. */
+    children: JSX.Element;
+    /** Additional CSS class. */
+    class?: string;
+}
+/**
+ * Footer section for popover actions.
+ */
+export declare function PopoverFooter(props: PopoverFooterProps): JSX.Element;
+export type { PopoverRenderProps, Placement, PlacementAxis };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/popover/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAoB,MAAM,UAAU,CAAA;AACrD,OAAO,EAIL,KAAK,YAAY,IAAI,oBAAoB,EACzC,KAAK,mBAAmB,IAAI,2BAA2B,EACvD,KAAK,kBAAkB,EACxB,MAAM,wCAAwC,CAAA;AAC/C,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAM3E,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAA;AACxC,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE5C,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,mCAAmC;IACnC,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,yCAAyC;IACzC,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CACtC;AA8DD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAEtE;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAqCxD;AAyCD,MAAM,WAAW,kBAAkB;IACjC,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CASpE;AAED,MAAM,WAAW,kBAAkB;IACjC,yCAAyC;IACzC,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAA;IACrB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAMpE;AAGD,YAAY,EAAE,kBAAkB,EAAE,SAAS,EAAE,aAAa,EAAE,CAAA"}

package/dist/radio/index.d.ts

@@ -2,10 +2,7 @@
  * RadioGroup and Radio components for proyecto-viviana-ui
  *
  * Styled radio components built on top of solidaria-components.
- *
- * IMPORTANT: Due to SolidJS's JSX evaluation order, we cannot wrap the headless
- * components in a traditional way. Instead, we re-export them and provide
- * styling through the class prop functions.
+ * SSR-compatible - renders children and UI elements directly without render props.
  */
 import { type JSX } from 'solid-js';
 import { type RadioGroupProps as HeadlessRadioGroupProps, type RadioProps as HeadlessRadioProps } from '@proyecto-viviana/solidaria-components';
@@ -36,6 +33,12 @@ export declare function RadioGroup(props: RadioGroupProps): JSX.Element;
 /**
  * A radio button allows users to select a single option from a list.
  * Must be used within a RadioGroup.
+ * SSR-compatible - renders static JSX without render prop children.
+ *
+ * Note: Unlike other styled components, Radio does not use render props for children.
+ * Instead, it relies on data attributes set by the headless Radio component for styling.
+ * However, since we need dynamic styling based on state, we accept that this component
+ * has some limitations compared to the render-props-based original implementation.
  *
  * Built on solidaria-components Radio for full accessibility support.
  */

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/radio/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,KAAK,GAAG,EAA+C,MAAM,UAAU,CAAA;AAChF,OAAO,EAGL,KAAK,eAAe,IAAI,uBAAuB,EAC/C,KAAK,UAAU,IAAI,kBAAkB,EAGtC,MAAM,wCAAwC,CAAA;AAM/C,MAAM,MAAM,qBAAqB,GAAG,YAAY,GAAG,UAAU,CAAA;AAC7D,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAQ/C,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,uBAAuB,EAAE,OAAO,GAAG,OAAO,CAAC;IACvF,qCAAqC;IACrC,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,OAAO,CAAC;IAC7E,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AA4BD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAkD9D;AAMD;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CA0EpD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/radio/index.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAA+C,MAAM,UAAU,CAAA;AAChF,OAAO,EAGL,KAAK,eAAe,IAAI,uBAAuB,EAC/C,KAAK,UAAU,IAAI,kBAAkB,EAGtC,MAAM,wCAAwC,CAAA;AAM/C,MAAM,MAAM,qBAAqB,GAAG,YAAY,GAAG,UAAU,CAAA;AAC7D,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAQ/C,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,uBAAuB,EAAE,OAAO,GAAG,OAAO,CAAC;IACvF,qCAAqC;IACrC,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,OAAO,CAAC;IAC7E,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AA4BD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CA2C9D;AAMD;;;;;;;;;;;GAWG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAgCpD"}

package/dist/searchfield/index.d.ts

@@ -0,0 +1,44 @@
+/**
+ * SearchField component for proyecto-viviana-ui
+ *
+ * A styled search field component with clear button and search icon.
+ * Built directly on solidaria hooks for full accessibility support.
+ */
+import { type JSX } from 'solid-js';
+import { type AriaSearchFieldProps } from '@proyecto-viviana/solidaria';
+export type SearchFieldSize = 'sm' | 'md' | 'lg';
+export type SearchFieldVariant = 'outline' | 'filled';
+export interface SearchFieldProps extends Omit<AriaSearchFieldProps, 'label'> {
+    /** The size of the search field. */
+    size?: SearchFieldSize;
+    /** The visual variant of the search field. */
+    variant?: SearchFieldVariant;
+    /** Additional CSS class name. */
+    class?: string;
+    /** Label text for the input. */
+    label?: string;
+    /** Description text shown below the input. */
+    description?: string;
+    /** Error message shown when invalid. */
+    errorMessage?: string;
+    /** The current value (controlled). */
+    value?: string;
+    /** The default value (uncontrolled). */
+    defaultValue?: string;
+    /** Handler called when the value changes. */
+    onChange?: (value: string) => void;
+    /** Handler called when the user submits the search. */
+    onSubmit?: (value: string) => void;
+    /** Handler called when the field is cleared. */
+    onClear?: () => void;
+    /** Whether to hide the search icon. */
+    hideSearchIcon?: boolean;
+}
+/**
+ * A search field allows users to enter and clear a search query.
+ *
+ * Built directly on solidaria hooks for full accessibility support.
+ */
+export declare function SearchField(props: SearchFieldProps): JSX.Element;
+export type { SearchFieldState } from '@proyecto-viviana/solid-stately';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/searchfield/index.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAmD,MAAM,UAAU,CAAA;AACpF,OAAO,EAKL,KAAK,oBAAoB,EAC1B,MAAM,6BAA6B,CAAA;AASpC,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAChD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,QAAQ,CAAA;AAErD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,OAAO,CAAC;IAC3E,oCAAoC;IACpC,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,uDAAuD;IACvD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,uCAAuC;IACvC,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAsED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAmUhE;AAGD,YAAY,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA"}

package/dist/select/index.d.ts

@@ -0,0 +1,72 @@
+/**
+ * Select component for proyecto-viviana-ui
+ *
+ * Styled select component built on top of solidaria-components.
+ * Inspired by Spectrum 2's Picker component patterns.
+ */
+import { type JSX } from 'solid-js';
+import { type SelectProps as HeadlessSelectProps, type SelectTriggerProps as HeadlessSelectTriggerProps, type SelectValueProps as HeadlessSelectValueProps, type SelectListBoxProps as HeadlessSelectListBoxProps, type SelectOptionProps as HeadlessSelectOptionProps } from '@proyecto-viviana/solidaria-components';
+import type { Key } from '@proyecto-viviana/solid-stately';
+export type SelectSize = 'sm' | 'md' | 'lg';
+export interface SelectProps<T> extends Omit<HeadlessSelectProps<T>, 'class' | 'style'> {
+    /** The size of the select. */
+    size?: SelectSize;
+    /** Additional CSS class name. */
+    class?: string;
+    /** Label for the select. */
+    label?: string;
+    /** Description for the select. */
+    description?: string;
+    /** Error message when invalid. */
+    errorMessage?: string;
+    /** Whether the select is invalid. */
+    isInvalid?: boolean;
+}
+export interface SelectTriggerProps extends Omit<HeadlessSelectTriggerProps, 'class' | 'style'> {
+    /** Additional CSS class name. */
+    class?: string;
+}
+export interface SelectValueProps<T> extends Omit<HeadlessSelectValueProps<T>, 'class' | 'style'> {
+    /** Additional CSS class name. */
+    class?: string;
+}
+export interface SelectListBoxProps<T> extends Omit<HeadlessSelectListBoxProps<T>, 'class' | 'style'> {
+    /** Additional CSS class name. */
+    class?: string;
+}
+export interface SelectOptionProps<T> extends Omit<HeadlessSelectOptionProps<T>, 'class' | 'style'> {
+    /** Additional CSS class name. */
+    class?: string;
+}
+/**
+ * A select displays a collapsible list of options and allows a user to select one of them.
+ *
+ * Built on solidaria-components Select for full accessibility support.
+ */
+export declare function Select<T>(props: SelectProps<T>): JSX.Element;
+export declare namespace Select {
+    var Trigger: typeof SelectTrigger;
+    var Value: typeof SelectValue;
+    var ListBox: typeof SelectListBox;
+    var Option: typeof SelectOption;
+}
+/**
+ * The trigger button for a select.
+ * SSR-compatible - renders children and chevron icon directly without render props.
+ */
+export declare function SelectTrigger(props: SelectTriggerProps): JSX.Element;
+/**
+ * Displays the selected value in a select.
+ */
+export declare function SelectValue<T>(props: SelectValueProps<T>): JSX.Element;
+/**
+ * The listbox popup for a select.
+ */
+export declare function SelectListBox<T>(props: SelectListBoxProps<T>): JSX.Element;
+/**
+ * An option in a select listbox.
+ * SSR-compatible - renders check icon and content directly without render props.
+ */
+export declare function SelectOption<T>(props: SelectOptionProps<T>): JSX.Element;
+export type { Key };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/select/index.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAA+C,MAAM,UAAU,CAAA;AAChF,OAAO,EAML,KAAK,WAAW,IAAI,mBAAmB,EACvC,KAAK,kBAAkB,IAAI,0BAA0B,EACrD,KAAK,gBAAgB,IAAI,wBAAwB,EACjD,KAAK,kBAAkB,IAAI,0BAA0B,EACrD,KAAK,iBAAiB,IAAI,yBAAyB,EAMpD,MAAM,wCAAwC,CAAA;AAC/C,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAA;AAM1D,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAQ3C,MAAM,WAAW,WAAW,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACrF,8BAA8B;IAC9B,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,0BAA0B,EAAE,OAAO,GAAG,OAAO,CAAC;IAC7F,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC/F,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,kBAAkB,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACnG,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACjG,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AA+BD;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAwC5D;yBAxCe,MAAM;;;;;;AA8CtB;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAsCpE;AAMD;;GAEG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAiBtE;AAMD;;GAEG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAgB1E;AAaD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CA2CxE;AAyCD,YAAY,EAAE,GAAG,EAAE,CAAA"}

package/dist/slider/index.d.ts

@@ -0,0 +1,53 @@
+/**
+ * Slider component for proyecto-viviana-ui
+ *
+ * A styled slider component with track, thumb, and value display.
+ * Built directly on solidaria hooks for full accessibility support.
+ */
+import { type JSX } from 'solid-js';
+import { type AriaSliderProps } from '@proyecto-viviana/solidaria';
+import { type SliderOrientation } from '@proyecto-viviana/solid-stately';
+export type SliderSize = 'sm' | 'md' | 'lg';
+export type SliderVariant = 'default' | 'accent';
+export interface SliderProps extends Omit<AriaSliderProps, 'label'> {
+    /** The size of the slider. */
+    size?: SliderSize;
+    /** The visual variant of the slider. */
+    variant?: SliderVariant;
+    /** Additional CSS class name. */
+    class?: string;
+    /** Label text for the slider. */
+    label?: string;
+    /** The current value (controlled). */
+    value?: number;
+    /** The default value (uncontrolled). */
+    defaultValue?: number;
+    /** Handler called when the value changes. */
+    onChange?: (value: number) => void;
+    /** Handler called when dragging ends. */
+    onChangeEnd?: (value: number) => void;
+    /** The minimum value. */
+    minValue?: number;
+    /** The maximum value. */
+    maxValue?: number;
+    /** The step value. */
+    step?: number;
+    /** The orientation of the slider. */
+    orientation?: SliderOrientation;
+    /** The locale for number formatting. */
+    locale?: string;
+    /** Number format options. */
+    formatOptions?: Intl.NumberFormatOptions;
+    /** Whether to show the value output. */
+    showOutput?: boolean;
+    /** Whether to show min/max labels. */
+    showMinMax?: boolean;
+}
+/**
+ * A slider allows users to select a value from a range.
+ *
+ * Built directly on solidaria hooks for full accessibility support.
+ */
+export declare function Slider(props: SliderProps): JSX.Element;
+export type { SliderState, SliderOrientation } from '@proyecto-viviana/solid-stately';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/slider/index.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAmD,MAAM,UAAU,CAAA;AACpF,OAAO,EAIL,KAAK,eAAe,EACrB,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,iCAAiC,CAAA;AAMxC,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAC3C,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,CAAA;AAEhD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC;IACjE,8BAA8B;IAC9B,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,wCAAwC;IACxC,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,yCAAyC;IACzC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,qCAAqC;IACrC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IAC/B,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,6BAA6B;IAC7B,aAAa,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAA;IACxC,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AA+BD;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CA2RtD;AAGD,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA"}