@ramme-io/ui 1.1.1 → 1.1.3

package/dist/blocks/ai/Actions.d.ts

@@ -10,6 +10,10 @@ import { default as React } from 'react';
  * type: () => void
  * description: Function to call when the suggestion is clicked.
  * @category ai
+ * @id suggestion
+ * @id actions
+ * @id actions
+ * @id actions
  */
 export declare const Suggestion: React.FC<{
     children: React.ReactNode;

package/dist/blocks/ai/ChatFAB.d.ts

@@ -22,5 +22,6 @@ export interface ChatFABProps {
  * description: The text content for the button's tooltip.
  * default: 'Open AI Assistant'
  * @category ui
+ * @id chat-fab
  */
 export declare const ChatFAB: React.FC<ChatFABProps>;

package/dist/blocks/ai/Conversation.d.ts

@@ -6,6 +6,7 @@ import { default as React } from 'react';
  * @description A container component that holds a series of Message components and manages the layout and scrolling of the chat history.
  * @tags ui, ai, layout, chat
  * @category ai
+ * @id conversation
  */
 export declare const Conversation: React.FC<{
     children: React.ReactNode;

package/dist/blocks/ai/Loader.d.ts

@@ -6,5 +6,6 @@ import { default as React } from 'react';
  * @description A visual indicator used within an AI Message to show that a response is being generated.
  * @tags ui, ai, feedback, loading
  * @category ai
+ * @id loader
  */
 export declare const Loader: React.FC;

package/dist/blocks/ai/Message.d.ts

@@ -33,5 +33,6 @@ export interface MessageProps {
  * type: (suggestion: string) => void
  * description: Callback for when a suggestion is clicked.
  * @category ai
+ * @id message
  */
 export declare const Message: React.FC<MessageProps>;

package/dist/blocks/ai/PromptInput.d.ts

@@ -26,5 +26,6 @@ export interface PromptInputProps {
  * description: Placeholder text for the input field.
  * default: "Type your message..."
  * @category ai
+ * @id prompt-input
  */
 export declare const PromptInput: React.FC<PromptInputProps>;

package/dist/blocks/iot/DeviceCard.d.ts

@@ -41,6 +41,7 @@ export type DeviceStatus = keyof typeof statusColorMap;
  * - name: className
  * type: string
  * description: Optional additional CSS classes.
+ * @id device-card
  */
 export interface DeviceCardProps {
     title: string;

package/dist/component-registry.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+
+export declare const AUTO_REGISTRY: Record<string, React.FC<any>>;

package/dist/components/data-display/ActivityFeed.d.ts

@@ -31,5 +31,6 @@ export interface ActivityFeedProps {
  * type: string
  * description: An optional URL for a "View changelog" link.
  * @category templates-patterns
+ * @id activity-feed
  */
 export declare const ActivityFeed: React.FC<ActivityFeedProps>;

package/dist/components/data-display/BarChart.d.ts

@@ -24,5 +24,6 @@ export interface BarChartProps {
  * type: string
  * description: An optional title to display above the chart.
  * @category charts
+ * @id bar-chart
  */
 export declare const BarChart: React.FC<BarChartProps>;

package/dist/components/data-display/ChartWithTable.d.ts

@@ -30,5 +30,6 @@ export interface ChartWithTableProps {
  * type: TableHeader[]
  * description: The column definitions for the table view.
  * @category templates-patterns
+ * @id chart-with-table
  */
 export declare const ChartWithTable: React.FC<ChartWithTableProps>;

package/dist/components/data-display/CodeBlock.d.ts

@@ -18,6 +18,7 @@ interface CodeBlockProps {
  * type: string
  * description: The programming language for syntax highlighting (e.g., 'tsx', 'css', 'javascript').
  * @category ui
+ * @id code-block
  */
 export declare const CodeBlock: React.FC<CodeBlockProps>;
 export {};

package/dist/components/data-display/DataTable.d.ts

@@ -27,5 +27,6 @@ export interface DataTableProps extends AgGridReactProps {
  * type: GridOptions
  * description: Additional AG Grid options to configure the grid's behavior.
  * @category data-display
+ * @id data-table
  */
 export declare const DataTable: React.FC<DataTableProps>;

package/dist/components/data-display/LineChart.d.ts

@@ -15,5 +15,6 @@ export interface LineChartProps {
  * @description A theme-aware line chart component...
  * @tags charts, data-visualization, rechart
  * @category charts
+ * @id line-chart
  */
 export declare const LineChart: React.FC<LineChartProps>;

package/dist/components/data-display/PieChart.d.ts

@@ -11,5 +11,6 @@ export interface PieChartProps {
  * @description A theme-aware pie chart component powered by Recharts, for showing proportional relationships of parts to a whole.
  * @tags charts, data-visualization, rechart
  * @category charts
+ * @id pie-chart
  */
 export declare const PieChart: React.FC<PieChartProps>;

package/dist/components/data-display/StatCard.d.ts

@@ -38,5 +38,6 @@ export interface StatCardProps {
  * type: string
  * description: Optional additional CSS classes for custom styling.
  * @category templates-patterns
+ * @id stat-card
  */
 export declare const StatCard: React.FC<StatCardProps>;

package/dist/components/data-display/StatusBadge.d.ts

@@ -31,5 +31,6 @@ export interface StatusBadgeProps {
  * - name: className
  * type: string
  * description: Additional CSS classes.
+ * @id status-badge
  */
 export declare const StatusBadge: React.FC<StatusBadgeProps>;

package/dist/components/data-display/Table.d.ts

@@ -30,5 +30,6 @@ export interface TableProps {
  * type: string
  * description: Optional additional CSS classes for custom styling of the table container.
  * @category data-display
+ * @id table
  */
 export declare const Table: React.FC<TableProps>;

package/dist/components/feedback/Alert.d.ts

@@ -26,5 +26,6 @@ export interface AlertProps {
  * type: string
  * description: Optional additional CSS classes for custom styling of the alert container.
  * @category feedback
+ * @id alert
  */
 export declare const Alert: React.FC<AlertProps>;

package/dist/components/feedback/EmptyState.d.ts

@@ -39,6 +39,7 @@ interface EmptyStateProps {
  * type: string
  * description: Additional CSS classes for custom styling of the container.
  * @category feedback
+ * @id empty-state
  */
 export declare const EmptyState: React.FC<EmptyStateProps>;
 export {};

package/dist/components/feedback/TippyTooltip.d.ts

@@ -25,5 +25,6 @@ import { TippyProps } from '@tippyjs/react';
  * type: string
  * description: Optional additional CSS classes for custom styling of the tooltip content.
  * @category feedback
+ * @id tippy-tooltip
  */
 export declare const TippyTooltip: React.FC<TippyProps>;

package/dist/components/feedback/Toast.d.ts

@@ -36,5 +36,6 @@ export interface ToastProps {
  * type: (id: string) => void
  * description: Callback function triggered when the toast is dismissed.
  * @category feedback
+ * @id toast
  */
 export declare const Toast: React.FC<ToastProps>;

package/dist/components/feedback/ToastProvider.d.ts

@@ -18,6 +18,10 @@ interface ToastContextType {
  * type: (id: string) => void
  * description: A function to programmatically dismiss a toast by its ID.
  * @category feedback
+ * @id use-toast
+ * @id toast-provider
+ * @id toast-provider
+ * @id toast-provider
  */
 export declare const useToast: () => ToastContextType;
 /**

package/dist/components/forms/ButtonGroup.d.ts

@@ -46,5 +46,6 @@ export interface ButtonGroupProps {
  * type: (value: string | number) => void
  * description: Callback function for segmented controls, called when the selected value changes.
  * @category form
+ * @id button-group
  */
 export declare const ButtonGroup: React.FC<ButtonGroupProps>;

package/dist/components/forms/Checkbox.d.ts

@@ -28,5 +28,6 @@ export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElemen
  * type: string
  * description: Optional additional CSS classes for the input element.
  * @category form
+ * @id checkbox
  */
 export declare const Checkbox: React.FC<CheckboxProps>;

package/dist/components/forms/ComboBox.d.ts

@@ -18,6 +18,7 @@ interface ComboBoxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>
  * @description A text input with an integrated dropdown list of selectable options, allowing both typing and selection.
  * @tags form, input, select, dropdown, autocomplete, ui
  * @category form
+ * @id combo-box
  */
 export declare const ComboBox: React.FC<ComboBoxProps>;
 export {};

package/dist/components/forms/DatePicker.d.ts

@@ -49,5 +49,6 @@ export interface DatePickerProps {
  * type: Date
  * description: The latest selectable date.
  * @category form
+ * @id date-picker
  */
 export declare const DatePicker: React.FC<DatePickerProps>;

package/dist/components/forms/FileUpload.d.ts

@@ -30,6 +30,7 @@ interface FileUploadProps {
  * type: string
  * description: Optional additional CSS classes for custom styling of the file upload container.
  * @category form
+ * @id file-upload
  */
 export declare const FileUpload: React.FC<FileUploadProps>;
 export {};

package/dist/components/forms/FormTemplate.d.ts

@@ -84,6 +84,7 @@ export interface FormTemplateProps {
  * - name: children
  * type: React.ReactNode
  * description: Content to render at the bottom of the form, typically used for action buttons like "Save" or "Cancel".
+ * @id form-template
  */
 export declare const FormTemplate: React.FC<FormTemplateProps>;
 export {};

package/dist/components/forms/Input.d.ts

@@ -41,5 +41,6 @@ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>
  * - name: containerClassName
  * type: string
  * description: Optional additional CSS classes for the container.
+ * @id input
  */
 export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/forms/MultiSelect.d.ts

@@ -21,5 +21,6 @@ export interface MultiSelectProps {
  * @description An enhanced dropdown that allows users to select multiple options from a searchable list.
  * @tags form, input, select, dropdown
  * @category form
+ * @id multi-select
  */
 export declare const MultiSelect: React.FC<MultiSelectProps>;

package/dist/components/forms/Radio.d.ts

@@ -34,5 +34,6 @@ export interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement>
  * type: string
  * description: Optional additional CSS classes for the input element.
  * @category form
+ * @id radio
  */
 export declare const Radio: React.FC<RadioProps>;

package/dist/components/forms/SearchInput.d.ts

@@ -7,5 +7,6 @@ import { InputProps } from './Input';
  * @description A specialized input for search functionality, using the base Input component with a search icon.
  * @tags form, input, search, ui
  * @category form
+ * @id search-input
  */
 export declare const SearchInput: React.FC<InputProps>;

package/dist/components/forms/SegmentedControl.d.ts

@@ -35,5 +35,6 @@ export interface SegmentedControlProps {
  * - name: className
  * type: string
  * description: Additional CSS classes.
+ * @id segmented-control
  */
 export declare const SegmentedControl: React.FC<SegmentedControlProps>;

package/dist/components/forms/Select.d.ts

@@ -36,5 +36,6 @@ export interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElemen
  * type: boolean
  * description: If true, the select dropdown will be unclickable.
  * @category form
+ * @id select
  */
 export declare const Select: React.FC<SelectProps>;

package/dist/components/forms/Textarea.d.ts

@@ -17,6 +17,7 @@ interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement
  * type: string
  * description: Optional additional CSS classes for the container div.
  * @category form
+ * @id textarea
  */
 export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
 export {};

package/dist/components/forms/ToggleSwitch.d.ts

@@ -35,5 +35,6 @@ export interface ToggleSwitchProps {
  * description: If true, the toggle will be unclickable and styled as disabled.
  * default: false
  * @category form
+ * @id toggle-switch
  */
 export declare const ToggleSwitch: React.FC<ToggleSwitchProps>;

package/dist/components/layout/Accordion.d.ts

@@ -29,6 +29,10 @@ interface AccordionItemProps {
  * type: (id: string, isOpen: boolean) => void
  * description: Callback triggered when the item is toggled, providing its `id` and new `isOpen` state.
  * @category layout
+ * @id accordion-item
+ * @id accordion
+ * @id accordion
+ * @id accordion
  */
 declare const AccordionItem: React.FC<AccordionItemProps>;
 interface AccordionProps {

package/dist/components/layout/ActionBar.d.ts

@@ -19,5 +19,6 @@ export interface ActionBarProps {
  * type: string
  * description: Optional additional CSS classes for custom styling of the action bar container.
  * @category layout
+ * @id action-bar
  */
 export declare const ActionBar: React.FC<ActionBarProps>;

package/dist/components/layout/Card.d.ts

@@ -13,5 +13,6 @@ import { HTMLAttributes, FC } from 'react';
  * type: string
  * description: Optional additional CSS classes for custom styling. Use this for adding padding, shadows, etc. (e.g., 'p-4 shadow-lg').
  * @category layout
+ * @id card
  */
 export declare const Card: FC<HTMLAttributes<HTMLDivElement>>;

package/dist/components/layout/Drawer.d.ts

@@ -16,5 +16,6 @@ export interface DrawerProps {
  * @description A sliding panel that appears from the edge of the screen, used for additional content or forms.
  * @tags layout, modal, slide-in, ui
  * @category layout
+ * @id drawer
  */
 export declare const Drawer: React.FC<DrawerProps>;

package/dist/components/layout/List.d.ts

@@ -15,6 +15,19 @@ interface ListItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
  * type: string
  * description: Optional additional CSS classes for the list item (`<li>`).
  * @category layout
+ * @id list-item
+ * @id list
+ * @id definition-term
+ * @id definition-description
+ * @id definition-list
+ * @id list
+ * @id definition-term
+ * @id definition-description
+ * @id definition-list
+ * @id list
+ * @id definition-term
+ * @id definition-description
+ * @id definition-list
  */
 declare const ListItem: React.FC<ListItemProps>;
 interface ListProps extends React.HTMLAttributes<HTMLUListElement | HTMLOListElement> {

package/dist/components/layout/Modal.d.ts

@@ -14,6 +14,7 @@ interface ModalProps {
  * @description A dialog box that appears on top of the current page, requiring user interaction to dismiss.
  * @tags ui, overlay, dialog, popup
  * @category layout
+ * @id modal
  */
 export declare const Modal: React.FC<ModalProps>;
 export {};

package/dist/components/layout/PageHeader.d.ts

@@ -29,5 +29,6 @@ export interface PageHeaderProps {
  * type: string
  * description: Optional additional CSS classes for custom styling of the page header container.
  * @category templates-patterns
+ * @id page-header
  */
 export declare const PageHeader: React.FC<PageHeaderProps>;

package/dist/components/layout/SectionHeader.d.ts

@@ -19,5 +19,6 @@ export interface SectionHeaderProps {
  * type: string
  * description: Optional additional CSS classes for custom styling of the header container.
  * @category templates-patterns
+ * @id section-header
  */
 export declare const SectionHeader: React.FC<SectionHeaderProps>;

package/dist/components/layout/Sidebar.d.ts

@@ -15,6 +15,7 @@ export declare const SidebarProvider: ({ children }: {
  * @description A collapsible, responsive sidebar component.
  * @props
  * @prop {React.ReactNode} children - The content of the sidebar.
+ * @id sidebar
  */
 export declare const Sidebar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export declare const SidebarHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/navigation/Breadcrumbs.d.ts

@@ -29,6 +29,10 @@ interface BreadcrumbItemProps {
  * type: string
  * description: Additional CSS classes for custom styling of the individual item.
  * @category navigation
+ * @id breadcrumb-item
+ * @id breadcrumbs
+ * @id breadcrumbs
+ * @id breadcrumbs
  */
 declare const BreadcrumbItem: React.FC<BreadcrumbItemProps>;
 interface BreadcrumbsProps {

package/dist/components/navigation/Menu.d.ts

@@ -4,6 +4,13 @@ import { default as React } from 'react';
  * @wizard
  * @name MenuDivider
  * @description A visual separator for grouping MenuItems within a Menu.
+ * @id menu-divider
+ * @id menu-item
+ * @id menu
+ * @id menu-item
+ * @id menu
+ * @id menu-item
+ * @id menu
  */
 declare const MenuDivider: React.FC;
 interface MenuItemProps {

package/dist/components/navigation/Pagination.d.ts

@@ -35,5 +35,6 @@ export interface PaginationProps {
  * type: string
  * description: Optional additional CSS classes for the container.
  * @category navigation
+ * @id pagination
  */
 export declare const Pagination: React.FC<PaginationProps>;

package/dist/components/navigation/Stepper.d.ts

@@ -32,5 +32,6 @@ export interface StepperProps {
  * type: string
  * description: Optional additional CSS classes for the stepper container.
  * @category navigation
+ * @id stepper
  */
 export declare const Stepper: React.FC<StepperProps>;

package/dist/components/navigation/Tabs.d.ts

@@ -25,6 +25,10 @@ export interface TabPanelProps {
  * type: React.ReactNode
  * description: An optional icon to display next to the tab label in the header.
  * @category navigation
+ * @id tab-panel
+ * @id tabs
+ * @id tabs
+ * @id tabs
  */
 export declare const TabPanel: React.FC<TabPanelProps>;
 export interface TabsProps {

package/dist/components/ui/Avatar.d.ts

@@ -34,6 +34,7 @@ interface AvatarProps {
  * type: string
  * description: Optional additional CSS classes for custom styling.
  * @category ui
+ * @id avatar
  */
 export declare const Avatar: React.FC<AvatarProps>;
 export {};

package/dist/components/ui/Badge.d.ts

@@ -19,6 +19,7 @@ export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, Varian
  * type: React.ReactNode
  * description: The content to display inside the badge.
  * @category ui
+ * @id badge
  */
 declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
 export { Badge, badgeVariants };

package/dist/components/ui/Button.d.ts

@@ -29,6 +29,7 @@ import { IconName } from './Icon';
  * - name: onClick
  * type: () => void
  * description: Callback fired when the button is clicked.
+ * @id button
  */
 declare const buttonVariants: (props?: ({
     variant?: "link" | "ghost" | "primary" | "danger" | "outline" | "secondary" | "accent" | null | undefined;