@arclux/arc-ui-react 3.2.0 → 4.0.1

package/src/input/Select.ts

@@ -1,10 +1,12 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
 import { ArcSelect } from '@arclux/arc-ui/select';
 
 export interface SelectProps {
+  required?: boolean;
+  readonly?: boolean;
   value?: string;
   placeholder?: string;
   label?: string;

package/src/input/SignaturePad.ts

@@ -1,10 +1,12 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
 import { ArcSignaturePad } from '@arclux/arc-ui/signature-pad';
 
 export interface SignaturePadProps {
+  required?: boolean;
+  readonly?: boolean;
   value?: string;
   name?: string;
   label?: string;

package/src/input/Slider.ts

@@ -1,10 +1,12 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
 import { ArcSlider } from '@arclux/arc-ui/slider';
 
 export interface SliderProps {
+  required?: boolean;
+  readonly?: boolean;
   size?: 'sm' | 'md' | 'lg';
   value?: number;
   min?: number;

package/src/input/SortableList.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';

package/src/input/Suggestion.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/input/SwitchGroup.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/input/TagInput.ts

@@ -1,10 +1,12 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
 import { ArcTagInput } from '@arclux/arc-ui/tag-input';
 
 export interface TagInputProps {
+  required?: boolean;
+  readonly?: boolean;
   size?: 'sm' | 'md' | 'lg';
   value?: string[];
   suggestions?: string[];

package/src/input/Textarea.ts

@@ -1,10 +1,12 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
 import { ArcTextarea } from '@arclux/arc-ui/textarea';
 
 export interface TextareaProps {
+  required?: boolean;
+  readonly?: boolean;
   value?: string;
   name?: string;
   placeholder?: string;
@@ -12,7 +14,6 @@ export interface TextareaProps {
   rows?: number;
   maxlength?: number;
   disabled?: boolean;
-  readonly?: boolean;
   resize?: 'none' | 'vertical' | 'horizontal' | 'both';
   size?: 'sm' | 'md' | 'lg';
   autoResize?: boolean;

package/src/input/ThemeToggle.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';

package/src/input/TimePicker.ts

@@ -1,17 +1,19 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
 import { ArcTimePicker } from '@arclux/arc-ui/time-picker';
 
 export interface TimePickerProps {
+  required?: boolean;
+  readonly?: boolean;
   size?: 'sm' | 'md' | 'lg';
   value?: string;
   name?: string;
   min?: string;
   max?: string;
-  step?: number;
-  format?: string;
+  step?: 1 | 5 | 15 | 30;
+  format?: '12h' | '24h';
   placeholder?: string;
   disabled?: boolean;
   label?: string;

package/src/input/Toggle.ts

@@ -1,10 +1,12 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
 import { ArcToggle } from '@arclux/arc-ui/toggle';
 
 export interface ToggleProps {
+  required?: boolean;
+  readonly?: boolean;
   checked?: boolean;
   disabled?: boolean;
   size?: 'sm' | 'md' | 'lg';

package/src/input/TransferList.ts

@@ -1,10 +1,12 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
 import { ArcTransferList } from '@arclux/arc-ui/transfer-list';
 
 export interface TransferListProps {
+  required?: boolean;
+  readonly?: boolean;
   size?: 'sm' | 'md' | 'lg';
   options?: Array<{value:string,label:string,disabled?:boolean}>;
   value?: string[];

package/src/input/TreeSelect.ts

@@ -1,10 +1,12 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
 import { ArcTreeSelect } from '@arclux/arc-ui/tree-select';
 
 export interface TreeSelectProps {
+  required?: boolean;
+  readonly?: boolean;
   items?: Array<{value: string, label: string, children?: Array<object>, disabled?: boolean}>;
   value?: string;
   expandedValues?: string[];

package/src/input/index.ts

@@ -51,8 +51,6 @@ export type { MultiSelectProps } from './MultiSelect.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';
@@ -123,8 +121,6 @@ export type { SliderProps } from './Slider.js';
 export { Toggle } from './Toggle.js';
 export type { ToggleProps } from './Toggle.js';
 
-export { Knob } from './Knob.js';
-export type { KnobProps } from './Knob.js';
 
 export { InlineEdit } from './InlineEdit.js';
 export type { InlineEditProps } from './InlineEdit.js';

package/src/layout/AppShell.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';

package/src/layout/AspectGrid.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/layout/AuthShell.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/layout/Center.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/layout/Container.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/layout/DashboardGrid.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/layout/FloatBar.ts

@@ -1,7 +1,7 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
-import { createComponent } from '@lit/react';
+import { createComponent, type EventName } from '@lit/react';
 import { ArcFloatBar } from '@arclux/arc-ui/float-bar';
 
 export interface FloatBarProps {
@@ -9,10 +9,16 @@ export interface FloatBarProps {
   position?: 'bottom' | 'top';
   className?: string;
   children?: React.ReactNode;
+  onArcOpen?: (e: CustomEvent) => void;
+  onArcClose?: (e: CustomEvent) => void;
 }
 
 export const FloatBar = createComponent({
   tagName: 'arc-float-bar',
   elementClass: ArcFloatBar,
   react: React,
+  events: {
+    onArcOpen: 'arc-open' as EventName<CustomEvent>,
+    onArcClose: 'arc-close' as EventName<CustomEvent>,
+  },
 });

package/src/layout/Inset.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/layout/Masonry.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/layout/PageHeader.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/layout/PageLayout.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/layout/Resizable.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';

package/src/layout/ResponsiveSwitcher.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/layout/Section.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/layout/SettingsLayout.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/layout/SplitPane.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
@@ -9,7 +9,9 @@ export interface SplitPaneProps {
   ratio?: number;
   minRatio?: number;
   maxRatio?: number;
+  label?: string;
   className?: string;
+  children?: React.ReactNode;
   onArcResize?: (e: CustomEvent) => void;
 }
 

package/src/layout/StatusBar.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/layout/Sticky.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
@@ -6,6 +6,7 @@ import { ArcSticky } from '@arclux/arc-ui/sticky';
 
 export interface StickyProps {
   offset?: string;
+  stuck?: boolean;
   className?: string;
   children?: React.ReactNode;
   onArcStuck?: (e: CustomEvent) => void;

package/src/layout/Toolbar.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
@@ -6,7 +6,7 @@ import { ArcToolbar } from '@arclux/arc-ui/toolbar';
 
 export interface ToolbarProps {
   sticky?: boolean;
-  size?: 'md' | 'sm';
+  size?: 'sm' | 'md' | 'lg';
   border?: boolean;
   overflow?: boolean;
   className?: string;

package/src/layout/index.ts

@@ -12,8 +12,6 @@ export type { AuthShellProps } from './AuthShell.js';
 export { Center } from './Center.js';
 export type { CenterProps } from './Center.js';
 
-export { Cluster } from './Cluster.js';
-export type { ClusterProps } from './Cluster.js';
 
 export { Container } from './Container.js';
 export type { ContainerProps } from './Container.js';
@@ -21,8 +19,6 @@ export type { ContainerProps } from './Container.js';
 export { DashboardGrid } from './DashboardGrid.js';
 export type { DashboardGridProps } from './DashboardGrid.js';
 
-export { Dock } from './Dock.js';
-export type { DockProps } from './Dock.js';
 
 export { FloatBar } from './FloatBar.js';
 export type { FloatBarProps } from './FloatBar.js';

package/src/navigation/AnchorNav.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';

package/src/navigation/BottomNav.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';

package/src/navigation/Breadcrumb.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';

package/src/navigation/BreadcrumbItem.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/navigation/BreadcrumbMenu.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';

package/src/navigation/CommandBar.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
@@ -8,7 +8,9 @@ export interface CommandBarProps {
   placeholder?: string;
   value?: string;
   icon?: string;
+  label?: string;
   className?: string;
+  children?: React.ReactNode;
   onArcInput?: (e: CustomEvent) => void;
   onArcSubmit?: (e: CustomEvent) => void;
 }

package/src/navigation/Drawer.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';

package/src/navigation/Footer.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/navigation/Link.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/navigation/Menubar.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';

package/src/navigation/NavItem.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/navigation/NavigationMenu.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';
@@ -9,6 +9,7 @@ export interface NavigationMenuProps {
   className?: string;
   children?: React.ReactNode;
   onArcMobileMenuToggle?: (e: CustomEvent) => void;
+  onArcNavigate?: (e: CustomEvent) => void;
 }
 
 export const NavigationMenu = createComponent({
@@ -17,5 +18,6 @@ export const NavigationMenu = createComponent({
   react: React,
   events: {
     onArcMobileMenuToggle: 'arc-mobile-menu-toggle' as EventName<CustomEvent>,
+    onArcNavigate: 'arc-navigate' as EventName<CustomEvent>,
   },
 });

package/src/navigation/PageIndicator.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';

package/src/navigation/Pagination.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';

package/src/navigation/Rail.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';

package/src/navigation/ScrollSpy.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';

package/src/navigation/ScrollToTop.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';

package/src/navigation/Sidebar.ts

@@ -1,7 +1,7 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
-import { createComponent } from '@lit/react';
+import { createComponent, type EventName } from '@lit/react';
 import { ArcSidebar } from '@arclux/arc-ui/sidebar';
 
 export interface SidebarProps {
@@ -13,10 +13,14 @@ export interface SidebarProps {
   label?: string;
   className?: string;
   children?: React.ReactNode;
+  onArcNavigate?: (e: CustomEvent) => void;
 }
 
 export const Sidebar = createComponent({
   tagName: 'arc-sidebar',
   elementClass: ArcSidebar,
   react: React,
+  events: {
+    onArcNavigate: 'arc-navigate' as EventName<CustomEvent>,
+  },
 });

package/src/navigation/SidebarLink.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/navigation/SidebarSection.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';

package/src/navigation/SkipLink.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/navigation/SpyLink.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';

package/src/navigation/StepperNav.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';

package/src/navigation/Tab.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent } from '@lit/react';
@@ -6,6 +6,7 @@ import { ArcTab } from '@arclux/arc-ui/tab';
 
 export interface TabProps {
   label?: string;
+  disabled?: boolean;
   className?: string;
   children?: React.ReactNode;
 }

package/src/navigation/Tabs.ts

@@ -1,4 +1,4 @@
-// Auto-generated by @arclux/prism — do not edit manually
+// Auto-generated by @arclux/prism 3.0.0 — do not edit manually
 
 import React from 'react';
 import { createComponent, type EventName } from '@lit/react';