@arclux/arc-ui-react 1.0.0

package/src/input/Combobox.ts

@@ -0,0 +1,28 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcCombobox } from '@arclux/arc-ui';
+
+export interface ComboboxProps {
+  value?: string;
+  placeholder?: string;
+  label?: string;
+  disabled?: boolean;
+  _query?: string;
+  _open?: string;
+  _activeIndex?: string;
+  _options?: string;
+  className?: string;
+  children?: React.ReactNode;
+  onArcChange?: (e: CustomEvent) => void;
+}
+
+export const Combobox = createComponent({
+  tagName: 'arc-combobox',
+  elementClass: ArcCombobox,
+  react: React,
+  events: {
+    onArcChange: 'arc-change' as EventName<CustomEvent>,
+  },
+});

package/src/input/CopyButton.ts

@@ -0,0 +1,25 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcCopyButton } from '@arclux/arc-ui';
+
+export interface CopyButtonProps {
+  value?: string;
+  disabled?: boolean;
+  _copied?: string;
+  className?: string;
+  children?: React.ReactNode;
+  onArcCopy?: (e: CustomEvent) => void;
+  onClick?: (e: Event) => void;
+}
+
+export const CopyButton = createComponent({
+  tagName: 'arc-copy-button',
+  elementClass: ArcCopyButton,
+  react: React,
+  events: {
+    onArcCopy: 'arc-copy' as EventName<CustomEvent>,
+    onClick: 'click' as EventName<Event>,
+  },
+});

package/src/input/DatePicker.ts

@@ -0,0 +1,30 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcDatePicker } from '@arclux/arc-ui';
+
+export interface DatePickerProps {
+  value?: string;
+  min?: string;
+  max?: string;
+  placeholder?: string;
+  disabled?: boolean;
+  label?: string;
+  _open?: string;
+  _viewMonth?: string;
+  _viewYear?: string;
+  _mode?: string;
+  className?: string;
+  children?: React.ReactNode;
+  onArcChange?: (e: CustomEvent) => void;
+}
+
+export const DatePicker = createComponent({
+  tagName: 'arc-date-picker',
+  elementClass: ArcDatePicker,
+  react: React,
+  events: {
+    onArcChange: 'arc-change' as EventName<CustomEvent>,
+  },
+});

package/src/input/FileUpload.ts

@@ -0,0 +1,29 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcFileUpload } from '@arclux/arc-ui';
+
+export interface FileUploadProps {
+  accept?: string;
+  multiple?: boolean;
+  maxSize?: number;
+  disabled?: boolean;
+  _files?: string;
+  _dragOver?: string;
+  _error?: string;
+  className?: string;
+  children?: React.ReactNode;
+  onArcChange?: (e: CustomEvent) => void;
+  onArcRemove?: (e: CustomEvent) => void;
+}
+
+export const FileUpload = createComponent({
+  tagName: 'arc-file-upload',
+  elementClass: ArcFileUpload,
+  react: React,
+  events: {
+    onArcChange: 'arc-change' as EventName<CustomEvent>,
+    onArcRemove: 'arc-remove' as EventName<CustomEvent>,
+  },
+});

package/src/input/Form.ts

@@ -0,0 +1,25 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcForm } from '@arclux/arc-ui';
+
+export interface FormProps {
+  action?: string;
+  method?: string;
+  novalidate?: boolean;
+  className?: string;
+  children?: React.ReactNode;
+  onArcInvalid?: (e: CustomEvent) => void;
+  onArcSubmit?: (e: CustomEvent) => void;
+}
+
+export const Form = createComponent({
+  tagName: 'arc-form',
+  elementClass: ArcForm,
+  react: React,
+  events: {
+    onArcInvalid: 'arc-invalid' as EventName<CustomEvent>,
+    onArcSubmit: 'arc-submit' as EventName<CustomEvent>,
+  },
+});

package/src/input/IconButton.ts

