@arclux/arc-ui-preact 1.0.0

package/src/reactive/TreeView.tsx

@@ -0,0 +1,17 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface TreeViewProps {
+  _items?: string;
+  _selected?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const TreeView: FunctionComponent<TreeViewProps> = ({ _items, _selected, children, ...rest }) => (
+  <arc-tree-view _items={_items} _selected={_selected} {...rest}>
+    {children}
+  </arc-tree-view>
+);

package/src/reactive/Truncate.tsx

@@ -0,0 +1,17 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface TruncateProps {
+  lines?: number;
+  expanded?: boolean;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Truncate: FunctionComponent<TruncateProps> = ({ lines, expanded, children, ...rest }) => (
+  <arc-truncate lines={lines} expanded={expanded} {...rest}>
+    {children}
+  </arc-truncate>
+);

package/src/reactive/index.ts

@@ -0,0 +1,120 @@
+// Auto-generated by @arclux/prism — do not edit manually
+export { AccordionItem } from './AccordionItem.js';
+export type { AccordionItemProps } from './AccordionItem.js';
+export { Alert } from './Alert.js';
+export type { AlertProps } from './Alert.js';
+export { Button } from './Button.js';
+export type { ButtonProps } from './Button.js';
+export { Calendar } from './Calendar.js';
+export type { CalendarProps } from './Calendar.js';
+export { Checkbox } from './Checkbox.js';
+export type { CheckboxProps } from './Checkbox.js';
+export { Column } from './Column.js';
+export type { ColumnProps } from './Column.js';
+export { Combobox } from './Combobox.js';
+export type { ComboboxProps } from './Combobox.js';
+export { CommandItem } from './CommandItem.js';
+export type { CommandItemProps } from './CommandItem.js';
+export { CommandPalette } from './CommandPalette.js';
+export type { CommandPaletteProps } from './CommandPalette.js';
+export { ContextMenu } from './ContextMenu.js';
+export type { ContextMenuProps } from './ContextMenu.js';
+export { CopyButton } from './CopyButton.js';
+export type { CopyButtonProps } from './CopyButton.js';
+export { DataTable } from './DataTable.js';
+export type { DataTableProps } from './DataTable.js';
+export { DatePicker } from './DatePicker.js';
+export type { DatePickerProps } from './DatePicker.js';
+export { Drawer } from './Drawer.js';
+export type { DrawerProps } from './Drawer.js';
+export { DropdownMenu } from './DropdownMenu.js';
+export type { DropdownMenuProps } from './DropdownMenu.js';
+export { FileUpload } from './FileUpload.js';
+export type { FileUploadProps } from './FileUpload.js';
+export { Form } from './Form.js';
+export type { FormProps } from './Form.js';
+export { HoverCard } from './HoverCard.js';
+export type { HoverCardProps } from './HoverCard.js';
+export { IconButton } from './IconButton.js';
+export type { IconButtonProps } from './IconButton.js';
+export { Input } from './Input.js';
+export type { InputProps } from './Input.js';
+export { Modal } from './Modal.js';
+export type { ModalProps } from './Modal.js';
+export { MultiSelect } from './MultiSelect.js';
+export type { MultiSelectProps } from './MultiSelect.js';
+export { Pagination } from './Pagination.js';
+export type { PaginationProps } from './Pagination.js';
+export { Popover } from './Popover.js';
+export type { PopoverProps } from './Popover.js';
+export { Progress } from './Progress.js';
+export type { ProgressProps } from './Progress.js';
+export { RadioGroup } from './RadioGroup.js';
+export type { RadioGroupProps } from './RadioGroup.js';
+export { Search } from './Search.js';
+export type { SearchProps } from './Search.js';
+export { Slider } from './Slider.js';
+export type { SliderProps } from './Slider.js';
+export { Suggestion } from './Suggestion.js';
+export type { SuggestionProps } from './Suggestion.js';
+export { Tabs } from './Tabs.js';
+export type { TabsProps } from './Tabs.js';
+export { Tag } from './Tag.js';
+export type { TagProps } from './Tag.js';
+export { Textarea } from './Textarea.js';
+export type { TextareaProps } from './Textarea.js';
+export { ThemeToggle } from './ThemeToggle.js';
+export type { ThemeToggleProps } from './ThemeToggle.js';
+export { Toast } from './Toast.js';
+export type { ToastProps } from './Toast.js';
+export { Tooltip } from './Tooltip.js';
+export type { TooltipProps } from './Tooltip.js';
+export { TreeItem } from './TreeItem.js';
+export type { TreeItemProps } from './TreeItem.js';
+export { TreeView } from './TreeView.js';
+export type { TreeViewProps } from './TreeView.js';
+
+export { Carousel } from './Carousel.js';
+export type { CarouselProps } from './Carousel.js';
+
+export { Chip } from './Chip.js';
+export type { ChipProps } from './Chip.js';
+
+export { Collapsible } from './Collapsible.js';
+export type { CollapsibleProps } from './Collapsible.js';
+
+export { ColorPicker } from './ColorPicker.js';
+export type { ColorPickerProps } from './ColorPicker.js';
+
+export { Dialog } from './Dialog.js';
+export type { DialogProps } from './Dialog.js';
+
+export { InfiniteScroll } from './InfiniteScroll.js';
+export type { InfiniteScrollProps } from './InfiniteScroll.js';
+
+export { NumberInput } from './NumberInput.js';
+export type { NumberInputProps } from './NumberInput.js';
+
+export { OtpInput } from './OtpInput.js';
+export type { OtpInputProps } from './OtpInput.js';
+
+export { PinInput } from './PinInput.js';
+export type { PinInputProps } from './PinInput.js';
+
+export { Rating } from './Rating.js';
+export type { RatingProps } from './Rating.js';
+
+export { ScrollToTop } from './ScrollToTop.js';
+export type { ScrollToTopProps } from './ScrollToTop.js';
+
+export { SegmentedControl } from './SegmentedControl.js';
+export type { SegmentedControlProps } from './SegmentedControl.js';
+
+export { Sheet } from './Sheet.js';
+export type { SheetProps } from './Sheet.js';
+
+export { SortableList } from './SortableList.js';
+export type { SortableListProps } from './SortableList.js';
+
+export { Truncate } from './Truncate.js';
+export type { TruncateProps } from './Truncate.js';

package/src/shared/MenuDivider.tsx

@@ -0,0 +1,15 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface MenuDividerProps {
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const MenuDivider: FunctionComponent<MenuDividerProps> = ({ children, ...rest }) => (
+  <arc-menu-divider {...rest}>
+    {children}
+  </arc-menu-divider>
+);

package/src/shared/MenuItem.tsx

@@ -0,0 +1,18 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface MenuItemProps {
+  shortcut?: string;
+  disabled?: boolean;
+  icon?: string;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const MenuItem: FunctionComponent<MenuItemProps> = ({ shortcut, disabled, icon, children, ...rest }) => (
+  <arc-menu-item shortcut={shortcut} disabled={disabled} icon={icon} {...rest}>
+    {children}
+  </arc-menu-item>
+);

package/src/shared/Option.tsx

@@ -0,0 +1,18 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { type FunctionComponent } from 'preact';
+import '@arclux/arc-ui';
+
+export interface OptionProps {
+  value?: string;
+  disabled?: boolean;
+  selected?: boolean;
+  children?: preact.ComponentChildren;
+  [key: string]: unknown;
+}
+
+export const Option: FunctionComponent<OptionProps> = ({ value, disabled, selected, children, ...rest }) => (
+  <arc-option value={value} disabled={disabled} selected={selected} {...rest}>
+    {children}
+  </arc-option>
+);