@duro-app/ui 0.15.2 → 0.17.0

package/src/components/Tooltip/Tooltip.meta.ts

@@ -0,0 +1,22 @@
+import type {ComponentMeta} from '../component-meta'
+
+export const meta: ComponentMeta = {
+  description:
+    'Hover/focus tooltip that shows supplementary content. Compound component — Root is required (throws without it).',
+  whenToUse: [
+    'Providing extra context on hover for icon-only buttons',
+    'Explaining abbreviations or truncated text',
+  ],
+  whenNotToUse: [
+    'Critical information that must always be visible — use Text or Callout',
+    'Interactive content (links, buttons) — tooltips are not interactive',
+  ],
+  anatomy: {
+    required: ['Root', 'Trigger'],
+  },
+  example: `<Tooltip.Root content="Delete this item permanently" placement="top">
+  <Tooltip.Trigger>
+    <Button variant="danger">Delete</Button>
+  </Tooltip.Trigger>
+</Tooltip.Root>`,
+}

package/src/components/component-meta.ts

@@ -0,0 +1,8 @@
+export interface ComponentMeta {
+  description: string
+  whenToUse: string[]
+  whenNotToUse: string[]
+  anatomy?: {required: string[]; optional?: string[]}
+  relatedTo?: Array<{component: string; relationship: string}>
+  example: string
+}

package/src/index.ts

@@ -13,6 +13,7 @@ export {Checkbox} from './components/Checkbox/Checkbox'
 export {EmptyState} from './components/EmptyState/EmptyState'
 export {Heading, type HeadingVariant} from './components/Heading/Heading'
 export {Field} from './components/Field/Field'
+export {Form, type FormProps} from './components/Form/Form'
 export {Fieldset, type FieldsetGap} from './components/Fieldset/Fieldset'
 export {Input, type InputVariant} from './components/Input/Input'
 export {InputGroup} from './components/InputGroup/InputGroup'