@simple-base/solid 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Reda Salmi
+
+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/dist/index.d.ts

@@ -0,0 +1,200 @@
+import { JSX } from "solid-js";
+import { BadgeOptions, BadgeSize, BadgeVariant, ButtonOptions, ButtonSize, ButtonVariant, ComboboxOption, ComboboxOptions, SelectOption, SelectOptions, TableCellOptions, TableCellVariant } from "@simple-base/contracts";
+//#region src/components/AlertDialog.d.ts
+type AlertDialogRootProps = Omit<JSX.DialogHtmlAttributes<HTMLDialogElement>, "role" | "aria-labelledby" | "aria-describedby">;
+declare function AlertDialogRoot(props: AlertDialogRootProps): JSX.Element;
+type AlertDialogIconProps = JSX.HTMLAttributes<HTMLDivElement>;
+declare function AlertDialogIcon(props: AlertDialogIconProps): JSX.Element;
+type AlertDialogContentProps = JSX.HTMLAttributes<HTMLDivElement>;
+declare function AlertDialogContent(props: AlertDialogContentProps): JSX.Element;
+type AlertDialogKickerProps = JSX.HTMLAttributes<HTMLParagraphElement>;
+declare function AlertDialogKicker(props: AlertDialogKickerProps): JSX.Element;
+type AlertDialogTitleProps = Omit<JSX.HTMLAttributes<HTMLHeadingElement>, "id">;
+declare function AlertDialogTitle(props: AlertDialogTitleProps): JSX.Element;
+type AlertDialogDescriptionProps = Omit<JSX.HTMLAttributes<HTMLParagraphElement>, "id">;
+declare function AlertDialogDescription(props: AlertDialogDescriptionProps): JSX.Element;
+type AlertDialogActionsProps = JSX.HTMLAttributes<HTMLDivElement>;
+declare function AlertDialogActions(props: AlertDialogActionsProps): JSX.Element;
+export declare const AlertDialog: typeof AlertDialogRoot & {
+  Icon: typeof AlertDialogIcon;
+  Content: typeof AlertDialogContent;
+  Kicker: typeof AlertDialogKicker;
+  Title: typeof AlertDialogTitle;
+  Description: typeof AlertDialogDescription;
+  Actions: typeof AlertDialogActions;
+};
+type AlertDialogProps = AlertDialogRootProps;
+//#endregion
+//#region src/components/Badge.d.ts
+type BadgeProps = JSX.HTMLAttributes<HTMLSpanElement> & BadgeOptions;
+export declare function Badge(props: BadgeProps): JSX.Element;
+//#endregion
+//#region src/components/Button.d.ts
+type ButtonProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & ButtonOptions;
+export declare function Button(props: ButtonProps): JSX.Element;
+//#endregion
+//#region src/components/Switch.d.ts
+type AccessibleName = {
+  "aria-label": string;
+  "aria-labelledby"?: string;
+} | {
+  "aria-label"?: string;
+  "aria-labelledby": string;
+};
+type SwitchProps = Omit<JSX.InputHTMLAttributes<HTMLInputElement>, "type" | "role" | "aria-checked"> & AccessibleName;
+export declare function Switch(props: SwitchProps): JSX.Element;
+//#endregion
+//#region src/components/Checkbox.d.ts
+type CheckboxProps = Omit<JSX.InputHTMLAttributes<HTMLInputElement>, "type">;
+export declare function Checkbox(props: CheckboxProps): JSX.Element;
+//#endregion
+//#region src/components/Input.d.ts
+type InputElement = JSX.InputHTMLAttributes<HTMLInputElement>;
+type InputType = Exclude<InputElement["type"], "radio" | "checkbox">;
+type InputProps = Omit<InputElement, "type"> & {
+  type?: InputType;
+};
+export declare function Input(props: InputProps): JSX.Element;
+//#endregion
+//#region src/components/Radio.d.ts
+type RadioProps = Omit<JSX.InputHTMLAttributes<HTMLInputElement>, "type">;
+export declare function Radio(props: RadioProps): JSX.Element;
+//#endregion
+//#region src/components/TextArea.d.ts
+type TextAreaProps = JSX.TextareaHTMLAttributes<HTMLTextAreaElement>;
+export declare function TextArea(props: TextAreaProps): JSX.Element;
+//#endregion
+//#region src/components/Combobox.d.ts
+type ComboboxRootProps = ComboboxOptions & {
+  children: JSX.Element;
+} & Omit<JSX.HTMLAttributes<HTMLDivElement>, keyof ComboboxOptions | "children">;
+declare function ComboboxRoot(props: ComboboxRootProps): JSX.Element;
+type ComboboxLabelProps = Omit<JSX.LabelHTMLAttributes<HTMLLabelElement>, "id" | "for"> & {
+  children?: JSX.Element;
+};
+declare function ComboboxLabel(props: ComboboxLabelProps): JSX.Element;
+type ComboboxControlProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "id">;
+declare function ComboboxControl(props: ComboboxControlProps): JSX.Element;
+type ComboboxInputProps = Omit<JSX.InputHTMLAttributes<HTMLInputElement>, "id" | "type" | "role" | "value" | "defaultValue" | "disabled" | "readOnly" | "autoComplete">;
+declare function ComboboxInput(props: ComboboxInputProps): JSX.Element;
+type ComboboxTriggerProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "id" | "type" | "role" | "disabled">;
+declare function ComboboxTrigger(props: ComboboxTriggerProps): JSX.Element;
+type ComboboxPortalProps = {
+  children: JSX.Element;
+  mount?: Node;
+};
+declare function ComboboxPortal(props: ComboboxPortalProps): JSX.Element;
+type ComboboxPositionerProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "id" | "style">;
+declare function ComboboxPositioner(props: ComboboxPositionerProps): JSX.Element;
+type ComboboxContentProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "hidden">;
+declare function ComboboxContent(props: ComboboxContentProps): JSX.Element;
+type ComboboxListProps = Omit<JSX.HTMLAttributes<HTMLUListElement>, "id" | "role" | "tabIndex" | "children"> & {
+  children: (option: ComboboxOption) => JSX.Element;
+};
+declare function ComboboxList(props: ComboboxListProps): JSX.Element;
+type ComboboxEmptyProps = JSX.HTMLAttributes<HTMLDivElement>;
+declare function ComboboxEmpty(props: ComboboxEmptyProps): JSX.Element;
+type ComboboxItemProps = Omit<JSX.LiHTMLAttributes<HTMLLIElement>, "id" | "role" | "children"> & {
+  option: ComboboxOption;
+};
+declare function ComboboxItem(props: ComboboxItemProps): JSX.Element;
+export declare const Combobox: typeof ComboboxRoot & {
+  Root: typeof ComboboxRoot;
+  Label: typeof ComboboxLabel;
+  Control: typeof ComboboxControl;
+  Input: typeof ComboboxInput;
+  Trigger: typeof ComboboxTrigger;
+  Portal: typeof ComboboxPortal;
+  Positioner: typeof ComboboxPositioner;
+  Content: typeof ComboboxContent;
+  List: typeof ComboboxList;
+  Empty: typeof ComboboxEmpty;
+  Item: typeof ComboboxItem;
+};
+//#endregion
+//#region src/components/Select.d.ts
+type SelectRootProps = SelectOptions & {
+  children: JSX.Element;
+} & Omit<JSX.HTMLAttributes<HTMLDivElement>, keyof SelectOptions | "children">;
+declare function SelectRoot(props: SelectRootProps): JSX.Element;
+type SelectLabelProps = Omit<JSX.LabelHTMLAttributes<HTMLLabelElement>, "id" | "for"> & {
+  children?: JSX.Element;
+};
+declare function SelectLabel(props: SelectLabelProps): JSX.Element;
+type SelectControlProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "id">;
+declare function SelectControl(props: SelectControlProps): JSX.Element;
+type SelectTriggerProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "id" | "type" | "role" | "disabled" | "aria-label">;
+declare function SelectTrigger(props: SelectTriggerProps): JSX.Element;
+type SelectValueTextProps = JSX.HTMLAttributes<HTMLSpanElement>;
+declare function SelectValueText(props: SelectValueTextProps): JSX.Element;
+type SelectIndicatorProps = Omit<JSX.HTMLAttributes<HTMLSpanElement>, "aria-hidden">;
+declare function SelectIndicator(props: SelectIndicatorProps): JSX.Element;
+type SelectPortalProps = {
+  children: JSX.Element;
+  mount?: Node;
+};
+declare function SelectPortal(props: SelectPortalProps): JSX.Element;
+type SelectPositionerProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "id" | "style">;
+declare function SelectPositioner(props: SelectPositionerProps): JSX.Element;
+type SelectContentProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "hidden">;
+declare function SelectContent(props: SelectContentProps): JSX.Element;
+type SelectListProps = Omit<JSX.HTMLAttributes<HTMLUListElement>, "id" | "role" | "tabIndex" | "children"> & {
+  children: (option: SelectOption) => JSX.Element;
+};
+declare function SelectList(props: SelectListProps): JSX.Element;
+type SelectEmptyProps = JSX.HTMLAttributes<HTMLDivElement>;
+declare function SelectEmpty(props: SelectEmptyProps): JSX.Element;
+type SelectItemProps = Omit<JSX.LiHTMLAttributes<HTMLLIElement>, "id" | "role" | "children"> & {
+  option: SelectOption;
+};
+declare function SelectItem(props: SelectItemProps): JSX.Element;
+export declare const Select: typeof SelectRoot & {
+  Root: typeof SelectRoot;
+  Label: typeof SelectLabel;
+  Control: typeof SelectControl;
+  Trigger: typeof SelectTrigger;
+  ValueText: typeof SelectValueText;
+  Indicator: typeof SelectIndicator;
+  Portal: typeof SelectPortal;
+  Positioner: typeof SelectPositioner;
+  Content: typeof SelectContent;
+  List: typeof SelectList;
+  Empty: typeof SelectEmpty;
+  Item: typeof SelectItem;
+};
+//#endregion
+//#region src/components/Table.d.ts
+type TableRootProps = JSX.HTMLAttributes<HTMLTableElement>;
+declare function TableRoot(props: TableRootProps): JSX.Element;
+type TableWrapProps = JSX.HTMLAttributes<HTMLDivElement>;
+declare function TableWrap(props: TableWrapProps): JSX.Element;
+type TableCaptionProps = JSX.CaptionHTMLAttributes<HTMLTableCaptionElement>;
+declare function TableCaption(props: TableCaptionProps): JSX.Element;
+type TableHeaderProps = JSX.HTMLAttributes<HTMLTableSectionElement>;
+declare function TableHeader(props: TableHeaderProps): JSX.Element;
+type TableBodyProps = JSX.HTMLAttributes<HTMLTableSectionElement>;
+declare function TableBody(props: TableBodyProps): JSX.Element;
+type TableFooterProps = JSX.HTMLAttributes<HTMLTableSectionElement>;
+declare function TableFooter(props: TableFooterProps): JSX.Element;
+type TableRowProps = JSX.HTMLAttributes<HTMLTableRowElement>;
+declare function TableRow(props: TableRowProps): JSX.Element;
+type TableColumnHeaderProps = JSX.ThHTMLAttributes<HTMLTableCellElement>;
+declare function TableColumnHeader(props: TableColumnHeaderProps): JSX.Element;
+type TableRowHeaderProps = JSX.ThHTMLAttributes<HTMLTableCellElement>;
+declare function TableRowHeader(props: TableRowHeaderProps): JSX.Element;
+type TableCellProps = JSX.TdHTMLAttributes<HTMLTableCellElement> & TableCellOptions;
+declare function TableCell(props: TableCellProps): JSX.Element;
+export declare const Table: typeof TableRoot & {
+  Root: typeof TableRoot;
+  Wrap: typeof TableWrap;
+  Caption: typeof TableCaption;
+  Header: typeof TableHeader;
+  Body: typeof TableBody;
+  Footer: typeof TableFooter;
+  Row: typeof TableRow;
+  ColumnHeader: typeof TableColumnHeader;
+  RowHeader: typeof TableRowHeader;
+  Cell: typeof TableCell;
+};
+//#endregion
+export type { AlertDialogActionsProps, AlertDialogContentProps, AlertDialogDescriptionProps, AlertDialogIconProps, AlertDialogKickerProps, AlertDialogProps, AlertDialogRootProps, AlertDialogTitleProps, BadgeProps, BadgeSize, BadgeVariant, ButtonProps, ButtonSize, ButtonVariant, CheckboxProps, ComboboxContentProps, ComboboxControlProps, ComboboxEmptyProps, ComboboxInputProps, ComboboxItemProps, ComboboxLabelProps, ComboboxListProps, ComboboxPortalProps, ComboboxPositionerProps, ComboboxRootProps, ComboboxTriggerProps, InputProps, RadioProps, SelectContentProps, SelectControlProps, SelectEmptyProps, SelectIndicatorProps, SelectItemProps, SelectLabelProps, SelectListProps, SelectPortalProps, SelectPositionerProps, SelectRootProps, SelectTriggerProps, SelectValueTextProps, SwitchProps, TableBodyProps, TableCaptionProps, TableCellProps, TableCellVariant, TableColumnHeaderProps, TableFooterProps, TableHeaderProps, TableRootProps, TableRowHeaderProps, TableRowProps, TableWrapProps, TextAreaProps };