@proyecto-viviana/silapse 0.4.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Proyecto Viviana contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,192 @@
+# @proyecto-viviana/silapse
+
+Styled UI components for SolidJS - beautiful, accessible, and ready to use.
+
+## Installation
+
+```bash
+bun add @proyecto-viviana/silapse solid-js
+```
+
+## Setup
+
+Import the CSS in your app entry point:
+
+```tsx
+import "@proyecto-viviana/silapse/styles.css";
+```
+
+## Quick Start
+
+```tsx
+import { Button, TextField, Select } from "@proyecto-viviana/silapse";
+import "@proyecto-viviana/silapse/styles.css";
+
+function App() {
+  return (
+    <div>
+      <TextField label="Email" placeholder="Enter your email" />
+      <Button variant="accent" onPress={() => alert("Hello!")}>
+        Submit
+      </Button>
+    </div>
+  );
+}
+```
+
+## Available Components
+
+### Form Controls
+
+| Component | Description |
+|-----------|-------------|
+| Button | Action buttons with variants |
+| TextField | Text input with label |
+| NumberField | Numeric input with inc/dec |
+| SearchField | Search input with clear |
+| Slider | Range slider |
+| Checkbox, CheckboxGroup | Checkboxes |
+| RadioGroup, Radio | Radio buttons |
+| ToggleSwitch | Toggle switch |
+
+### Selection
+
+| Component | Description |
+|-----------|-------------|
+| Select | Dropdown select |
+| Menu, MenuItem | Action menus |
+| ListBox, ListBoxOption | Selectable lists |
+
+### Navigation
+
+| Component | Description |
+|-----------|-------------|
+| Tabs, TabList, Tab, TabPanel | Tabbed navigation |
+| Breadcrumbs, BreadcrumbItem | Breadcrumb trail |
+| Link | Accessible links |
+| Landmark, SkipLink, LandmarkNavigator | ARIA landmarks with F6 navigation |
+
+### Data Display
+
+| Component | Description |
+|-----------|-------------|
+| Table | Data tables with sorting/selection |
+| GridList, GridListItem | Grid lists with keyboard nav |
+| Tree, TreeItem | Hierarchical tree views |
+
+### Color
+
+| Component | Description |
+|-----------|-------------|
+| ColorSlider | Single channel color slider |
+| ColorArea | 2D color gradient picker |
+| ColorWheel | Circular hue picker |
+| ColorField | Hex/RGB color input |
+| ColorSwatch | Color preview |
+| ColorPicker | Complete color picker |
+
+### Feedback
+
+| Component | Description |
+|-----------|-------------|
+| Alert | Informational alerts |
+| Badge | Status badges |
+| ProgressBar | Progress indicators |
+| Tooltip | Contextual tooltips |
+| Dialog | Modal dialogs |
+
+### Layout
+
+| Component | Description |
+|-----------|-------------|
+| Separator | Visual dividers |
+| Avatar, AvatarGroup | User avatars |
+
+### Custom Components
+
+| Component | Description |
+|-----------|-------------|
+| Chip | Tag-like chips |
+| ProfileCard | User profile cards |
+| EventCard | Event display |
+| CalendarCard | Calendar widget |
+| Conversation | Chat bubbles |
+| LateralNav | Side navigation |
+| PageLayout | Page structure |
+
+## Examples
+
+### Button
+
+```tsx
+<Button>Default</Button>
+<Button variant="accent">Accent</Button>
+<Button variant="negative">Delete</Button>
+<Button style="outline">Outline</Button>
+```
+
+### TextField
+
+```tsx
+<TextField label="Name" placeholder="Enter your name" />
+<TextField label="Email" type="email" isRequired />
+```
+
+### Select
+
+```tsx
+<Select
+  label="Country"
+  items={[
+    { key: "us", label: "United States" },
+    { key: "uk", label: "United Kingdom" },
+  ]}
+  onSelectionChange={(key) => console.log(key)}
+/>
+```
+
+### Tabs
+
+```tsx
+<Tabs defaultSelectedKey="overview">
+  <TabList>
+    <Tab id="overview">Overview</Tab>
+    <Tab id="features">Features</Tab>
+  </TabList>
+  <TabPanel id="overview">Overview content</TabPanel>
+  <TabPanel id="features">Features content</TabPanel>
+</Tabs>
+```
+
+## Sizes
+
+Most components support size variants:
+
+```tsx
+<Button size="sm">Small</Button>
+<Button size="md">Medium</Button>
+<Button size="lg">Large</Button>
+```
+
+## Theming
+
+Customize via CSS variables:
+
+```css
+:root {
+  --color-primary-100: #your-color;
+  --color-accent: #your-accent;
+}
+```
+
+## TypeScript
+
+Full TypeScript support:
+
+```tsx
+import { Button, type ButtonProps } from "@proyecto-viviana/silapse";
+```
+
+## License
+
+MIT