@@ -0,0 +1,28 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcIconButton } from '@arclux/arc-ui';
+
+export interface IconButtonProps {
+  name?: string;
+  text?: string;
+  variant?: 'ghost' | 'secondary' | 'primary';
+  size?: 'xs' | 'sm' | 'md' | 'lg';
+  label?: string;
+  href?: string;
+  disabled?: boolean;
+  type?: string;
+  className?: string;
+  children?: React.ReactNode;
+  onClick?: (e: Event) => void;
+}
+
+export const IconButton = createComponent({
+  tagName: 'arc-icon-button',
+  elementClass: ArcIconButton,
+  react: React,
+  events: {
+    onClick: 'click' as EventName<Event>,
+  },
+});

package/src/input/Input.ts

@@ -0,0 +1,31 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcInput } from '@arclux/arc-ui';
+
+export interface InputProps {
+  type?: string;
+  name?: string;
+  label?: string;
+  placeholder?: string;
+  value?: string;
+  disabled?: boolean;
+  required?: boolean;
+  multiline?: boolean;
+  rows?: number;
+  className?: string;
+  children?: React.ReactNode;
+  onArcInput?: (e: CustomEvent) => void;
+  onArcChange?: (e: CustomEvent) => void;
+}
+
+export const Input = createComponent({
+  tagName: 'arc-input',
+  elementClass: ArcInput,
+  react: React,
+  events: {
+    onArcInput: 'arc-input' as EventName<CustomEvent>,
+    onArcChange: 'arc-change' as EventName<CustomEvent>,
+  },
+});

package/src/input/MultiSelect.ts

@@ -0,0 +1,30 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcMultiSelect } from '@arclux/arc-ui';
+
+export interface MultiSelectProps {
+  value?: unknown[];
+  placeholder?: string;
+  label?: string;
+  disabled?: boolean;
+  _query?: string;
+  _open?: string;
+  _activeIndex?: string;
+  _options?: string;
+  className?: string;
+  children?: React.ReactNode;
+  onArcChange?: (e: CustomEvent) => void;
+  onClick?: (e: Event) => void;
+}
+
+export const MultiSelect = createComponent({
+  tagName: 'arc-multi-select',
+  elementClass: ArcMultiSelect,
+  react: React,
+  events: {
+    onArcChange: 'arc-change' as EventName<CustomEvent>,
+    onClick: 'click' as EventName<Event>,
+  },
+});

package/src/input/NumberInput.ts

@@ -0,0 +1,28 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcNumberInput } from '@arclux/arc-ui';
+
+export interface NumberInputProps {
+  value?: number;
+  min?: number;
+  max?: number;
+  step?: number;
+  label?: string;
+  disabled?: boolean;
+  className?: string;
+  children?: React.ReactNode;
+  onArcChange?: (e: CustomEvent) => void;
+  onClick?: (e: Event) => void;
+}
+
+export const NumberInput = createComponent({
+  tagName: 'arc-number-input',
+  elementClass: ArcNumberInput,
+  react: React,
+  events: {
+    onArcChange: 'arc-change' as EventName<CustomEvent>,
+    onClick: 'click' as EventName<Event>,
+  },
+});

package/src/input/OtpInput.ts

@@ -0,0 +1,24 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcOtpInput } from '@arclux/arc-ui';
+
+export interface OtpInputProps {
+  length?: number;
+  value?: string;
+  disabled?: boolean;
+  type?: string;
+  className?: string;
+  children?: React.ReactNode;
+  onArcChange?: (e: CustomEvent) => void;
+}
+
+export const OtpInput = createComponent({
+  tagName: 'arc-otp-input',
+  elementClass: ArcOtpInput,
+  react: React,
+  events: {
+    onArcChange: 'arc-change' as EventName<CustomEvent>,
+  },
+});

package/src/input/PinInput.ts

@@ -0,0 +1,29 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcPinInput } from '@arclux/arc-ui';
+
+export interface PinInputProps {
+  length?: number;
+  value?: string;
+  disabled?: boolean;
+  mask?: boolean;
+  type?: string;
+  separator?: number;
+  label?: string;
+  className?: string;
+  children?: React.ReactNode;
+  onArcChange?: (e: CustomEvent) => void;
+  onArcComplete?: (e: CustomEvent) => void;
+}
+
+export const PinInput = createComponent({
+  tagName: 'arc-pin-input',
+  elementClass: ArcPinInput,
+  react: React,
+  events: {
+    onArcChange: 'arc-change' as EventName<CustomEvent>,
+    onArcComplete: 'arc-complete' as EventName<CustomEvent>,
+  },
+});

