@proyecto-viviana/solidaria-components 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,49 @@
1
+ /**
2
+ * Button component for solidaria-components
3
+ *
4
+ * A pre-wired headless button that combines state + aria hooks.
5
+ * Port of react-aria-components/src/Button.tsx
6
+ */
7
+ import { type JSX } from 'solid-js';
8
+ import { type AriaButtonProps } from '@proyecto-viviana/solidaria';
9
+ import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from './utils';
10
+ export interface ButtonRenderProps {
11
+ /** Whether the button is currently hovered with a mouse. */
12
+ isHovered: boolean;
13
+ /** Whether the button is currently in a pressed state. */
14
+ isPressed: boolean;
15
+ /** Whether the button is focused, either via a mouse or keyboard. */
16
+ isFocused: boolean;
17
+ /** Whether the button is keyboard focused. */
18
+ isFocusVisible: boolean;
19
+ /** Whether the button is disabled. */
20
+ isDisabled: boolean;
21
+ }
22
+ export interface ButtonProps extends Omit<AriaButtonProps, 'children'>, SlotProps {
23
+ /** The children of the component. A function may be provided to receive render props. */
24
+ children?: RenderChildren<ButtonRenderProps>;
25
+ /** The CSS className for the element. */
26
+ class?: ClassNameOrFunction<ButtonRenderProps>;
27
+ /** The inline style for the element. */
28
+ style?: StyleOrFunction<ButtonRenderProps>;
29
+ }
30
+ export declare const ButtonContext: import("solid-js").Context<ButtonProps | null>;
31
+ /**
32
+ * A button allows a user to perform an action.
33
+ *
34
+ * This is a headless component that provides accessibility and state management.
35
+ * Style it using the render props pattern or data attributes.
36
+ *
37
+ * @example
38
+ * ```tsx
39
+ * <Button onPress={() => alert('Pressed!')}>
40
+ * {({ isPressed, isHovered }) => (
41
+ * <span class={isPressed ? 'bg-blue-700' : isHovered ? 'bg-blue-600' : 'bg-blue-500'}>
42
+ * Click me
43
+ * </span>
44
+ * )}
45
+ * </Button>
46
+ * ```
47
+ */
48
+ export declare function Button(props: ButtonProps): JSX.Element;
49
+ //# sourceMappingURL=Button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,KAAK,GAAG,EAIT,MAAM,UAAU,CAAC;AAClB,OAAO,EAIL,KAAK,eAAe,EACrB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,SAAS,EAGf,MAAM,SAAS,CAAC;AAMjB,MAAM,WAAW,iBAAiB;IAChC,4DAA4D;IAC5D,SAAS,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,SAAS,EAAE,OAAO,CAAC;IACnB,qEAAqE;IACrE,SAAS,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,cAAc,EAAE,OAAO,CAAC;IACxB,sCAAsC;IACtC,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,EACvC,SAAS;IACX,yFAAyF;IACzF,QAAQ,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAC;IAC7C,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,iBAAiB,CAAC,CAAC;CAC5C;AAMD,eAAO,MAAM,aAAa,gDAA0C,CAAC;AAMrE;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CA6FtD"}
@@ -0,0 +1,97 @@
1
+ /**
2
+ * Checkbox and CheckboxGroup components for solidaria-components
3
+ *
4
+ * Pre-wired headless checkbox components that combine state + aria hooks.
5
+ * Port of react-aria-components/src/Checkbox.tsx
6
+ */
7
+ import { type JSX, type ParentProps } from 'solid-js';
8
+ import { type AriaCheckboxProps, type AriaCheckboxGroupProps } from '@proyecto-viviana/solidaria';
9
+ import { type CheckboxGroupState } from '@proyecto-viviana/solid-stately';
10
+ import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from './utils';
11
+ export interface CheckboxGroupRenderProps {
12
+ /** Whether the checkbox group is disabled. */
13
+ isDisabled: boolean;
14
+ /** Whether the checkbox group is read only. */
15
+ isReadOnly: boolean;
16
+ /** Whether the checkbox group is required. */
17
+ isRequired: boolean;
18
+ /** Whether the checkbox group is invalid. */
19
+ isInvalid: boolean;
20
+ /** State of the checkbox group. */
21
+ state: CheckboxGroupState;
22
+ }
23
+ export interface CheckboxRenderProps {
24
+ /** Whether the checkbox is selected. */
25
+ isSelected: boolean;
26
+ /** Whether the checkbox is indeterminate. */
27
+ isIndeterminate: boolean;
28
+ /** Whether the checkbox is currently hovered with a mouse. */
29
+ isHovered: boolean;
30
+ /** Whether the checkbox is currently in a pressed state. */
31
+ isPressed: boolean;
32
+ /** Whether the checkbox is focused, either via a mouse or keyboard. */
33
+ isFocused: boolean;
34
+ /** Whether the checkbox is keyboard focused. */
35
+ isFocusVisible: boolean;
36
+ /** Whether the checkbox is disabled. */
37
+ isDisabled: boolean;
38
+ /** Whether the checkbox is read only. */
39
+ isReadOnly: boolean;
40
+ /** Whether the checkbox is invalid. */
41
+ isInvalid: boolean;
42
+ /** Whether the checkbox is required. */
43
+ isRequired: boolean;
44
+ }
45
+ export interface CheckboxGroupProps extends Omit<AriaCheckboxGroupProps, 'children' | 'label' | 'description' | 'errorMessage'>, SlotProps {
46
+ /** The children of the component. A function may be provided to receive render props. */
47
+ children?: RenderChildren<CheckboxGroupRenderProps>;
48
+ /** The CSS className for the element. */
49
+ class?: ClassNameOrFunction<CheckboxGroupRenderProps>;
50
+ /** The inline style for the element. */
51
+ style?: StyleOrFunction<CheckboxGroupRenderProps>;
52
+ }
53
+ export interface CheckboxProps extends Omit<AriaCheckboxProps, 'children'>, SlotProps {
54
+ /** The children of the component. A function may be provided to receive render props. */
55
+ children?: RenderChildren<CheckboxRenderProps>;
56
+ /** The CSS className for the element. */
57
+ class?: ClassNameOrFunction<CheckboxRenderProps>;
58
+ /** The inline style for the element. */
59
+ style?: StyleOrFunction<CheckboxRenderProps>;
60
+ /** Whether the checkbox is indeterminate. */
61
+ isIndeterminate?: boolean;
62
+ }
63
+ export declare const CheckboxGroupContext: import("solid-js").Context<CheckboxGroupProps | null>;
64
+ export declare const CheckboxGroupStateContext: import("solid-js").Context<CheckboxGroupState | null>;
65
+ export declare const CheckboxContext: import("solid-js").Context<CheckboxProps | null>;
66
+ /**
67
+ * A checkbox group allows a user to select multiple items from a list of options.
68
+ *
69
+ * @example
70
+ * ```tsx
71
+ * <CheckboxGroup>
72
+ * <Checkbox value="one">Option 1</Checkbox>
73
+ * <Checkbox value="two">Option 2</Checkbox>
74
+ * </CheckboxGroup>
75
+ * ```
76
+ */
77
+ export declare function CheckboxGroup(props: ParentProps<CheckboxGroupProps>): JSX.Element;
78
+ /**
79
+ * A checkbox allows a user to select multiple items from a list of individual items,
80
+ * or to mark one individual item as selected.
81
+ *
82
+ * @example
83
+ * ```tsx
84
+ * <Checkbox>
85
+ * {({ isSelected }) => (
86
+ * <>
87
+ * <span class={`checkbox ${isSelected ? 'checked' : ''}`}>
88
+ * {isSelected && '✓'}
89
+ * </span>
90
+ * <span>Accept terms</span>
91
+ * </>
92
+ * )}
93
+ * </Checkbox>
94
+ * ```
95
+ */
96
+ export declare function Checkbox(props: CheckboxProps): JSX.Element;
97
+ //# sourceMappingURL=Checkbox.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../src/Checkbox.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,KAAK,GAAG,EAER,KAAK,WAAW,EAKjB,MAAM,UAAU,CAAC;AAClB,OAAO,EAML,KAAK,iBAAiB,EACtB,KAAK,sBAAsB,EAC5B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAGL,KAAK,kBAAkB,EACxB,MAAM,iCAAiC,CAAC;AAEzC,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,SAAS,EAGf,MAAM,SAAS,CAAC;AAMjB,MAAM,WAAW,wBAAwB;IACvC,8CAA8C;IAC9C,UAAU,EAAE,OAAO,CAAC;IACpB,+CAA+C;IAC/C,UAAU,EAAE,OAAO,CAAC;IACpB,8CAA8C;IAC9C,UAAU,EAAE,OAAO,CAAC;IACpB,6CAA6C;IAC7C,SAAS,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,KAAK,EAAE,kBAAkB,CAAC;CAC3B;AAED,MAAM,WAAW,mBAAmB;IAClC,wCAAwC;IACxC,UAAU,EAAE,OAAO,CAAC;IACpB,6CAA6C;IAC7C,eAAe,EAAE,OAAO,CAAC;IACzB,8DAA8D;IAC9D,SAAS,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,SAAS,EAAE,OAAO,CAAC;IACnB,uEAAuE;IACvE,SAAS,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,cAAc,EAAE,OAAO,CAAC;IACxB,wCAAwC;IACxC,UAAU,EAAE,OAAO,CAAC;IACpB,yCAAyC;IACzC,UAAU,EAAE,OAAO,CAAC;IACpB,uCAAuC;IACvC,SAAS,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,UAAU,GAAG,OAAO,GAAG,aAAa,GAAG,cAAc,CAAC,EACzF,SAAS;IACX,yFAAyF;IACzF,QAAQ,CAAC,EAAE,cAAc,CAAC,wBAAwB,CAAC,CAAC;IACpD,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,wBAAwB,CAAC,CAAC;IACtD,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,wBAAwB,CAAC,CAAC;CACnD;AAED,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC,EACzC,SAAS;IACX,yFAAyF;IACzF,QAAQ,CAAC,EAAE,cAAc,CAAC,mBAAmB,CAAC,CAAC;IAC/C,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;IACjD,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,mBAAmB,CAAC,CAAC;IAC7C,6CAA6C;IAC7C,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAMD,eAAO,MAAM,oBAAoB,uDAAiD,CAAC;AACnF,eAAO,MAAM,yBAAyB,uDAAiD,CAAC;AACxF,eAAO,MAAM,eAAe,kDAA4C,CAAC;AAMzE;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,WAAW,CAAC,kBAAkB,CAAC,GAAG,GAAG,CAAC,OAAO,CAoEjF;AAMD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CA8J1D"}
package/dist/Link.d.ts ADDED
@@ -0,0 +1,52 @@
1
+ /**
2
+ * Link component for solidaria-components
3
+ *
4
+ * Pre-wired headless link component that combines aria hooks.
5
+ * Port of react-aria-components/src/Link.tsx
6
+ */
7
+ import { type JSX, type ParentProps } from 'solid-js';
8
+ import { type AriaLinkProps, type HoverEvents } from '@proyecto-viviana/solidaria';
9
+ import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from './utils';
10
+ export interface LinkRenderProps {
11
+ /** Whether the link is the current item within a list. */
12
+ isCurrent: boolean;
13
+ /** Whether the link is currently hovered with a mouse. */
14
+ isHovered: boolean;
15
+ /** Whether the link is currently in a pressed state. */
16
+ isPressed: boolean;
17
+ /** Whether the link is focused, either via a mouse or keyboard. */
18
+ isFocused: boolean;
19
+ /** Whether the link is keyboard focused. */
20
+ isFocusVisible: boolean;
21
+ /** Whether the link is disabled. */
22
+ isDisabled: boolean;
23
+ }
24
+ export interface LinkProps extends Omit<AriaLinkProps, 'elementType'>, HoverEvents, SlotProps {
25
+ /** The children of the component. A function may be provided to receive render props. */
26
+ children?: RenderChildren<LinkRenderProps>;
27
+ /** The CSS className for the element. */
28
+ class?: ClassNameOrFunction<LinkRenderProps>;
29
+ /** The inline style for the element. */
30
+ style?: StyleOrFunction<LinkRenderProps>;
31
+ }
32
+ export declare const LinkContext: import("solid-js").Context<LinkProps | null>;
33
+ /**
34
+ * A link allows a user to navigate to another page or resource within a web page
35
+ * or application.
36
+ *
37
+ * @example
38
+ * ```tsx
39
+ * <Link href="https://example.com">Visit Example</Link>
40
+ *
41
+ * // With render props
42
+ * <Link href="/about">
43
+ * {({ isHovered, isFocusVisible }) => (
44
+ * <span class={isHovered ? 'underline' : ''}>
45
+ * About Us
46
+ * </span>
47
+ * )}
48
+ * </Link>
49
+ * ```
50
+ */
51
+ export declare function Link(props: ParentProps<LinkProps>): JSX.Element;
52
+ //# sourceMappingURL=Link.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../src/Link.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,KAAK,GAAG,EACR,KAAK,WAAW,EAIjB,MAAM,UAAU,CAAC;AAElB,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,WAAW,EACjB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,SAAS,EAGf,MAAM,SAAS,CAAC;AAMjB,MAAM,WAAW,eAAe;IAC9B,0DAA0D;IAC1D,SAAS,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,SAAS,EAAE,OAAO,CAAC;IACnB,wDAAwD;IACxD,SAAS,EAAE,OAAO,CAAC;IACnB,mEAAmE;IACnE,SAAS,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,cAAc,EAAE,OAAO,CAAC;IACxB,oCAAoC;IACpC,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,aAAa,EAAE,aAAa,CAAC,EACxC,WAAW,EACX,SAAS;IACX,yFAAyF;IACzF,QAAQ,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;IAC3C,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IAC7C,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;CAC1C;AAMD,eAAO,MAAM,WAAW,8CAAwC,CAAC;AAMjE;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG,GAAG,CAAC,OAAO,CA8G/D"}
@@ -0,0 +1,45 @@
1
+ /**
2
+ * ProgressBar component for solidaria-components
3
+ *
4
+ * Pre-wired headless progress bar component that combines aria hooks.
5
+ * Port of react-aria-components/src/ProgressBar.tsx
6
+ */
7
+ import { type JSX, type ParentProps } from 'solid-js';
8
+ import { type AriaProgressBarProps } from '@proyecto-viviana/solidaria';
9
+ import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from './utils';
10
+ export interface ProgressBarRenderProps {
11
+ /** The value as a percentage between the minimum and maximum (0-100). */
12
+ percentage: number | undefined;
13
+ /** A formatted version of the value. */
14
+ valueText: string | undefined;
15
+ /** Whether the progress bar is indeterminate. */
16
+ isIndeterminate: boolean;
17
+ }
18
+ export interface ProgressBarProps extends AriaProgressBarProps, SlotProps {
19
+ /** The children of the component. A function may be provided to receive render props. */
20
+ children?: RenderChildren<ProgressBarRenderProps>;
21
+ /** The CSS className for the element. */
22
+ class?: ClassNameOrFunction<ProgressBarRenderProps>;
23
+ /** The inline style for the element. */
24
+ style?: StyleOrFunction<ProgressBarRenderProps>;
25
+ }
26
+ export declare const ProgressBarContext: import("solid-js").Context<ProgressBarProps | null>;
27
+ /**
28
+ * Progress bars show either determinate or indeterminate progress of an operation
29
+ * over time.
30
+ *
31
+ * @example
32
+ * ```tsx
33
+ * <ProgressBar value={50}>
34
+ * {({ percentage, valueText }) => (
35
+ * <>
36
+ * <Label>Loading...</Label>
37
+ * <span>{valueText}</span>
38
+ * <div class="bar" style={{ width: `${percentage}%` }} />
39
+ * </>
40
+ * )}
41
+ * </ProgressBar>
42
+ * ```
43
+ */
44
+ export declare function ProgressBar(props: ParentProps<ProgressBarProps>): JSX.Element;
45
+ //# sourceMappingURL=ProgressBar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../src/ProgressBar.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,KAAK,GAAG,EACR,KAAK,WAAW,EAIjB,MAAM,UAAU,CAAC;AAClB,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,SAAS,EAGf,MAAM,SAAS,CAAC;AAMjB,MAAM,WAAW,sBAAsB;IACrC,yEAAyE;IACzE,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,wCAAwC;IACxC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,iDAAiD;IACjD,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,gBACf,SAAQ,oBAAoB,EAC1B,SAAS;IACX,yFAAyF;IACzF,QAAQ,CAAC,EAAE,cAAc,CAAC,sBAAsB,CAAC,CAAC;IAClD,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,sBAAsB,CAAC,CAAC;IACpD,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,sBAAsB,CAAC,CAAC;CACjD;AAMD,eAAO,MAAM,kBAAkB,qDAA+C,CAAC;AAc/E;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,GAAG,GAAG,CAAC,OAAO,CA2E7E"}
@@ -0,0 +1,99 @@
1
+ /**
2
+ * RadioGroup and Radio components for solidaria-components
3
+ *
4
+ * Pre-wired headless radio components that combine state + aria hooks.
5
+ * Port of react-aria-components/src/RadioGroup.tsx
6
+ */
7
+ import { type JSX, type ParentProps } from 'solid-js';
8
+ import { type AriaRadioProps, type AriaRadioGroupProps } from '@proyecto-viviana/solidaria';
9
+ import { type RadioGroupState, type RadioGroupProps as RadioGroupStateProps } from '@proyecto-viviana/solid-stately';
10
+ import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from './utils';
11
+ export type Orientation = 'horizontal' | 'vertical';
12
+ export interface RadioGroupRenderProps {
13
+ /** The orientation of the radio group. */
14
+ orientation: Orientation;
15
+ /** Whether the radio group is disabled. */
16
+ isDisabled: boolean;
17
+ /** Whether the radio group is read only. */
18
+ isReadOnly: boolean;
19
+ /** Whether the radio group is required. */
20
+ isRequired: boolean;
21
+ /** Whether the radio group is invalid. */
22
+ isInvalid: boolean;
23
+ /** State of the radio group. */
24
+ state: RadioGroupState;
25
+ }
26
+ export interface RadioRenderProps {
27
+ /** Whether the radio is selected. */
28
+ isSelected: boolean;
29
+ /** Whether the radio is currently hovered with a mouse. */
30
+ isHovered: boolean;
31
+ /** Whether the radio is currently in a pressed state. */
32
+ isPressed: boolean;
33
+ /** Whether the radio is focused, either via a mouse or keyboard. */
34
+ isFocused: boolean;
35
+ /** Whether the radio is keyboard focused. */
36
+ isFocusVisible: boolean;
37
+ /** Whether the radio is disabled. */
38
+ isDisabled: boolean;
39
+ /** Whether the radio is read only. */
40
+ isReadOnly: boolean;
41
+ /** Whether the radio is invalid. */
42
+ isInvalid: boolean;
43
+ /** Whether the radio is required. */
44
+ isRequired: boolean;
45
+ }
46
+ export interface RadioGroupProps extends Omit<AriaRadioGroupProps, 'children' | 'label' | 'description' | 'errorMessage'>, Pick<RadioGroupStateProps, 'value' | 'defaultValue' | 'onChange'>, SlotProps {
47
+ /** The children of the component. A function may be provided to receive render props. */
48
+ children?: RenderChildren<RadioGroupRenderProps>;
49
+ /** The CSS className for the element. */
50
+ class?: ClassNameOrFunction<RadioGroupRenderProps>;
51
+ /** The inline style for the element. */
52
+ style?: StyleOrFunction<RadioGroupRenderProps>;
53
+ }
54
+ export interface RadioProps extends Omit<AriaRadioProps, 'children'>, SlotProps {
55
+ /** The children of the component. A function may be provided to receive render props. */
56
+ children?: RenderChildren<RadioRenderProps>;
57
+ /** The CSS className for the element. */
58
+ class?: ClassNameOrFunction<RadioRenderProps>;
59
+ /** The inline style for the element. */
60
+ style?: StyleOrFunction<RadioRenderProps>;
61
+ }
62
+ export declare const RadioGroupContext: import("solid-js").Context<RadioGroupProps | null>;
63
+ export declare const RadioGroupStateContext: import("solid-js").Context<RadioGroupState | null>;
64
+ export declare const RadioContext: import("solid-js").Context<RadioProps | null>;
65
+ /**
66
+ * A radio group allows a user to select a single item from a list of mutually exclusive options.
67
+ *
68
+ * @example
69
+ * ```tsx
70
+ * <RadioGroup>
71
+ * <Radio value="one">Option 1</Radio>
72
+ * <Radio value="two">Option 2</Radio>
73
+ * </RadioGroup>
74
+ * ```
75
+ */
76
+ export declare function RadioGroup(props: ParentProps<RadioGroupProps>): JSX.Element;
77
+ /**
78
+ * A radio represents an individual option within a radio group.
79
+ *
80
+ * This component uses a deferred rendering pattern to work around SolidJS's
81
+ * JSX evaluation order. The actual implementation is rendered inside a function
82
+ * that checks for context availability at render time, not component creation time.
83
+ *
84
+ * @example
85
+ * ```tsx
86
+ * <Radio value="option1">
87
+ * {({ isSelected }) => (
88
+ * <>
89
+ * <span class={`radio ${isSelected ? 'selected' : ''}`}>
90
+ * {isSelected && '●'}
91
+ * </span>
92
+ * <span>Option 1</span>
93
+ * </>
94
+ * )}
95
+ * </Radio>
96
+ * ```
97
+ */
98
+ export declare function Radio(props: RadioProps): JSX.Element;
99
+ //# sourceMappingURL=RadioGroup.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../src/RadioGroup.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,KAAK,GAAG,EACR,KAAK,WAAW,EAKjB,MAAM,UAAU,CAAC;AAClB,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACzB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,eAAe,IAAI,oBAAoB,EAC7C,MAAM,iCAAiC,CAAC;AAEzC,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,SAAS,EAGf,MAAM,SAAS,CAAC;AAMjB,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;AAEpD,MAAM,WAAW,qBAAqB;IACpC,0CAA0C;IAC1C,WAAW,EAAE,WAAW,CAAC;IACzB,2CAA2C;IAC3C,UAAU,EAAE,OAAO,CAAC;IACpB,4CAA4C;IAC5C,UAAU,EAAE,OAAO,CAAC;IACpB,2CAA2C;IAC3C,UAAU,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,SAAS,EAAE,OAAO,CAAC;IACnB,gCAAgC;IAChC,KAAK,EAAE,eAAe,CAAC;CACxB;AAED,MAAM,WAAW,gBAAgB;IAC/B,qCAAqC;IACrC,UAAU,EAAE,OAAO,CAAC;IACpB,2DAA2D;IAC3D,SAAS,EAAE,OAAO,CAAC;IACnB,yDAAyD;IACzD,SAAS,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,SAAS,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,cAAc,EAAE,OAAO,CAAC;IACxB,qCAAqC;IACrC,UAAU,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,UAAU,EAAE,OAAO,CAAC;IACpB,oCAAoC;IACpC,SAAS,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,OAAO,GAAG,aAAa,GAAG,cAAc,CAAC,EACtF,IAAI,CAAC,oBAAoB,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC,EACjE,SAAS;IACX,yFAAyF;IACzF,QAAQ,CAAC,EAAE,cAAc,CAAC,qBAAqB,CAAC,CAAC;IACjD,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;IACnD,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,qBAAqB,CAAC,CAAC;CAChD;AAED,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,EACtC,SAAS;IACX,yFAAyF;IACzF,QAAQ,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAC;IAC5C,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAC9C,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAC;CAC3C;AAMD,eAAO,MAAM,iBAAiB,oDAA8C,CAAC;AAC7E,eAAO,MAAM,sBAAsB,oDAA8C,CAAC;AAClF,eAAO,MAAM,YAAY,+CAAyC,CAAC;AAMnE;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,WAAW,CAAC,eAAe,CAAC,GAAG,GAAG,CAAC,OAAO,CAwE3E;AAwHD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAcpD"}
@@ -0,0 +1,37 @@
1
+ /**
2
+ * Separator component for solidaria-components
3
+ *
4
+ * Pre-wired headless separator component that combines aria hooks.
5
+ * Port of react-aria-components/src/Separator.tsx
6
+ */
7
+ import { type JSX } from 'solid-js';
8
+ import { type AriaSeparatorProps, type Orientation } from '@proyecto-viviana/solidaria';
9
+ import { type SlotProps } from './utils';
10
+ export interface SeparatorRenderProps {
11
+ /** The orientation of the separator. */
12
+ orientation: Orientation;
13
+ }
14
+ export interface SeparatorProps extends AriaSeparatorProps, SlotProps {
15
+ /** The CSS className for the element. A function may be provided to receive render props. */
16
+ class?: string | ((renderProps: SeparatorRenderProps) => string);
17
+ /** The inline style for the element. A function may be provided to receive render props. */
18
+ style?: JSX.CSSProperties | ((renderProps: SeparatorRenderProps) => JSX.CSSProperties);
19
+ }
20
+ export declare const SeparatorContext: import("solid-js").Context<SeparatorProps | null>;
21
+ /**
22
+ * A separator is a visual divider between two groups of content,
23
+ * e.g. groups of menu items or sections of a page.
24
+ *
25
+ * @example
26
+ * ```tsx
27
+ * <Separator />
28
+ *
29
+ * // Vertical separator
30
+ * <Separator orientation="vertical" />
31
+ *
32
+ * // Custom element type
33
+ * <Separator elementType="div" />
34
+ * ```
35
+ */
36
+ export declare function Separator(props: SeparatorProps): JSX.Element;
37
+ //# sourceMappingURL=Separator.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../src/Separator.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,KAAK,GAAG,EAIT,MAAM,UAAU,CAAC;AAElB,OAAO,EAEL,KAAK,kBAAkB,EACvB,KAAK,WAAW,EACjB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,KAAK,SAAS,EAEf,MAAM,SAAS,CAAC;AAMjB,MAAM,WAAW,oBAAoB;IACnC,wCAAwC;IACxC,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,MAAM,WAAW,cACf,SAAQ,kBAAkB,EACxB,SAAS;IACX,6FAA6F;IAC7F,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,WAAW,EAAE,oBAAoB,KAAK,MAAM,CAAC,CAAC;IACjE,4FAA4F;IAC5F,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,GAAG,CAAC,CAAC,WAAW,EAAE,oBAAoB,KAAK,GAAG,CAAC,aAAa,CAAC,CAAC;CACxF;AAMD,eAAO,MAAM,gBAAgB,mDAA6C,CAAC;AAM3E;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CA8D5D"}
@@ -0,0 +1,63 @@
1
+ /**
2
+ * ToggleSwitch component for solidaria-components
3
+ *
4
+ * A pre-wired headless switch that combines state + aria hooks.
5
+ * Port of react-aria-components/src/Switch.tsx
6
+ *
7
+ * Named "ToggleSwitch" to avoid conflict with SolidJS's built-in Switch component.
8
+ */
9
+ import { type JSX } from 'solid-js';
10
+ import { type AriaSwitchProps } from '@proyecto-viviana/solidaria';
11
+ import { type ToggleState } from '@proyecto-viviana/solid-stately';
12
+ import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from './utils';
13
+ export interface ToggleSwitchRenderProps {
14
+ /** Whether the switch is selected. */
15
+ isSelected: boolean;
16
+ /** Whether the switch is currently hovered with a mouse. */
17
+ isHovered: boolean;
18
+ /** Whether the switch is currently in a pressed state. */
19
+ isPressed: boolean;
20
+ /** Whether the switch is focused, either via a mouse or keyboard. */
21
+ isFocused: boolean;
22
+ /** Whether the switch is keyboard focused. */
23
+ isFocusVisible: boolean;
24
+ /** Whether the switch is disabled. */
25
+ isDisabled: boolean;
26
+ /** Whether the switch is read only. */
27
+ isReadOnly: boolean;
28
+ /** State of the switch. */
29
+ state: ToggleState;
30
+ }
31
+ export interface ToggleSwitchProps extends Omit<AriaSwitchProps, 'children'>, SlotProps {
32
+ /** The children of the component. A function may be provided to receive render props. */
33
+ children?: RenderChildren<ToggleSwitchRenderProps>;
34
+ /** The CSS className for the element. */
35
+ class?: ClassNameOrFunction<ToggleSwitchRenderProps>;
36
+ /** The inline style for the element. */
37
+ style?: StyleOrFunction<ToggleSwitchRenderProps>;
38
+ }
39
+ export declare const ToggleSwitchContext: import("solid-js").Context<ToggleSwitchProps | null>;
40
+ /**
41
+ * A switch allows a user to turn a setting on or off.
42
+ *
43
+ * This is a headless component that provides accessibility and state management.
44
+ * Style it using the render props pattern or data attributes.
45
+ *
46
+ * Named "ToggleSwitch" to avoid conflict with SolidJS's built-in Switch component.
47
+ *
48
+ * @example
49
+ * ```tsx
50
+ * <ToggleSwitch>
51
+ * {({ isSelected }) => (
52
+ * <>
53
+ * <span class={`switch-track ${isSelected ? 'bg-blue-500' : 'bg-gray-300'}`}>
54
+ * <span class={`switch-thumb ${isSelected ? 'translate-x-5' : 'translate-x-0'}`} />
55
+ * </span>
56
+ * <span>Enable notifications</span>
57
+ * </>
58
+ * )}
59
+ * </ToggleSwitch>
60
+ * ```
61
+ */
62
+ export declare function ToggleSwitch(props: ToggleSwitchProps): JSX.Element;
63
+ //# sourceMappingURL=Switch.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../src/Switch.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EACL,KAAK,GAAG,EAIT,MAAM,UAAU,CAAC;AAClB,OAAO,EAIL,KAAK,eAAe,EACrB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAqB,KAAK,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAEtF,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,SAAS,EAGf,MAAM,SAAS,CAAC;AAMjB,MAAM,WAAW,uBAAuB;IACtC,sCAAsC;IACtC,UAAU,EAAE,OAAO,CAAC;IACpB,4DAA4D;IAC5D,SAAS,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,SAAS,EAAE,OAAO,CAAC;IACnB,qEAAqE;IACrE,SAAS,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,cAAc,EAAE,OAAO,CAAC;IACxB,sCAAsC;IACtC,UAAU,EAAE,OAAO,CAAC;IACpB,uCAAuC;IACvC,UAAU,EAAE,OAAO,CAAC;IACpB,2BAA2B;IAC3B,KAAK,EAAE,WAAW,CAAC;CACpB;AAED,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,EACvC,SAAS;IACX,yFAAyF;IACzF,QAAQ,CAAC,EAAE,cAAc,CAAC,uBAAuB,CAAC,CAAC;IACnD,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,uBAAuB,CAAC,CAAC;IACrD,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,uBAAuB,CAAC,CAAC;CAClD;AAMD,eAAO,MAAM,mBAAmB,sDAAgD,CAAC;AAMjF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAkHlE"}
@@ -0,0 +1,85 @@
1
+ /**
2
+ * TextField component for solidaria-components
3
+ *
4
+ * A pre-wired headless text field that combines state + aria hooks.
5
+ * Port of react-aria-components/src/TextField.tsx
6
+ */
7
+ import { type JSX } from 'solid-js';
8
+ import { type AriaTextFieldProps } from '@proyecto-viviana/solidaria';
9
+ import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from './utils';
10
+ export interface TextFieldRenderProps {
11
+ /** Whether the text field is disabled. */
12
+ isDisabled: boolean;
13
+ /** Whether the value is invalid. */
14
+ isInvalid: boolean;
15
+ /** Whether the text field is read only. */
16
+ isReadOnly: boolean;
17
+ /** Whether the text field is required. */
18
+ isRequired: boolean;
19
+ /** Whether the text field is currently hovered with a mouse. */
20
+ isHovered: boolean;
21
+ /** Whether the text field is focused, either via a mouse or keyboard. */
22
+ isFocused: boolean;
23
+ /** Whether the text field is keyboard focused. */
24
+ isFocusVisible: boolean;
25
+ }
26
+ export interface TextFieldProps extends Omit<AriaTextFieldProps, 'children'>, SlotProps {
27
+ /** The children of the component. A function may be provided to receive render props. */
28
+ children?: RenderChildren<TextFieldRenderProps>;
29
+ /** The CSS className for the element. */
30
+ class?: ClassNameOrFunction<TextFieldRenderProps>;
31
+ /** The inline style for the element. */
32
+ style?: StyleOrFunction<TextFieldRenderProps>;
33
+ }
34
+ export interface TextFieldContextValue {
35
+ labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
36
+ inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
37
+ descriptionProps: JSX.HTMLAttributes<HTMLElement>;
38
+ errorMessageProps: JSX.HTMLAttributes<HTMLElement>;
39
+ isInvalid: boolean;
40
+ }
41
+ export declare const TextFieldContext: import("solid-js").Context<TextFieldContextValue | null>;
42
+ export interface LabelProps extends JSX.LabelHTMLAttributes<HTMLLabelElement> {
43
+ children?: JSX.Element;
44
+ }
45
+ /**
46
+ * A label element that automatically wires up to the parent TextField context.
47
+ * This enables the proper htmlFor/id relationship between label and input.
48
+ */
49
+ export declare function Label(props: LabelProps): JSX.Element;
50
+ export interface InputProps extends Omit<JSX.InputHTMLAttributes<HTMLInputElement>, 'children'> {
51
+ }
52
+ /**
53
+ * An input element that automatically wires up to the parent TextField context.
54
+ * This enables focus tracking, validation, and accessibility props to flow from
55
+ * the TextField to the actual input element.
56
+ */
57
+ export declare function Input(props: InputProps): JSX.Element;
58
+ export interface TextAreaProps extends Omit<JSX.TextareaHTMLAttributes<HTMLTextAreaElement>, 'children'> {
59
+ }
60
+ /**
61
+ * A textarea element that automatically wires up to the parent TextField context.
62
+ * This enables focus tracking, validation, and accessibility props to flow from
63
+ * the TextField to the actual textarea element.
64
+ */
65
+ export declare function TextArea(props: TextAreaProps): JSX.Element;
66
+ /**
67
+ * A text field allows a user to enter a plain text value with a keyboard.
68
+ *
69
+ * This is a headless component that provides accessibility and state management.
70
+ * Style it using the render props pattern or data attributes.
71
+ *
72
+ * @example
73
+ * ```tsx
74
+ * <TextField>
75
+ * {({ isInvalid }) => (
76
+ * <>
77
+ * <Label>Email</Label>
78
+ * <Input class={isInvalid ? 'border-red-500' : 'border-gray-300'} />
79
+ * </>
80
+ * )}
81
+ * </TextField>
82
+ * ```
83
+ */
84
+ export declare function TextField(props: TextFieldProps): JSX.Element;
85
+ //# sourceMappingURL=TextField.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../src/TextField.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,KAAK,GAAG,EAKT,MAAM,UAAU,CAAC;AAClB,OAAO,EAIL,KAAK,kBAAkB,EACxB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,SAAS,EAGf,MAAM,SAAS,CAAC;AAMjB,MAAM,WAAW,oBAAoB;IACnC,0CAA0C;IAC1C,UAAU,EAAE,OAAO,CAAC;IACpB,oCAAoC;IACpC,SAAS,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,UAAU,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,UAAU,EAAE,OAAO,CAAC;IACpB,gEAAgE;IAChE,SAAS,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,SAAS,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,EAC1C,SAAS;IACX,yFAAyF;IACzF,QAAQ,CAAC,EAAE,cAAc,CAAC,oBAAoB,CAAC,CAAC;IAChD,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;IAClD,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,oBAAoB,CAAC,CAAC;CAC/C;AAMD,MAAM,WAAW,qBAAqB;IACpC,UAAU,EAAE,GAAG,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACtD,UAAU,EAAE,GAAG,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACtD,gBAAgB,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAClD,iBAAiB,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IACnD,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,0DAAoD,CAAC;AAMlF,MAAM,WAAW,UAAW,SAAQ,GAAG,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC3E,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED;;;GAGG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAapD;AAED,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,GAAG,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;CAAG;AAElG;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAcpD;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,GAAG,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,UAAU,CAAC;CAAG;AAE3G;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAc1D;AAMD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAmG5D"}
@@ -0,0 +1,18 @@
1
+ /**
2
+ * VisuallyHidden component for solidaria-components
3
+ *
4
+ * Hides content visually but keeps it accessible to screen readers.
5
+ * Port of react-aria's VisuallyHidden.
6
+ */
7
+ import { type JSX, type ParentProps } from 'solid-js';
8
+ export interface VisuallyHiddenProps extends ParentProps {
9
+ /** The element type to render. @default 'span' */
10
+ elementType?: keyof JSX.IntrinsicElements;
11
+ /** Whether the element should be focusable when focused. */
12
+ isFocusable?: boolean;
13
+ }
14
+ /**
15
+ * VisuallyHidden hides its children visually, while keeping content visible to screen readers.
16
+ */
17
+ export declare function VisuallyHidden(props: VisuallyHiddenProps): JSX.Element;
18
+ //# sourceMappingURL=VisuallyHidden.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["../src/VisuallyHidden.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,WAAW,EAAc,MAAM,UAAU,CAAC;AAOlE,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;IAC1C,4DAA4D;IAC5D,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAuBD;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CActE"}
@@ -0,0 +1,20 @@
1
+ /**
2
+ * solidaria-components
3
+ *
4
+ * Pre-wired headless components for SolidJS.
5
+ * Port of react-aria-components.
6
+ *
7
+ * These components combine state management + accessibility hooks into
8
+ * ready-to-style components using the render props pattern and data attributes.
9
+ */
10
+ export { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type RenderPropsBase, type SlotProps, useRenderProps, filterDOMProps, removeDataAttributes, createDataAttributes, dataAttr, } from './utils';
11
+ export { VisuallyHidden, type VisuallyHiddenProps, } from './VisuallyHidden';
12
+ export { Button, ButtonContext, type ButtonProps, type ButtonRenderProps, } from './Button';
13
+ export { ToggleSwitch, ToggleSwitchContext, type ToggleSwitchProps, type ToggleSwitchRenderProps, } from './Switch';
14
+ export { Checkbox, CheckboxGroup, CheckboxContext, CheckboxGroupContext, CheckboxGroupStateContext, type CheckboxProps, type CheckboxRenderProps, type CheckboxGroupProps, type CheckboxGroupRenderProps, } from './Checkbox';
15
+ export { Radio, RadioGroup, RadioContext, RadioGroupContext, RadioGroupStateContext, type RadioProps, type RadioRenderProps, type RadioGroupProps, type RadioGroupRenderProps, type Orientation, } from './RadioGroup';
16
+ export { TextField, TextFieldContext, Label, Input, TextArea, type TextFieldProps, type TextFieldRenderProps, type TextFieldContextValue, type LabelProps, type InputProps, type TextAreaProps, } from './TextField';
17
+ export { Link, LinkContext, type LinkProps, type LinkRenderProps, } from './Link';
18
+ export { ProgressBar, ProgressBarContext, type ProgressBarProps, type ProgressBarRenderProps, } from './ProgressBar';
19
+ export { Separator, SeparatorContext, type SeparatorProps, type SeparatorRenderProps, } from './Separator';
20
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,cAAc,EACd,cAAc,EACd,oBAAoB,EACpB,oBAAoB,EACpB,QAAQ,GACT,MAAM,SAAS,CAAC;AAGjB,OAAO,EACL,cAAc,EACd,KAAK,mBAAmB,GACzB,MAAM,kBAAkB,CAAC;AAG1B,OAAO,EACL,MAAM,EACN,aAAa,EACb,KAAK,WAAW,EAChB,KAAK,iBAAiB,GACvB,MAAM,UAAU,CAAC;AAGlB,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,KAAK,iBAAiB,EACtB,KAAK,uBAAuB,GAC7B,MAAM,UAAU,CAAC;AAGlB,OAAO,EACL,QAAQ,EACR,aAAa,EACb,eAAe,EACf,oBAAoB,EACpB,yBAAyB,EACzB,KAAK,aAAa,EAClB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,wBAAwB,GAC9B,MAAM,YAAY,CAAC;AAGpB,OAAO,EACL,KAAK,EACL,UAAU,EACV,YAAY,EACZ,iBAAiB,EACjB,sBAAsB,EACtB,KAAK,UAAU,EACf,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,qBAAqB,EAC1B,KAAK,WAAW,GACjB,MAAM,cAAc,CAAC;AAGtB,OAAO,EACL,SAAS,EACT,gBAAgB,EAChB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,aAAa,GACnB,MAAM,aAAa,CAAC;AAGrB,OAAO,EACL,IAAI,EACJ,WAAW,EACX,KAAK,SAAS,EACd,KAAK,eAAe,GACrB,MAAM,QAAQ,CAAC;AAGhB,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,KAAK,gBAAgB,EACrB,KAAK,sBAAsB,GAC5B,MAAM,eAAe,CAAC;AAGvB,OAAO,EACL,SAAS,EACT,gBAAgB,EAChB,KAAK,cAAc,EACnB,KAAK,oBAAoB,GAC1B,MAAM,aAAa,CAAC"}