package/dist/accordion/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Accordion module compatibility entrypoint for proyecto-viviana-silapse.
+ */
+export { DisclosureGroup as Accordion, Disclosure as AccordionItem, DisclosureTrigger as AccordionHeader, DisclosurePanel as AccordionPanel, } from '../disclosure';
+export type { DisclosureGroupProps as AccordionProps, DisclosureProps as AccordionItemProps, DisclosureTriggerProps as AccordionHeaderProps, DisclosurePanelProps as AccordionPanelProps, DisclosureSize as AccordionSize, DisclosureVariant as AccordionVariant, } from '../disclosure';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/accordion/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EACL,eAAe,IAAI,SAAS,EAC5B,UAAU,IAAI,aAAa,EAC3B,iBAAiB,IAAI,eAAe,EACpC,eAAe,IAAI,cAAc,GAClC,MAAM,eAAe,CAAC;AACvB,YAAY,EACV,oBAAoB,IAAI,cAAc,EACtC,eAAe,IAAI,kBAAkB,EACrC,sBAAsB,IAAI,oBAAoB,EAC9C,oBAAoB,IAAI,mBAAmB,EAC3C,cAAc,IAAI,aAAa,EAC/B,iBAAiB,IAAI,gBAAgB,GACtC,MAAM,eAAe,CAAC"}

package/dist/actionbar/index.d.ts

