laif-ds
Version:
Design System di Laif con componenti React basati su principi di Atomic Design
2,008 lines (2,007 loc) • 145 kB
JSON
{
"schemaVersion": "1.1.0",
"generatedAt": "2026-05-05T15:26:13.593Z",
"package": {
"name": "laif-ds",
"version": "0.2.80"
},
"stats": {
"documentedComponentCount": 92,
"catalogedComponentCount": 92,
"missingFromDocsCount": 1,
"deprecatedComponentCount": 2,
"averageAiReadinessScore": 54.73,
"highAiReadinessCount": 36,
"lowAiReadinessCount": 42
},
"missingFromDocs": [
"TruncatedCell"
],
"components": [
{
"name": "Accordion",
"markdownPath": "components/Accordion.md",
"importPath": "laif-ds",
"deprecated": false,
"replacement": null,
"tags": {
"cataloged": true,
"aiReady": true
},
"docs": {
"sections": [
{
"title": "Overview",
"slug": "overview"
},
{
"title": "Props",
"slug": "props"
},
{
"title": "Behavior",
"slug": "behavior"
},
{
"title": "Examples",
"slug": "examples"
},
{
"title": "Notes",
"slug": "notes"
}
],
"hasPropsTable": true,
"hasExamples": true,
"exampleTitles": [
"Accordion (Root)",
"Subcomponents",
"Basic (Single)",
"With Default Open (Single, collapsible)",
"Multiple Mode with Multiple Default Open",
"Controlled Single Mode"
],
"controlledPattern": "controlled-uncontrolled-documented",
"requiredProps": []
},
"metadata": {
"props": {
"totalProps": 6,
"requiredPropsCount": 0,
"typedPropsCount": 6,
"describedPropsCount": 6
},
"accessibility": {
"hasCoverage": true
},
"states": {
"coveredStates": [],
"coveredStateCount": 0
}
},
"aiReadiness": {
"score": 85,
"tier": "high"
},
"typeReferences": [
"type AccordionContentProps = React_2.ComponentProps<typeof AccordionPrimitive.Content>;\r",
"type AccordionItemProps = React_2.ComponentProps<typeof AccordionPrimitive.Item>;\r",
"type AccordionProps = React_2.ComponentProps<typeof AccordionPrimitive.Root>;\r",
"type AccordionTriggerProps = React_2.ComponentProps<typeof AccordionPrimitive.Trigger>;\r"
]
},
{
"name": "Alert",
"markdownPath": "components/Alert.md",
"importPath": "laif-ds",
"deprecated": false,
"replacement": null,
"tags": {
"cataloged": true,
"aiReady": true
},
"docs": {
"sections": [
{
"title": "Overview",
"slug": "overview"
},
{
"title": "Props",
"slug": "props"
},
{
"title": "Behavior",
"slug": "behavior"
},
{
"title": "Examples",
"slug": "examples"
},
{
"title": "Notes",
"slug": "notes"
}
],
"hasPropsTable": true,
"hasExamples": true,
"exampleTitles": [
"Alert (Root)",
"Subcomponents",
"Default",
"With Icon",
"Destructive"
],
"controlledPattern": "not-specified",
"requiredProps": [
"children"
]
},
"metadata": {
"props": {
"totalProps": 3,
"requiredPropsCount": 1,
"typedPropsCount": 3,
"describedPropsCount": 3
},
"accessibility": {
"hasCoverage": true
},
"states": {
"coveredStates": [
"error"
],
"coveredStateCount": 1
}
},
"aiReadiness": {
"score": 85,
"tier": "high"
},
"typeReferences": [
"type AlertDialogActionProps = React_2.ComponentProps<typeof AlertDialogPrimitive.Action>;\r",
"type AlertDialogCancelProps = React_2.ComponentProps<typeof AlertDialogPrimitive.Cancel>;\r",
"type AlertDialogContentProps = React_2.ComponentProps<typeof AlertDialogPrimitive.Content>;\r",
"type AlertDialogDescriptionProps = React_2.ComponentProps<typeof AlertDialogPrimitive.Description>;\r",
"type AlertDialogFooterProps = React_2.ComponentProps<\"div\">;\r",
"type AlertDialogHeaderProps = React_2.ComponentProps<\"div\">;\r",
"type AlertDialogProps = React_2.ComponentProps<typeof AlertDialogPrimitive.Root>;\r",
"type AlertDialogTitleProps = React_2.ComponentProps<typeof AlertDialogPrimitive.Title>;\r",
"type AlertDialogTriggerProps = React_2.ComponentProps<typeof AlertDialogPrimitive.Trigger>;\r",
"type AlertProps = React_2.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>;\r"
]
},
{
"name": "AlertDialog",
"markdownPath": "components/AlertDialog.md",
"importPath": "laif-ds",
"deprecated": false,
"replacement": null,
"tags": {
"cataloged": true,
"aiReady": true
},
"docs": {
"sections": [
{
"title": "Overview",
"slug": "overview"
},
{
"title": "Props",
"slug": "props"
},
{
"title": "Behavior",
"slug": "behavior"
},
{
"title": "Examples",
"slug": "examples"
},
{
"title": "Notes",
"slug": "notes"
}
],
"hasPropsTable": true,
"hasExamples": true,
"exampleTitles": [
"AlertDialog (Root)",
"Subcomponents",
"Basic",
"Controlled"
],
"controlledPattern": "controlled-uncontrolled-documented",
"requiredProps": []
},
"metadata": {
"props": {
"totalProps": 3,
"requiredPropsCount": 0,
"typedPropsCount": 3,
"describedPropsCount": 3
},
"accessibility": {
"hasCoverage": true
},
"states": {
"coveredStates": [
"focus"
],
"coveredStateCount": 1
}
},
"aiReadiness": {
"score": 85,
"tier": "high"
},
"typeReferences": [
"type AlertDialogActionProps = React_2.ComponentProps<typeof AlertDialogPrimitive.Action>;\r",
"type AlertDialogCancelProps = React_2.ComponentProps<typeof AlertDialogPrimitive.Cancel>;\r",
"type AlertDialogContentProps = React_2.ComponentProps<typeof AlertDialogPrimitive.Content>;\r",
"type AlertDialogDescriptionProps = React_2.ComponentProps<typeof AlertDialogPrimitive.Description>;\r",
"type AlertDialogFooterProps = React_2.ComponentProps<\"div\">;\r",
"type AlertDialogHeaderProps = React_2.ComponentProps<\"div\">;\r",
"type AlertDialogProps = React_2.ComponentProps<typeof AlertDialogPrimitive.Root>;\r",
"type AlertDialogTitleProps = React_2.ComponentProps<typeof AlertDialogPrimitive.Title>;\r",
"type AlertDialogTriggerProps = React_2.ComponentProps<typeof AlertDialogPrimitive.Trigger>;\r"
]
},
{
"name": "AppCard",
"markdownPath": "components/AppCard.md",
"importPath": "laif-ds",
"deprecated": false,
"replacement": null,
"tags": {
"cataloged": true,
"aiReady": true
},
"docs": {
"sections": [
{
"title": "Overview",
"slug": "overview"
},
{
"title": "Props",
"slug": "props"
},
{
"title": "Exports",
"slug": "exports"
},
{
"title": "Behavior",
"slug": "behavior"
},
{
"title": "Examples",
"slug": "examples"
},
{
"title": "Notes",
"slug": "notes"
}
],
"hasPropsTable": true,
"hasExamples": true,
"exampleTitles": [
"AppCardProps",
"Variant Reference",
"Size Reference",
"Basic",
"Semantic Variants",
"Interactive Card with onClick",
"Loading State",
"Nested Flat Cards",
"Size Variants",
"Children as Fallback Body",
"Advanced Composition with Sub-components"
],
"controlledPattern": "likely-controlled",
"requiredProps": []
},
"metadata": {
"props": {
"totalProps": 23,
"requiredPropsCount": 0,
"typedPropsCount": 23,
"describedPropsCount": 23
},
"accessibility": {
"hasCoverage": true
},
"states": {
"coveredStates": [
"hover",
"focus",
"loading",
"error",
"empty"
],
"coveredStateCount": 5
}
},
"aiReadiness": {
"score": 100,
"tier": "high"
},
"typeReferences": [
"interface AppCardProps extends Omit<React_2.ComponentProps<\"div\">, \"title\"> {\r",
"type AppCardSize = \"sm\" | \"default\" | \"lg\" | \"none\";\r",
"type AppCardVariant = \"default\" | \"elevated\" | \"outlined\" | \"ghost\" | \"flat\" | \"interactive\" | \"success\" | \"warning\" | \"destructive\" | \"info\";\r"
]
},
{
"name": "AppCheckbox",
"markdownPath": "components/AppCheckbox.md",
"importPath": "laif-ds",
"deprecated": false,
"replacement": null,
"tags": {
"cataloged": true,
"aiReady": true
},
"docs": {
"sections": [
{
"title": "Overview",
"slug": "overview"
},
{
"title": "Types",
"slug": "types"
},
{
"title": "Props",
"slug": "props"
},
{
"title": "Behavior",
"slug": "behavior"
},
{
"title": "Examples",
"slug": "examples"
},
{
"title": "Notes",
"slug": "notes"
}
],
"hasPropsTable": true,
"hasExamples": true,
"exampleTitles": [
"AppCheckboxOption",
"Basic Usage",
"With Icons and Descriptions",
"Card Layout",
"Horizontal Orientation",
"With Error State"
],
"controlledPattern": "controlled-uncontrolled-documented",
"requiredProps": [
"options"
]
},
"metadata": {
"props": {
"totalProps": 15,
"requiredPropsCount": 1,
"typedPropsCount": 15,
"describedPropsCount": 15
},
"accessibility": {
"hasCoverage": true
},
"states": {
"coveredStates": [
"hover",
"focus",
"disabled",
"error",
"selected"
],
"coveredStateCount": 5
}
},
"aiReadiness": {
"score": 100,
"tier": "high"
},
"typeReferences": [
"interface AppCheckboxOption {\r",
"interface AppCheckboxProps {\r"
]
},
{
"name": "AppDialog",
"markdownPath": "components/AppDialog.md",
"importPath": "laif-ds",
"deprecated": false,
"replacement": null,
"tags": {
"cataloged": true,
"aiReady": true
},
"docs": {
"sections": [
{
"title": "Overview",
"slug": "overview"
},
{
"title": "Props",
"slug": "props"
},
{
"title": "Exports",
"slug": "exports"
},
{
"title": "Behavior",
"slug": "behavior"
},
{
"title": "Examples",
"slug": "examples"
},
{
"title": "Notes",
"slug": "notes"
}
],
"hasPropsTable": true,
"hasExamples": true,
"exampleTitles": [
"AppDialogProps",
"Size Variants",
"Basic Usage",
"With Footer Actions",
"Controlled Dialog",
"Size Variants",
"With Form",
"Disabled Trigger"
],
"controlledPattern": "controlled-uncontrolled-documented",
"requiredProps": []
},
"metadata": {
"props": {
"totalProps": 18,
"requiredPropsCount": 0,
"typedPropsCount": 18,
"describedPropsCount": 18
},
"accessibility": {
"hasCoverage": true
},
"states": {
"coveredStates": [
"focus",
"disabled"
],
"coveredStateCount": 2
}
},
"aiReadiness": {
"score": 85,
"tier": "high"
},
"typeReferences": [
"interface AppDialogProps extends Omit<DialogContentProps, \"title\"> {\r"
]
},
{
"name": "AppEditor",
"markdownPath": "components/AppEditor.md",
"importPath": "laif-ds",
"deprecated": false,
"replacement": null,
"tags": {
"cataloged": true,
"aiReady": true
},
"docs": {
"sections": [
{
"title": "Overview",
"slug": "overview"
},
{
"title": "Props",
"slug": "props"
},
{
"title": "Behavior",
"slug": "behavior"
},
{
"title": "Examples",
"slug": "examples"
},
{
"title": "Notes",
"slug": "notes"
}
],
"hasPropsTable": true,
"hasExamples": true,
"exampleTitles": [
"Full Toolbar + Plugins",
"Markdown Default Value",
"Underline Support"
],
"controlledPattern": "likely-controlled",
"requiredProps": []
},
"metadata": {
"props": {
"totalProps": 7,
"requiredPropsCount": 0,
"typedPropsCount": 7,
"describedPropsCount": 7
},
"accessibility": {
"hasCoverage": true
},
"states": {
"coveredStates": [
"empty"
],
"coveredStateCount": 1
}
},
"aiReadiness": {
"score": 85,
"tier": "high"
},
"typeReferences": [
"interface AppEditorProps {\r",
"type AppEditorPlugin = \"clear\" | \"counter\";\r",
"type AppEditorToolbar = \"block-format\" | \"font-format\" | \"history\";\r"
]
},
{
"name": "AppForm",
"markdownPath": "components/AppForm.md",
"importPath": "laif-ds",
"deprecated": false,
"replacement": null,
"tags": {
"cataloged": true,
"aiReady": true
},
"docs": {
"sections": [
{
"title": "Overview",
"slug": "overview"
},
{
"title": "Types",
"slug": "types"
},
{
"title": "Props",
"slug": "props"
},
{
"title": "Behavior",
"slug": "behavior"
},
{
"title": "Field Types",
"slug": "field-types"
},
{
"title": "Examples",
"slug": "examples"
},
{
"title": "Notes",
"slug": "notes"
}
],
"hasPropsTable": true,
"hasExamples": true,
"exampleTitles": [
"AppFormItem",
"Submit Button Inside vs Outside",
"input",
"select / multiselect",
"custom",
"async / async-multiple",
"datepicker",
"radio / checkbox / switch / slider",
"Grid and Icons Example",
"Advanced componentProps"
],
"controlledPattern": "likely-controlled",
"requiredProps": [
"form",
"items"
]
},
"metadata": {
"props": {
"totalProps": 7,
"requiredPropsCount": 2,
"typedPropsCount": 7,
"describedPropsCount": 7
},
"accessibility": {
"hasCoverage": false
},
"states": {
"coveredStates": [
"disabled",
"loading",
"error",
"selected"
],
"coveredStateCount": 4
}
},
"aiReadiness": {
"score": 85,
"tier": "high"
},
"typeReferences": [
"interface AppFormItemComponentProps<TAsyncOption = unknown> {\r",
"interface AppFormProps<TFormValues extends FieldValues = FieldValues, TAsyncOption = unknown> {\r",
"type AppFormComponentType = \"input\" | \"select\" | \"textarea\" | \"checkbox\" | \"multiselect\" | \"datepicker\" | \"radio\" | \"switch\" | \"slider\" | \"async\" | \"async-multiple\" | \"custom\";\r",
"type AppFormItem<TAsyncOption = unknown, TComponent extends AppFormComponentType = AppFormComponentType> = {\r"
]
},
{
"name": "AppMultipleSelectDropdown",
"markdownPath": "components/AppMultipleSelectDropdown.md",
"importPath": "laif-ds",
"deprecated": true,
"replacement": "AppSelect",
"tags": {
"cataloged": true,
"aiReady": true
},
"docs": {
"sections": [
{
"title": "Overview",
"slug": "overview"
},
{
"title": "Replacement",
"slug": "replacement"
},
{
"title": "Notes",
"slug": "notes"
}
],
"hasPropsTable": false,
"hasExamples": false,
"exampleTitles": [],
"controlledPattern": "likely-controlled",
"requiredProps": []
},
"metadata": {
"props": {
"totalProps": 0,
"requiredPropsCount": 0,
"typedPropsCount": 0,
"describedPropsCount": 0
},
"accessibility": {
"hasCoverage": true
},
"states": {
"coveredStates": [
"selected"
],
"coveredStateCount": 1
}
},
"aiReadiness": {
"score": 15,
"tier": "low"
},
"typeReferences": []
},
{
"name": "AppRadioGroup",
"markdownPath": "components/AppRadioGroup.md",
"importPath": "laif-ds",
"deprecated": false,
"replacement": null,
"tags": {
"cataloged": true,
"aiReady": true
},
"docs": {
"sections": [
{
"title": "Overview",
"slug": "overview"
},
{
"title": "Types",
"slug": "types"
},
{
"title": "Props",
"slug": "props"
},
{
"title": "Behavior",
"slug": "behavior"
},
{
"title": "Examples",
"slug": "examples"
},
{
"title": "Notes",
"slug": "notes"
}
],
"hasPropsTable": true,
"hasExamples": true,
"exampleTitles": [
"AppRadioGroupOption",
"Basic Usage",
"With Icons and Descriptions",
"Card Layout",
"Horizontal Orientation",
"With Error State"
],
"controlledPattern": "controlled-uncontrolled-documented",
"requiredProps": [
"options"
]
},
"metadata": {
"props": {
"totalProps": 16,
"requiredPropsCount": 1,
"typedPropsCount": 16,
"describedPropsCount": 16
},
"accessibility": {
"hasCoverage": true
},
"states": {
"coveredStates": [
"hover",
"focus",
"disabled",
"error"
],
"coveredStateCount": 4
}
},
"aiReadiness": {
"score": 100,
"tier": "high"
},
"typeReferences": [
"interface AppRadioGroupOption {\r",
"interface AppRadioGroupProps {\r"
]
},
{
"name": "AppSelect",
"markdownPath": "components/AppSelect.md",
"importPath": "laif-ds",
"deprecated": false,
"replacement": null,
"tags": {
"cataloged": true,
"aiReady": true
},
"docs": {
"sections": [
{
"title": "Overview",
"slug": "overview"
},
{
"title": "Types",
"slug": "types"
},
{
"title": "Props",
"slug": "props"
},
{
"title": "Prop Details",
"slug": "prop-details"
},
{
"title": "Behavior",
"slug": "behavior"
},
{
"title": "Examples",
"slug": "examples"
},
{
"title": "Notes",
"slug": "notes"
}
],
"hasPropsTable": true,
"hasExamples": true,
"exampleTitles": [
"AppSelectOption",
"Base Props (Common to both modes)",
"Single Select Props",
"Multi Select Props",
"Combined Type",
"Size Variants",
"Custom Labels (JSX Support)",
"Controlled vs Uncontrolled",
"Selection Modes",
"Search Functionality",
"Creatable Options",
"Grouping",
"Select All / Deselect All",
"Max Selection Limit",
"Chips Display",
"Disabled Options",
"Disabled Component",
"Basic Single Select",
"Multiple Select with Search and Chips",
"Grouped Options with Max Selection",
"Creatable Select",
"Custom JSX Labels",
"Clearable Single Select",
"With Disabled Options",
"Multiple with Select All / Deselect All",
"Custom Render Value"
],
"controlledPattern": "controlled-uncontrolled-documented",
"requiredProps": [
"options"
]
},
"metadata": {
"props": {
"totalProps": 19,
"requiredPropsCount": 1,
"typedPropsCount": 19,
"describedPropsCount": 19
},
"accessibility": {
"hasCoverage": true
},
"states": {
"coveredStates": [
"focus",
"disabled",
"empty",
"selected"
],
"coveredStateCount": 4
}
},
"aiReadiness": {
"score": 100,
"tier": "high"
},
"typeReferences": [
"interface AppSelectOption {\r",
"type AppSelectProps = SingleSelectProps | MultiSelectProps;\r"
]
},
{
"name": "AppSidebar",
"markdownPath": "components/AppSidebar.md",
"importPath": "laif-ds",
"deprecated": false,
"replacement": null,
"tags": {
"cataloged": true,
"aiReady": true
},
"docs": {
"sections": [
{
"title": "Overview",
"slug": "overview"
},
{
"title": "Props",
"slug": "props"
},
{
"title": "Behavior",
"slug": "behavior"
},
{
"title": "Examples",
"slug": "examples"
},
{
"title": "Notes",
"slug": "notes"
}
],
"hasPropsTable": true,
"hasExamples": true,
"exampleTitles": [
"Basic",
"With Header/Footer Content"
],
"controlledPattern": "not-specified",
"requiredProps": [
"navigation"
]
},
"metadata": {
"props": {
"totalProps": 9,
"requiredPropsCount": 1,
"typedPropsCount": 9,
"describedPropsCount": 9
},
"accessibility": {
"hasCoverage": true
},
"states": {
"coveredStates": [
"focus",
"selected"
],
"coveredStateCount": 2
}
},
"aiReadiness": {
"score": 85,
"tier": "high"
},
"typeReferences": [
"interface AppSidebarProps extends React_2.ComponentProps<typeof Sidebar> {\r"
]
},
{
"name": "AppStepper",
"markdownPath": "components/AppStepper.md",
"importPath": "laif-ds",
"deprecated": false,
"replacement": null,
"tags": {
"cataloged": true,
"aiReady": true
},
"docs": {
"sections": [
{
"title": "Overview",
"slug": "overview"
},
{
"title": "Props",
"slug": "props"
},
{
"title": "Behavior",
"slug": "behavior"
},
{
"title": "Examples",
"slug": "examples"
},
{
"title": "Notes",
"slug": "notes"
}
],
"hasPropsTable": true,
"hasExamples": true,
"exampleTitles": [],
"controlledPattern": "likely-controlled",
"requiredProps": [
"steps"
]
},
"metadata": {
"props": {
"totalProps": 11,
"requiredPropsCount": 1,
"typedPropsCount": 11,
"describedPropsCount": 11
},
"accessibility": {
"hasCoverage": true
},
"states": {
"coveredStates": [
"focus",
"disabled",
"loading"
],
"coveredStateCount": 3
}
},
"aiReadiness": {
"score": 90,
"tier": "high"
},
"typeReferences": [
"interface AppStepperProps extends Omit<StepperProps, \"children\"> {\r"
]
},
{
"name": "AppTimePicker",
"markdownPath": "components/AppTimePicker.md",
"importPath": "laif-ds",
"deprecated": false,
"replacement": null,
"tags": {
"cataloged": true,
"aiReady": true
},
"docs": {
"sections": [
{
"title": "Overview",
"slug": "overview"
},
{
"title": "Props",
"slug": "props"
},
{
"title": "Behavior",
"slug": "behavior"
},
{
"title": "Exported Types",
"slug": "exported-types"
},
{
"title": "Examples",
"slug": "examples"
},
{
"title": "Helper Component: TimePickerColumn",
"slug": "helper-component-timepickercolumn"
},
{
"title": "Notes",
"slug": "notes"
}
],
"hasPropsTable": true,
"hasExamples": true,
"exampleTitles": [
"Time Selection",
"Controlled vs Uncontrolled",
"Clearable",
"Min/Max Time Constraints",
"UTC Mode",
"Basic",
"With Seconds",
"Clearable",
"UTC Mode",
"Min/Max Time Constraints",
"Sizes and Variants",
"Disabled",
"In Dialog",
"TimePickerColumn Props"
],
"controlledPattern": "controlled-uncontrolled-documented",
"requiredProps": []
},
"metadata": {
"props": {
"totalProps": 26,
"requiredPropsCount": 0,
"typedPropsCount": 26,
"describedPropsCount": 26
},
"accessibility": {
"hasCoverage": true
},
"states": {
"coveredStates": [
"focus",
"disabled",
"selected"
],
"coveredStateCount": 3
}
},
"aiReadiness": {
"score": 100,
"tier": "high"
},
"typeReferences": [
"interface AppTimePickerProps {\r",
"type AppTimePickerSize = \"sm\" | \"default\" | \"lg\";\r",
"type AppTimePickerVariant = \"default\" | \"destructive\" | \"outline\" | \"secondary\" | \"ghost\" | \"link\";\r"
]
},
{
"name": "AspectRatio",
"markdownPath": "components/AspectRatio.md",
"importPath": "laif-ds",
"deprecated": false,
"replacement": null,
"tags": {
"cataloged": true,
"aiReady": true
},
"docs": {
"sections": [
{
"title": "Overview",
"slug": "overview"
},
{
"title": "Props",
"slug": "props"
},
{
"title": "Behavior",
"slug": "behavior"
},
{
"title": "Examples",
"slug": "examples"
},
{
"title": "Notes",
"slug": "notes"
}
],
"hasPropsTable": true,
"hasExamples": true,
"exampleTitles": [
"AspectRatio (Root)",
"16:9 Ratio",
"Square (1:1)",
"With Image"
],
"controlledPattern": "not-specified",
"requiredProps": [
"children"
]
},
"metadata": {
"props": {
"totalProps": 3,
"requiredPropsCount": 1,
"typedPropsCount": 3,
"describedPropsCount": 3
},
"accessibility": {
"hasCoverage": false
},
"states": {
"coveredStates": [],
"coveredStateCount": 0
}
},
"aiReadiness": {
"score": 70,
"tier": "medium"
},
"typeReferences": [
"type AspectRatioProps = React.ComponentProps<typeof AspectRatioPrimitive.Root>;\r"
]
},
{
"name": "AsyncSelect",
"markdownPath": "components/AsyncSelect.md",
"importPath": "laif-ds",
"deprecated": false,
"replacement": null,
"tags": {
"cataloged": true,
"aiReady": true
},
"docs": {
"sections": [
{
"title": "Overview",
"slug": "overview"
},
{
"title": "Props",
"slug": "props"
},
{
"title": "Behavior",
"slug": "behavior"
},
{
"title": "Examples",
"slug": "examples"
},
{
"title": "Notes",
"slug": "notes"
},
{
"title": "Notes",
"slug": "notes"
}
],
"hasPropsTable": true,
"hasExamples": true,
"exampleTitles": [
"Multiple with Steps"
],
"controlledPattern": "likely-controlled",
"requiredProps": [
"fetcher",
"renderOptionItem",
"renderSelectedValue",
"resolveOptionValue"
]
},
"metadata": {
"props": {
"totalProps": 18,
"requiredPropsCount": 4,
"typedPropsCount": 18,
"describedPropsCount": 18
},
"accessibility": {
"hasCoverage": true
},
"states": {
"coveredStates": [
"focus",
"disabled",
"empty",
"selected"
],
"coveredStateCount": 4
}
},
"aiReadiness": {
"score": 100,
"tier": "high"
},
"typeReferences": [
"interface AsyncSelectMultipleProps<T> extends VariantProps<typeof selectTriggerVariants> {\r",
"interface AsyncSelectSingleProps<T> extends VariantProps<typeof selectTriggerVariants> {\r",
"type AsyncSelectProps<T> = AsyncSelectSingleProps<T> | AsyncSelectMultipleProps<T>;\r"
]
},
{
"name": "AudioVisualizer",
"markdownPath": "components/AudioVisualizer.md",
"importPath": "laif-ds",
"deprecated": false,
"replacement": null,
"tags": {
"cataloged": true,
"aiReady": true
},
"docs": {
"sections": [
{
"title": "Overview",
"slug": "overview"
},
{
"title": "Props",
"slug": "props"
},
{
"title": "Example",
"slug": "example"
}
],
"hasPropsTable": true,
"hasExamples": false,
"exampleTitles": [],
"controlledPattern": "not-specified",
"requiredProps": []
},
"metadata": {
"props": {
"totalProps": 2,
"requiredPropsCount": 0,
"typedPropsCount": 2,
"describedPropsCount": 1
},
"accessibility": {
"hasCoverage": false
},
"states": {
"coveredStates": [],
"coveredStateCount": 0
}
},
"aiReadiness": {
"score": 25,
"tier": "low"
},
"typeReferences": [
"interface AudioVisualizerProps {\r"
]
},
{
"name": "Avatar",
"markdownPath": "components/Avatar.md",
"importPath": "laif-ds",
"deprecated": false,
"replacement": null,
"tags": {
"cataloged": true,
"aiReady": true
},
"docs": {
"sections": [
{
"title": "Overview",
"slug": "overview"
},
{
"title": "Props",
"slug": "props"
},
{
"title": "Behavior",
"slug": "behavior"
},
{
"title": "Examples",
"slug": "examples"
},
{
"title": "Notes",
"slug": "notes"
}
],
"hasPropsTable": true,
"hasExamples": true,
"exampleTitles": [
"Avatar (Root)",
"Subcomponents",
"With Image",
"With Fallback",
"Custom Size",
"Avatar Group"
],
"controlledPattern": "not-specified",
"requiredProps": [
"children"
]
},
"metadata": {
"props": {
"totalProps": 2,
"requiredPropsCount": 1,
"typedPropsCount": 2,
"describedPropsCount": 2
},
"accessibility": {
"hasCoverage": true
},
"states": {
"coveredStates": [],
"coveredStateCount": 0
}
},
"aiReadiness": {
"score": 85,
"tier": "high"
},
"typeReferences": [
"interface AvatarItem {\r"
]
},
{
"name": "Badge",
"markdownPath": "components/Badge.md",
"importPath": "laif-ds",
"deprecated": false,
"replacement": null,
"tags": {
"cataloged": true,
"aiReady": true
},
"docs": {
"sections": [
{
"title": "Overview",
"slug": "overview"
},
{
"title": "Props",
"slug": "props"
},
{
"title": "Behavior",
"slug": "behavior"
},
{
"title": "Examples",
"slug": "examples"
},
{
"title": "Notes",
"slug": "notes"
}
],
"hasPropsTable": true,
"hasExamples": true,
"exampleTitles": [
"Badge (Root)",
"Default",
"Variants Grid",
"With Icons",
"As Link (asChild)"
],
"controlledPattern": "likely-controlled",
"requiredProps": [
"children"
]
},
"metadata": {
"props": {
"totalProps": 7,
"requiredPropsCount": 1,
"typedPropsCount": 7,
"describedPropsCount": 7
},
"accessibility": {
"hasCoverage": false
},
"states": {
"coveredStates": [
"disabled"
],
"coveredStateCount": 1
}
},
"aiReadiness": {
"score": 70,
"tier": "medium"
},
"typeReferences": [
"interface BadgeProps extends React_2.ComponentPropsWithoutRef<\"span\"> {\r"
]
},
{
"name": "Breadcrumb",
"markdownPath": "components/Breadcrumb.md",
"importPath": "laif-ds",
"deprecated": false,
"replacement": null,
"tags": {
"cataloged": true,
"aiReady": true
},
"docs": {
"sections": [
{
"title": "Overview",
"slug": "overview"
},
{
"title": "Subcomponents",
"slug": "subcomponents"
},
{
"title": "Examples",
"slug": "examples"
}
],
"hasPropsTable": false,
"hasExamples": true,
"exampleTitles": [
"Basic",
"Custom Separator"
],
"controlledPattern": "not-specified",
"requiredProps": []
},
"metadata": {
"props": {
"totalProps": 0,
"requiredPropsCount": 0,
"typedPropsCount": 0,
"describedPropsCount": 0
},
"accessibility": {
"hasCoverage": false
},
"states": {
"coveredStates": [],
"coveredStateCount": 0
}
},
"aiReadiness": {
"score": 30,
"tier": "low"
},
"typeReferences": []
},
{
"name": "Button",
"markdownPath": "components/Button.md",
"importPath": "laif-ds",
"deprecated": false,
"replacement": null,
"tags": {
"cataloged": true,
"aiReady": true
},
"docs": {
"sections": [
{
"title": "Overview",
"slug": "overview"
},
{
"title": "Props",
"slug": "props"
},
{
"title": "Behavior",
"slug": "behavior"
},
{
"title": "Examples",
"slug": "examples"
},
{
"title": "Notes",
"slug": "notes"
}
],
"hasPropsTable": true,
"hasExamples": true,
"exampleTitles": [
"Button (Root)",
"Default",
"Showcase (Variants × Sizes)",
"Full Width",
"With Icon",
"Loading"
],
"controlledPattern": "not-specified",
"requiredProps": [
"children"
]
},
"metadata": {
"props": {
"totalProps": 10,
"requiredPropsCount": 1,
"typedPropsCount": 10,
"describedPropsCount": 10
},
"accessibility": {
"hasCoverage": true
},
"states": {
"coveredStates": [
"focus",
"disabled",
"loading"
],
"coveredStateCount": 3
}
},
"aiReadiness": {
"score": 100,
"tier": "high"
},
"typeReferences": [
"interface ButtonProps extends React_2.ComponentProps<\"button\"> {\r",
"type ButtonSize = \"default\" | \"sm\" | \"lg\" | \"icon\";\r",
"type ButtonVariant = \"default\" | \"destructive\" | \"outline\" | \"outline-primary\" | \"outline-destructive\" | \"secondary\" | \"ghost\" | \"ghost-destructive\" | \"ghost-accent\" | \"link\";\r"
]
},
{
"name": "Calendar",
"markdownPath": "components/Calendar.md",
"importPath": "laif-ds",
"deprecated": false,
"replacement": null,
"tags": {
"cataloged": true,
"aiReady": true
},
"docs": {
"sections": [
{
"title": "Overview",
"slug": "overview"
},
{
"title": "Props",
"slug": "props"
},
{
"title": "Behavior",
"slug": "behavior"
},
{
"title": "Examples",
"slug": "examples"
},
{
"title": "Notes",
"slug": "notes"
}
],
"hasPropsTable": true,
"hasExamples": true,
"exampleTitles": [
"Basic",
"With Min/Max Date Constraints",
"Single Selection",
"Multiple Selection",
"Range Selection",
"Disabled Dates",
"Localized (Italian) and Week Start",
"ISO Week, Fixed Weeks, Multiple Months"
],
"controlledPattern": "likely-controlled",
"requiredProps": []
},
"metadata": {
"props": {
"totalProps": 20,
"requiredPropsCount": 0,
"typedPropsCount": 20,
"describedPropsCount": 20
},
"accessibility": {
"hasCoverage": true
},
"states": {
"coveredStates": [
"focus",
"disabled",
"selected"
],
"coveredStateCount": 3
}
},
"aiReadiness": {
"score": 100,
"tier": "high"
},
"typeReferences": [
"interface CalendarAppointment {\r",
"type CalendarProps = React_2.ComponentProps<typeof DayPicker> & {\r"
]
},
{
"name": "Card",
"markdownPath": "components/Card.md",
"importPath": "laif-ds",
"deprecated": false,
"replacement": null,
"tags": {
"cataloged": true,
"aiReady": true
},
"docs": {
"sections": [
{
"title": "Overview",
"slug": "overview"
},
{
"title": "Props",
"slug": "props"
},
{
"title": "Behavior",
"slug": "behavior"
},
{
"title": "Examples",
"slug": "examples"
},
{
"title": "Notes",
"slug": "notes"
}
],
"hasPropsTable": true,
"hasExamples": true,
"exampleTitles": [
"Card (Root)",
"Subcomponents",
"Basic",
"With Action",
"Size Variants"
],
"controlledPattern": "not-specified",
"requiredProps": [
"children"
]
},
"metadata": {
"props": {
"totalProps": 3,
"requiredPropsCount": 1,
"typedPropsCount": 3,
"describedPropsCount": 3
},
"accessibility": {
"hasCoverage": false
},
"states": {
"coveredStates": [],
"coveredStateCount": 0
}
},
"aiReadiness": {
"score": 70,
"tier": "medium"
},
"typeReferences": [
"interface CardProps extends React_2.ComponentProps<\"div\"> {\r",
"type CardSize = \"default\" | \"sm\" | \"lg\" | \"none\";\r"
]
},
{
"name": "Carousel",
"markdownPath": "components/Carousel.md",
"importPath": "laif-ds",
"deprecated": false,
"replacement": null,
"tags": {
"cataloged": true,
"aiReady": true
},
"docs": {
"sections": [
{
"title": "Overview",
"slug": "overview"
},
{
"title": "Props",
"slug": "props"
},
{
"title": "Behavior",
"slug": "behavior"
},
{
"title": "Examples",
"slug": "examples"
},
{
"title": "Notes",
"slug": "notes"
}
],
"hasPropsTable": true,
"hasExamples": true,
"exampleTitles": [
"Carousel (Root)",
"Subcomponents",
"Basic",
"Multiple Items per Row",
"With API (loop)"
],
"controlledPattern": "not-specified",
"requiredProps": [
"children"
]
},
"metadata": {
"props": {
"totalProps": 6,
"requiredPropsCount": 1,
"typedPropsCount": 6,
"describedPropsCount": 6
},
"accessibility": {
"hasCoverage": true
},
"states": {
"coveredStates": [
"focus",
"disabled"
],
"coveredStateCount": 2
}
},
"aiReadiness": {
"score": 85,
"tier": "high"
},
"typeReferences": [
"type CarouselApi = UseEmblaCarouselType[1];\r",
"type CarouselOptions = UseCarouselParameters[0];\r",
"type CarouselPlugin = UseCarouselParameters[1];\r",
"type CarouselProps = {\r"
]
},
{
"name": "Chart",
"markdownPath": "components/Chart.md",
"importPath": "laif-ds",
"deprecated": false,
"replacement": null,
"tags": {
"cataloged": true,
"aiReady": true
},
"docs": {
"sections": [
{
"title": "Overview",
"slug": "overview"
},
{
"title": "Exports",
"slug": "exports"
},
{
"title": "Types",
"slug": "types"
},
{
"title": "Example",
"slug": "example"
}
],
"hasPropsTable": false,
"hasExamples": false,
"exampleTitles": [],
"controlledPattern": "not-specified",
"requiredProps": []
},
"metadata": {
"props": {
"totalProps": 0,
"requiredPropsCount": 0,
"typedPropsCount": 0,
"describedPropsCount": 0
},
"accessibility": {
"hasCoverage": false
},
"states": {
"coveredStates": [],
"coveredStateCount": 0
}
},
"aiReadiness": {
"score": 0,
"tier": "low"
},
"typeReferences": [
"interface ChartProps {\r",
"type ChartConfig = {\r"
]
},
{
"name": "Chat",
"markdownPath": "components/Chat.md",
"importPath": "laif-ds",
"deprecated": false,
"replacement": null,
"tags": {
"cataloged": true,
"aiReady": true
},
"docs": {
"sections": [
{
"title": "Overview",
"slug": "overview"
},
{
"title": "Props",
"slug": "props"
},
{
"title": "Behavior",
"slug": "behavior"
},
{
"title": "Examples",
"slug": "examples"
},
{
"title": "Notes",
"slug": "notes"
}
],
"hasPropsTable": true,
"hasExamples": true,
"exampleTitles": [
"Default",
"With Attachments and Actions"
],
"controlledPattern": "likely-controlled",
"requiredProps": [
"handleInputChange",
"handleSubmit",
"input",
"messages"
]
},
"metadata": {
"props": {
"totalProps": 15,
"requiredPropsCount": 4,
"typedPropsCount": 15,
"describedPropsCount": 15
},
"accessibility": {
"hasCoverage": false
},
"states": {
"coveredStates": [
"empty"
],
"coveredStateCount": 1
}
},
"aiReadiness": {
"score": 70,
"tier": "medium"
},
"typeReferences": [
"interface ChatFormProps {\r",
"interface ChatMessageProps extends Message {\r",
"interface ChatPropsBase {\r",
"interface ChatPropsWithoutSuggestions extends ChatPropsBase {\r",
"interface ChatPropsWithSuggestions extends ChatPropsBase {\r",
"type ChatProps = ChatPropsWithoutSuggestions | ChatPropsWithSuggestions;\r"
]
},
{
"name": "ChatMessage",
"markdownPath": "components/ChatMessage.md",
"importPath": "laif-ds",
"deprecated": false,
"replacement": null,
"tags": {
"cataloged": true,
"aiReady": true
},
"docs": {
"sections": [
{
"title": "Overview",
"slug": "overview"
},
{
"title": "Props",
"slug": "props"
},
{
"title": "Behavior",
"slug": "behavior"
},
{
"title": "Examples",
"slug": "examples"
},
{
"title": "Notes",
"slug": "notes"
}
],
"hasPropsTable": true,
"hasExamples": true,
"exampleTitles": [],
"controlledPattern": "not-specified",
"requiredProps": [
"content",
"id"
]
},
"metadata": {