package/src/input/Radio.ts

@@ -0,0 +1,18 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcRadio } from '@arclux/arc-ui';
+
+export interface RadioProps {
+  value?: string;
+  disabled?: boolean;
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export const Radio = createComponent({
+  tagName: 'arc-radio',
+  elementClass: ArcRadio,
+  react: React,
+});

package/src/input/RadioGroup.ts

@@ -0,0 +1,25 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcRadioGroup } from '@arclux/arc-ui';
+
+export interface RadioGroupProps {
+  value?: string;
+  name?: string;
+  disabled?: boolean;
+  orientation?: 'horizontal';
+  _radios?: string;
+  className?: string;
+  children?: React.ReactNode;
+  onArcChange?: (e: CustomEvent) => void;
+}
+
+export const RadioGroup = createComponent({
+  tagName: 'arc-radio-group',
+  elementClass: ArcRadioGroup,
+  react: React,
+  events: {
+    onArcChange: 'arc-change' as EventName<CustomEvent>,
+  },
+});

package/src/input/Rating.ts

@@ -0,0 +1,24 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcRating } from '@arclux/arc-ui';
+
+export interface RatingProps {
+  value?: number;
+  max?: number;
+  disabled?: boolean;
+  readonly?: boolean;
+  className?: string;
+  children?: React.ReactNode;
+  onArcChange?: (e: CustomEvent) => void;
+}
+
+export const Rating = createComponent({
+  tagName: 'arc-rating',
+  elementClass: ArcRating,
+  react: React,
+  events: {
+    onArcChange: 'arc-change' as EventName<CustomEvent>,
+  },
+});

package/src/input/Search.ts

@@ -0,0 +1,34 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcSearch } from '@arclux/arc-ui';
+
+export interface SearchProps {
+  value?: string;
+  placeholder?: string;
+  label?: string;
+  disabled?: boolean;
+  loading?: boolean;
+  _open?: string;
+  _activeIndex?: string;
+  _suggestions?: string;
+  className?: string;
+  children?: React.ReactNode;
+  onArcInput?: (e: CustomEvent) => void;
+  onArcClear?: (e: CustomEvent) => void;
+  onArcChange?: (e: CustomEvent) => void;
+  onArcSelect?: (e: CustomEvent) => void;
+}
+
+export const Search = createComponent({
+  tagName: 'arc-search',
+  elementClass: ArcSearch,
+  react: React,
+  events: {
+    onArcInput: 'arc-input' as EventName<CustomEvent>,
+    onArcClear: 'arc-clear' as EventName<CustomEvent>,
+    onArcChange: 'arc-change' as EventName<CustomEvent>,
+    onArcSelect: 'arc-select' as EventName<CustomEvent>,
+  },
+});

package/src/input/SegmentedControl.ts

@@ -0,0 +1,25 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcSegmentedControl } from '@arclux/arc-ui';
+
+export interface SegmentedControlProps {
+  value?: string;
+  disabled?: boolean;
+  _options?: string;
+  className?: string;
+  children?: React.ReactNode;
+  onArcChange?: (e: CustomEvent) => void;
+  onClick?: (e: Event) => void;
+}
+
+export const SegmentedControl = createComponent({
+  tagName: 'arc-segmented-control',
+  elementClass: ArcSegmentedControl,
+  react: React,
+  events: {
+    onArcChange: 'arc-change' as EventName<CustomEvent>,
+    onClick: 'click' as EventName<Event>,
+  },
+});

package/src/input/Select.ts

@@ -0,0 +1,29 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcSelect } from '@arclux/arc-ui';
+
+export interface SelectProps {
+  value?: string;
+  placeholder?: string;
+  label?: string;
+  name?: string;
+  disabled?: boolean;
+  open?: boolean;
+  _options?: string;
+  className?: string;
+  children?: React.ReactNode;
+  onArcChange?: (e: CustomEvent) => void;
+  onClick?: (e: Event) => void;
+}
+
+export const Select = createComponent({
+  tagName: 'arc-select',
+  elementClass: ArcSelect,
+  react: React,
+  events: {
+    onArcChange: 'arc-change' as EventName<CustomEvent>,
+    onClick: 'click' as EventName<Event>,
+  },
+});