@@ -0,0 +1,34 @@
+/**
+ * ActionBar components for proyecto-viviana-silapse.
+ *
+ * Styled wrappers around the headless ActionBar component.
+ * Shows a selection count, clear button, and action buttons
+ * when items are selected in a collection.
+ */
+import { type JSX } from 'solid-js';
+import type { Key } from '@proyecto-viviana/solid-stately';
+export interface ActionBarProps {
+    /** The number of selected items. ActionBar is hidden when 0. */
+    selectedItemCount: number | 'all';
+    /** Callback when the clear button is pressed. */
+    onClearSelection: () => void;
+    /** Callback when an action is triggered. */
+    onAction?: (key: Key) => void;
+    /** The action buttons to display. */
+    children?: JSX.Element;
+    /** Additional CSS class name. */
+    class?: string;
+    /** Accessible label for the action bar. @default 'Actions' */
+    'aria-label'?: string;
+    /** Identifies the element (or elements) that labels the action bar. */
+    'aria-labelledby'?: string;
+    /** Optional keydown handler for the action bar root. */
+    onKeyDown?: JSX.EventHandlerUnion<HTMLDivElement, KeyboardEvent>;
+}
+export interface ActionBarContainerProps {
+    children?: JSX.Element;
+    class?: string;
+}
+export declare function ActionBar(props: ActionBarProps): JSX.Element;
+export declare function ActionBarContainer(props: ActionBarContainerProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/actionbar/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAQhD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAC;AAM3D,MAAM,WAAW,cAAc;IAC7B,gEAAgE;IAChE,iBAAiB,EAAE,MAAM,GAAG,KAAK,CAAC;IAClC,iDAAiD;IACjD,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC9B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uEAAuE;IACvE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wDAAwD;IACxD,SAAS,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,cAAc,EAAE,aAAa,CAAC,CAAC;CAClE;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAiBD,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAoB5D;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAQ9E"}

package/dist/actiongroup/index.d.ts

@@ -0,0 +1,42 @@
+/**
+ * ActionGroup components for proyecto-viviana-silapse.
+ *
+ * Styling wrappers around the headless ActionGroup component.
+ * Uses createActionGroup under the hood for proper dynamic roles
+ * (toolbar/radiogroup), keyboard navigation, and ARIA semantics.
+ */
+import { type JSX } from 'solid-js';
+import { type ActionGroupItemRenderProps, type ActionGroupItem } from '@proyecto-viviana/solidaria-components';
+import type { Key, SelectionMode } from '@proyecto-viviana/solid-stately';
+export interface ActionGroupProps<T extends ActionGroupItem = ActionGroupItem> {
+    /** The items in the action group. */
+    items: T[];
+    /** The selection mode. @default 'none' */
+    selectionMode?: SelectionMode;
+    /** Orientation of the group. @default 'horizontal' */
+    orientation?: 'horizontal' | 'vertical';
+    /** Whether the entire group is disabled. */
+    isDisabled?: boolean;
+    /** Accessible label. */
+    'aria-label'?: string;
+    /** Labelled-by id. */
+    'aria-labelledby'?: string;
+    /** Currently selected keys (controlled). */
+    selectedKeys?: Iterable<Key>;
+    /** Default selected keys (uncontrolled). */
+    defaultSelectedKeys?: Iterable<Key>;
+    /** Handler called when selection changes. */
+    onSelectionChange?: (keys: 'all' | Set<Key>) => void;
+    /** Handler called when an item action is triggered. */
+    onAction?: (key: Key) => void;
+    /** Keys of disabled items. */
+    disabledKeys?: Iterable<Key>;
+    /** Optional render function for action items. */
+    children?: (item: T, renderProps: ActionGroupItemRenderProps) => JSX.Element;
+    /** Custom render function for items. If not provided, uses item.label. */
+    renderItem?: (item: T, renderProps: ActionGroupItemRenderProps) => JSX.Element;
+    /** Additional CSS class name. */
+    class?: string;
+}
+export declare function ActionGroup<T extends ActionGroupItem = ActionGroupItem>(props: ActionGroupProps<T>): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/actiongroup/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAChD,OAAO,EAIL,KAAK,0BAA0B,EAC/B,KAAK,eAAe,EACrB,MAAM,wCAAwC,CAAC;AAChD,OAAO,KAAK,EAAE,GAAG,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAO1E,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe;IAC3E,qCAAqC;IACrC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,0CAA0C;IAC1C,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,sDAAsD;IACtD,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,4CAA4C;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wBAAwB;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sBAAsB;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4CAA4C;IAC5C,YAAY,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC7B,4CAA4C;IAC5C,mBAAmB,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IACpC,6CAA6C;IAC7C,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IACrD,uDAAuD;IACvD,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC9B,8BAA8B;IAC9B,YAAY,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC7B,iDAAiD;IACjD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,WAAW,EAAE,0BAA0B,KAAK,GAAG,CAAC,OAAO,CAAC;IAC7E,0EAA0E;IAC1E,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,WAAW,EAAE,0BAA0B,KAAK,GAAG,CAAC,OAAO,CAAC;IAC/E,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAmCD,wBAAgB,WAAW,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,EACrE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GACzB,GAAG,CAAC,OAAO,CAoBb"}

package/dist/alert/index.d.ts

@@ -0,0 +1,13 @@
+import type { JSX } from 'solid-js';
+import { type AlertVariant } from '@proyecto-viviana/solidaria-components';
+export type { AlertVariant };
+export interface AlertProps {
+    children: JSX.Element;
+    variant?: AlertVariant;
+    title?: string;
+    dismissible?: boolean;
+    onDismiss?: () => void;
+    class?: string;
+}
+export declare function Alert(props: AlertProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/alert/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAEnC,OAAO,EAIL,KAAK,YAAY,EAClB,MAAM,wCAAwC,CAAA;AAE/C,YAAY,EAAE,YAAY,EAAE,CAAA;AAE5B,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAA;IACrB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AASD,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,eA+BtC"}

package/dist/autocomplete/index.d.ts

@@ -0,0 +1,51 @@
+/**
+ * SearchAutocomplete component for proyecto-viviana-silapse
+ *
+ * Styled autocomplete built on top of headless-backed ComboBox.
+ * UI layer owns styling only; behavior lives in solidaria layers.
+ */
+import { type JSX } from 'solid-js';
+import { type FilterFn } from '../combobox';
+export type SearchAutocompleteSize = 'sm' | 'md' | 'lg';
+export interface SearchAutocompleteItem {
+    id: string;
+    name: string;
+    [key: string]: unknown;
+}
+export interface SearchAutocompleteProps<T extends SearchAutocompleteItem = SearchAutocompleteItem> {
+    /** The items to display in the dropdown. */
+    items: T[];
+    /** The size of the autocomplete. @default 'md' */
+    size?: SearchAutocompleteSize;
+    /** Placeholder text for the input. */
+    placeholder?: string;
+    /** Accessible label for the input. */
+    'aria-label'?: string;
+    /** Label text shown above the input. */
+    label?: string;
+    /** Description text shown below the input. */
+    description?: string;
+    /** The current input value (controlled). */
+    inputValue?: string;
+    /** The default input value (uncontrolled). */
+    defaultInputValue?: string;
+    /** Handler called when the input value changes. */
+    onInputChange?: (value: string) => void;
+    /** Handler called when an item is selected. */
+    onSelect?: (item: T) => void;
+    /** Additional CSS class name. */
+    class?: string;
+    /** Whether the input is disabled. */
+    isDisabled?: boolean;
+    /** Custom filter function. */
+    filter?: FilterFn;
+    /** Custom render function for items. */
+    renderItem?: (item: T) => JSX.Element;
+    /** Key to use for the display text. @default 'name' */
+    textKey?: keyof T;
+}
+/**
+ * A styled autocomplete component for searching and selecting from a list.
+ */
+export declare function SearchAutocomplete<T extends SearchAutocompleteItem = SearchAutocompleteItem>(props: SearchAutocompleteProps<T>): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/autocomplete/index.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAA;AAC/C,OAAO,EAML,KAAK,QAAQ,EAEd,MAAM,aAAa,CAAA;AAMpB,MAAM,MAAM,sBAAsB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEvD,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAED,MAAM,WAAW,uBAAuB,CAAC,CAAC,SAAS,sBAAsB,GAAG,sBAAsB;IAChG,4CAA4C;IAC5C,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,kDAAkD;IAClD,IAAI,CAAC,EAAE,sBAAsB,CAAA;IAC7B,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sCAAsC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,mDAAmD;IACnD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAA;IAC5B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,wCAAwC;IACxC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,GAAG,CAAC,OAAO,CAAA;IACrC,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,CAAC,CAAA;CAClB;AAsBD;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,sBAAsB,GAAG,sBAAsB,EAC1F,KAAK,EAAE,uBAAuB,CAAC,CAAC,CAAC,GAChC,GAAG,CAAC,OAAO,CA8Db"}

package/dist/avatar/index.d.ts

@@ -0,0 +1,18 @@
+import { type JSX } from 'solid-js';
+export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface AvatarProps {
+    src?: string;
+    alt?: string;
+    size?: AvatarSize;
+    fallback?: string;
+    online?: boolean;
+    class?: string;
+}
+export declare function Avatar(props: AvatarProps): JSX.Element;
+export interface AvatarGroupProps {
+    children: JSX.Element;
+    max?: number;
+    size?: AvatarSize;
+}
+export declare function AvatarGroup(props: AvatarGroupProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/avatar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,GAAG,EAAE,MAAM,UAAU,CAAA;AAEzC,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEzD,MAAM,WAAW,WAAW;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAUD,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,eAuCxC;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAA;IACrB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,eAMlD"}

package/dist/badge/index.d.ts

@@ -0,0 +1,12 @@
+import type { JSX } from 'solid-js';
+export type BadgeVariant = 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'danger';
+export type BadgeSize = 'sm' | 'md' | 'lg';
+export interface BadgeProps {
+    children?: JSX.Element;
+    count?: number;
+    variant?: BadgeVariant;
+    size?: BadgeSize;
+    class?: string;
+}
+export declare function Badge(props: BadgeProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAGnC,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;AAChG,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE1C,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAiBD,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,eAatC"}

package/dist/breadcrumbs/index.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Breadcrumbs component for proyecto-viviana-silapse
+ *
+ * Styled breadcrumbs component built on top of solidaria-components.
+ * Inspired by Spectrum 2's Breadcrumbs component patterns.
+ */
+import { type JSX } from 'solid-js';
+import { type BreadcrumbsProps as HeadlessBreadcrumbsProps, type BreadcrumbItemProps as HeadlessBreadcrumbItemProps } from '@proyecto-viviana/solidaria-components';
+export type BreadcrumbsSize = 'sm' | 'md' | 'lg';
+export type BreadcrumbsVariant = 'default' | 'subtle';
+export interface BreadcrumbsProps<T> extends Omit<HeadlessBreadcrumbsProps<T>, 'class' | 'style'> {
+    /** The size of the breadcrumbs. */
+    size?: BreadcrumbsSize;
+    /** The visual variant. */
+    variant?: BreadcrumbsVariant;
+    /** Whether to show separators between items. */
+    showSeparator?: boolean;
+    /** Additional CSS class name. */
+    class?: string;
+}
+export interface BreadcrumbItemProps extends Omit<HeadlessBreadcrumbItemProps, 'class' | 'style'> {
+    /** Additional CSS class name. */
+    class?: string;
+}
+/**
+ * Breadcrumbs show hierarchy and navigational context for a user's location within an application.
+ *
+ * Built on solidaria-components Breadcrumbs for full accessibility support.
+ */
+export declare function Breadcrumbs<T>(props: BreadcrumbsProps<T>): JSX.Element;
+export declare namespace Breadcrumbs {
+    var Item: typeof BreadcrumbItem;
+}
+/**
+ * A BreadcrumbItem represents an individual breadcrumb in the navigation trail.
+ */
+export declare function BreadcrumbItem(props: BreadcrumbItemProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/breadcrumbs/index.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAyC,MAAM,UAAU,CAAA;AAC1E,OAAO,EAGL,KAAK,gBAAgB,IAAI,wBAAwB,EACjD,KAAK,mBAAmB,IAAI,2BAA2B,EAGxD,MAAM,wCAAwC,CAAA;AAO/C,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAChD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,QAAQ,CAAA;AAkBrD,MAAM,WAAW,gBAAgB,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC/F,mCAAmC;IACnC,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,gDAAgD;IAChD,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,2BAA2B,EAAE,OAAO,GAAG,OAAO,CAAC;IAC/F,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAyCD;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CA8BtE;yBA9Be,WAAW;;;AAoC3B;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAiDtE"}

package/dist/button/ActionButton.d.ts

@@ -0,0 +1,21 @@
+/**
+ * ActionButton component for proyecto-viviana-silapse
+ *
+ * A quiet/subtle button variant for toolbar and secondary actions.
+ */
+import { type JSX } from 'solid-js';
+import { type ButtonProps as HeadlessButtonProps } from '@proyecto-viviana/solidaria-components';
+export type ActionButtonSize = 'sm' | 'md' | 'lg';
+export interface ActionButtonProps extends Omit<HeadlessButtonProps, 'class' | 'style'> {
+    /** The size of the button. @default 'md' */
+    size?: ActionButtonSize;
+    /** Whether the button is quiet (no background until hover). @default true */
+    isQuiet?: boolean;
+    /** Additional CSS class name. */
+    class?: string;
+}
+/**
+ * A quiet/subtle button for toolbar and secondary actions.
+ */
+export declare function ActionButton(props: ActionButtonProps): JSX.Element;
+//# sourceMappingURL=ActionButton.d.ts.map

package/dist/button/ActionButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../../src/button/ActionButton.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAChD,OAAO,EAEL,KAAK,WAAW,IAAI,mBAAmB,EAExC,MAAM,wCAAwC,CAAC;AAOhD,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAElD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,OAAO,CAAC;IACrF,4CAA4C;IAC5C,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAgBD;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAiClE"}

package/dist/button/Button.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Button component for proyecto-viviana-silapse
+ *
+ * A styled button component built on top of solidaria-components.
+ * This component only handles styling - all behavior and accessibility
+ * is provided by the headless Button from solidaria-components.
+ */
+import { type JSX } from 'solid-js';
+import type { ButtonProps } from './types';
+/**
+ * Buttons allow users to perform an action or to navigate to another page.
+ * They have multiple styles for various needs, and are ideal for calling attention to
+ * where a user needs to do something in order to move forward in a flow.
+ *
+ * Built on solidaria-components Button for full accessibility support.
+ * Styles are defined in components.css using the vui-button class system.
+ */
+export declare function Button(props: ButtonProps): JSX.Element;
+//# sourceMappingURL=Button.d.ts.map

package/dist/button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/button/Button.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,KAAK,GAAG,EAA6C,MAAM,UAAU,CAAC;AAE/E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG3C;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAsDtD"}

package/dist/button/ClearButton.d.ts

@@ -0,0 +1,19 @@
+/**
+ * ClearButton component for proyecto-viviana-silapse
+ *
+ * An icon-only clear/dismiss button.
+ */
+import { type JSX } from 'solid-js';
+import { type ButtonProps as HeadlessButtonProps } from '@proyecto-viviana/solidaria-components';
+export type ClearButtonSize = 'sm' | 'md' | 'lg';
+export interface ClearButtonProps extends Omit<HeadlessButtonProps, 'class' | 'style' | 'children'> {
+    /** The size of the button. @default 'md' */
+    size?: ClearButtonSize;
+    /** Additional CSS class name. */
+    class?: string;
+}
+/**
+ * An icon-only clear/dismiss button, typically used in search fields and tags.
+ */
+export declare function ClearButton(props: ClearButtonProps): JSX.Element;
+//# sourceMappingURL=ClearButton.d.ts.map

package/dist/button/ClearButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearButton.d.ts","sourceRoot":"","sources":["../../src/button/ClearButton.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAChD,OAAO,EAEL,KAAK,WAAW,IAAI,mBAAmB,EAExC,MAAM,wCAAwC,CAAC;AAOhD,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;IACjG,4CAA4C;IAC5C,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAgBD;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAoChE"}

package/dist/button/FieldButton.d.ts

@@ -0,0 +1,16 @@
+/**
+ * FieldButton component for proyecto-viviana-silapse
+ *
+ * A button embedded inside input fields (e.g., date picker trigger, combobox button).
+ */
+import { type JSX } from 'solid-js';
+import { type ButtonProps as HeadlessButtonProps } from '@proyecto-viviana/solidaria-components';
+export interface FieldButtonProps extends Omit<HeadlessButtonProps, 'class' | 'style'> {
+    /** Additional CSS class name. */
+    class?: string;
+}
+/**
+ * A button designed to sit inside an input field.
+ */
+export declare function FieldButton(props: FieldButtonProps): JSX.Element;
+//# sourceMappingURL=FieldButton.d.ts.map

package/dist/button/FieldButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldButton.d.ts","sourceRoot":"","sources":["../../src/button/FieldButton.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAChD,OAAO,EAEL,KAAK,WAAW,IAAI,mBAAmB,EAExC,MAAM,wCAAwC,CAAC;AAOhD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,OAAO,CAAC;IACpF,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAMD;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CA6BhE"}

package/dist/button/LogicButton.d.ts

@@ -0,0 +1,16 @@
+/**
+ * LogicButton component for proyecto-viviana-silapse
+ *
+ * An AND/OR toggle button for logic-based UIs.
+ */
+import { type JSX } from 'solid-js';
+import { type ToggleButtonProps as HeadlessToggleButtonProps } from '@proyecto-viviana/solidaria-components';
+export interface LogicButtonProps extends Omit<HeadlessToggleButtonProps, 'class' | 'style' | 'children'> {
+    /** Additional CSS class name. */
+    class?: string;
+}
+/**
+ * An AND/OR logic toggle button. Displays "AND" when selected (default), "OR" when not.
+ */
+export declare function LogicButton(props: LogicButtonProps): JSX.Element;
+//# sourceMappingURL=LogicButton.d.ts.map

package/dist/button/LogicButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogicButton.d.ts","sourceRoot":"","sources":["../../src/button/LogicButton.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAChD,OAAO,EAEL,KAAK,iBAAiB,IAAI,yBAAyB,EAEpD,MAAM,wCAAwC,CAAC;AAOhD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,yBAAyB,EAAE,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;IACvG,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAMD;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CA+BhE"}

package/dist/button/ToggleButton.d.ts

@@ -0,0 +1,19 @@
+/**
+ * ToggleButton component for proyecto-viviana-silapse
+ *
+ * A styled toggle button wrapping headless ToggleButton.
+ */
+import { type JSX } from 'solid-js';
+import { type ToggleButtonProps as HeadlessToggleButtonProps } from '@proyecto-viviana/solidaria-components';
+export type ToggleButtonSize = 'sm' | 'md' | 'lg';
+export interface ToggleButtonProps extends Omit<HeadlessToggleButtonProps, 'class' | 'style'> {
+    /** The size of the button. @default 'md' */
+    size?: ToggleButtonSize;
+    /** Additional CSS class name. */
+    class?: string;
+}
+/**
+ * A styled toggle button that can be selected or deselected.
+ */
+export declare function ToggleButton(props: ToggleButtonProps): JSX.Element;
+//# sourceMappingURL=ToggleButton.d.ts.map

package/dist/button/ToggleButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../src/button/ToggleButton.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAChD,OAAO,EAEL,KAAK,iBAAiB,IAAI,yBAAyB,EAEpD,MAAM,wCAAwC,CAAC;AAOhD,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAElD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,yBAAyB,EAAE,OAAO,GAAG,OAAO,CAAC;IAC3F,4CAA4C;IAC5C,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAgBD;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAgClE"}

package/dist/button/index.d.ts

@@ -0,0 +1,13 @@
+export { Button } from './Button';
+export type { ButtonProps, ButtonVariant, ButtonStyle, ButtonSize, StaticColor } from './types';
+export { ToggleButton } from './ToggleButton';
+export type { ToggleButtonProps, ToggleButtonSize } from './ToggleButton';
+export { ActionButton } from './ActionButton';
+export type { ActionButtonProps, ActionButtonSize } from './ActionButton';
+export { ClearButton } from './ClearButton';
+export type { ClearButtonProps, ClearButtonSize } from './ClearButton';
+export { FieldButton } from './FieldButton';
+export type { FieldButtonProps } from './FieldButton';
+export { LogicButton } from './LogicButton';
+export type { LogicButtonProps } from './LogicButton';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAChG,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}