package/src/input/Slider.ts

@@ -0,0 +1,28 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcSlider } from '@arclux/arc-ui';
+
+export interface SliderProps {
+  value?: number;
+  min?: number;
+  max?: number;
+  step?: number;
+  disabled?: boolean;
+  label?: string;
+  className?: string;
+  children?: React.ReactNode;
+  onArcInput?: (e: CustomEvent) => void;
+  onArcChange?: (e: CustomEvent) => void;
+}
+
+export const Slider = createComponent({
+  tagName: 'arc-slider',
+  elementClass: ArcSlider,
+  react: React,
+  events: {
+    onArcInput: 'arc-input' as EventName<CustomEvent>,
+    onArcChange: 'arc-change' as EventName<CustomEvent>,
+  },
+});

package/src/input/SortableList.ts

@@ -0,0 +1,26 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcSortableList } from '@arclux/arc-ui';
+
+export interface SortableListProps {
+  disabled?: boolean;
+  _items?: string;
+  _dragIndex?: string;
+  _overIndex?: string;
+  _kbSelected?: string;
+  _kbMoving?: string;
+  className?: string;
+  children?: React.ReactNode;
+  onArcChange?: (e: CustomEvent) => void;
+}
+
+export const SortableList = createComponent({
+  tagName: 'arc-sortable-list',
+  elementClass: ArcSortableList,
+  react: React,
+  events: {
+    onArcChange: 'arc-change' as EventName<CustomEvent>,
+  },
+});

package/src/input/Suggestion.ts

@@ -0,0 +1,17 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcSuggestion } from '@arclux/arc-ui';
+
+export interface SuggestionProps {
+  value?: string;
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export const Suggestion = createComponent({
+  tagName: 'arc-suggestion',
+  elementClass: ArcSuggestion,
+  react: React,
+});

package/src/input/Textarea.ts

@@ -0,0 +1,31 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcTextarea } from '@arclux/arc-ui';
+
+export interface TextareaProps {
+  value?: string;
+  placeholder?: string;
+  label?: string;
+  rows?: number;
+  maxlength?: number;
+  disabled?: boolean;
+  readonly?: boolean;
+  resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+  error?: string;
+  className?: string;
+  children?: React.ReactNode;
+  onArcInput?: (e: CustomEvent) => void;
+  onArcChange?: (e: CustomEvent) => void;
+}
+
+export const Textarea = createComponent({
+  tagName: 'arc-textarea',
+  elementClass: ArcTextarea,
+  react: React,
+  events: {
+    onArcInput: 'arc-input' as EventName<CustomEvent>,
+    onArcChange: 'arc-change' as EventName<CustomEvent>,
+  },
+});

package/src/input/ThemeToggle.ts

@@ -0,0 +1,25 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcThemeToggle } from '@arclux/arc-ui';
+
+export interface ThemeToggleProps {
+  theme?: string;
+  disabled?: boolean;
+  iconOnly?: boolean;
+  className?: string;
+  children?: React.ReactNode;
+  onArcChange?: (e: CustomEvent) => void;
+  onClick?: (e: Event) => void;
+}
+
+export const ThemeToggle = createComponent({
+  tagName: 'arc-theme-toggle',
+  elementClass: ArcThemeToggle,
+  react: React,
+  events: {
+    onArcChange: 'arc-change' as EventName<CustomEvent>,
+    onClick: 'click' as EventName<Event>,
+  },
+});

package/src/input/Toggle.ts

@@ -0,0 +1,24 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import React from 'react';
+import { createComponent, type EventName } from '@lit/react';
+import { ArcToggle } from '@arclux/arc-ui';
+
+export interface ToggleProps {
+  checked?: boolean;
+  disabled?: boolean;
+  label?: string;
+  name?: string;
+  className?: string;
+  children?: React.ReactNode;
+  onArcChange?: (e: CustomEvent) => void;
+}
+
+export const Toggle = createComponent({
+  tagName: 'arc-toggle',
+  elementClass: ArcToggle,
+  react: React,
+  events: {
+    onArcChange: 'arc-change' as EventName<CustomEvent>,
+  },
+});