@idealyst/components 1.2.4 → 1.2.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idealyst/components",
-  "version": "1.2.4",
+  "version": "1.2.7",
   "description": "Shared component library for React and React Native",
   "documentation": "https://github.com/IdealystIO/idealyst-framework/tree/main/packages/components#readme",
   "readme": "README.md",
@@ -56,7 +56,7 @@
     "publish:npm": "npm publish"
   },
   "peerDependencies": {
-    "@idealyst/theme": "^1.2.4",
+    "@idealyst/theme": "^1.2.7",
     "@mdi/js": ">=7.0.0",
     "@mdi/react": ">=1.0.0",
     "@react-native-vector-icons/common": ">=12.0.0",
@@ -106,7 +106,8 @@
     }
   },
   "devDependencies": {
-    "@idealyst/theme": "^1.2.4",
+    "@idealyst/theme": "^1.2.7",
+    "@idealyst/tooling": "^1.2.4",
     "@mdi/react": "^1.6.1",
     "@types/react": "^19.1.0",
     "react": "^19.1.0",

package/src/Accordion/docs.ts

@@ -0,0 +1,22 @@
+/**
+ * Accordion Documentation Sample Props
+ *
+ * This file defines the sample props needed to render the Accordion component
+ * in documentation. These are extracted by the component analyzer.
+ */
+
+import type { SampleProps } from '@idealyst/tooling';
+
+/**
+ * Sample props for rendering Accordion in documentation.
+ * The `items` prop is required for Accordion to render.
+ */
+export const sampleProps: SampleProps = {
+  props: {
+    items: [
+      { id: '1', title: 'Section 1', content: 'Content for section 1' },
+      { id: '2', title: 'Section 2', content: 'Content for section 2' },
+      { id: '3', title: 'Section 3', content: 'Content for section 3' },
+    ],
+  },
+};

package/src/ActivityIndicator/docs.ts

@@ -0,0 +1,9 @@
+/**
+ * ActivityIndicator Documentation Sample Props
+ */
+
+import type { SampleProps } from '@idealyst/tooling';
+
+export const sampleProps: SampleProps = {
+  // ActivityIndicator needs no props to render
+};

package/src/Alert/docs.ts

@@ -0,0 +1,12 @@
+/**
+ * Alert Documentation Sample Props
+ */
+
+import type { SampleProps } from '@idealyst/tooling';
+
+export const sampleProps: SampleProps = {
+  props: {
+    title: 'Alert Title',
+    message: 'This is an alert message with important information.',
+  },
+};

package/src/Avatar/docs.ts

@@ -0,0 +1,11 @@
+/**
+ * Avatar Documentation Sample Props
+ */
+
+import type { SampleProps } from '@idealyst/tooling';
+
+export const sampleProps: SampleProps = {
+  props: {
+    fallback: 'AB',
+  },
+};

package/src/Badge/docs.ts

@@ -0,0 +1,9 @@
+/**
+ * Badge Documentation Sample Props
+ */
+
+import type { SampleProps } from '@idealyst/tooling';
+
+export const sampleProps: SampleProps = {
+  children: '3',
+};

package/src/Breadcrumb/docs.ts

@@ -0,0 +1,15 @@
+/**
+ * Breadcrumb Documentation Sample Props
+ */
+
+import type { SampleProps } from '@idealyst/tooling';
+
+export const sampleProps: SampleProps = {
+  props: {
+    items: [
+      { label: 'Home' },
+      { label: 'Products' },
+      { label: 'Current Page' },
+    ],
+  },
+};

package/src/Button/docs.ts

@@ -0,0 +1,9 @@
+/**
+ * Button Documentation Sample Props
+ */
+
+import type { SampleProps } from '@idealyst/tooling';
+
+export const sampleProps: SampleProps = {
+  children: 'Click Me',
+};

package/src/Card/docs.ts

@@ -0,0 +1,9 @@
+/**
+ * Card Documentation Sample Props
+ */
+
+import type { SampleProps } from '@idealyst/tooling';
+
+export const sampleProps: SampleProps = {
+  children: 'Card content goes here',
+};

package/src/Checkbox/docs.ts

@@ -0,0 +1,17 @@
+/**
+ * Checkbox Documentation Sample Props
+ */
+
+import type { SampleProps } from '@idealyst/tooling';
+
+export const sampleProps: SampleProps = {
+  props: {
+    label: 'Check me',
+  },
+  state: {
+    checked: {
+      initial: false,
+      onChangeProp: 'onCheckedChange',
+    },
+  },
+};

package/src/Chip/docs.ts

@@ -0,0 +1,11 @@
+/**
+ * Chip Documentation Sample Props
+ */
+
+import type { SampleProps } from '@idealyst/tooling';
+
+export const sampleProps: SampleProps = {
+  props: {
+    label: 'Chip Label',
+  },
+};

package/src/Dialog/docs.ts

@@ -0,0 +1,18 @@
+/**
+ * Dialog Documentation Sample Props
+ */
+
+import type { SampleProps } from '@idealyst/tooling';
+
+export const sampleProps: SampleProps = {
+  props: {
+    title: 'Dialog Title',
+  },
+  children: 'Dialog content goes here. Click the X or backdrop to close.',
+  state: {
+    open: {
+      initial: true,
+      onChangeProp: 'onOpenChange',
+    },
+  },
+};

package/src/Divider/docs.ts

@@ -0,0 +1,9 @@
+/**
+ * Divider Documentation Sample Props
+ */
+
+import type { SampleProps } from '@idealyst/tooling';
+
+export const sampleProps: SampleProps = {
+  // Divider needs no props to render
+};

package/src/Icon/docs.ts

@@ -0,0 +1,11 @@
+/**
+ * Icon Documentation Sample Props
+ */
+
+import type { SampleProps } from '@idealyst/tooling';
+
+export const sampleProps: SampleProps = {
+  props: {
+    name: 'home',
+  },
+};

package/src/Image/docs.ts

@@ -0,0 +1,13 @@
+/**
+ * Image Documentation Sample Props
+ */
+
+import type { SampleProps } from '@idealyst/tooling';
+
+export const sampleProps: SampleProps = {
+  props: {
+    source: { uri: 'https://picsum.photos/200/150' },
+    width: 200,
+    height: 150,
+  },
+};

package/src/Input/docs.ts

@@ -0,0 +1,17 @@
+/**
+ * Input Documentation Sample Props
+ */
+
+import type { SampleProps } from '@idealyst/tooling';
+
+export const sampleProps: SampleProps = {
+  props: {
+    placeholder: 'Enter text...',
+  },
+  state: {
+    value: {
+      initial: '',
+      onChangeProp: 'onChangeText',
+    },
+  },
+};

package/src/Link/docs.ts

@@ -0,0 +1,12 @@
+/**
+ * Link Documentation Sample Props
+ */
+
+import type { SampleProps } from '@idealyst/tooling';
+
+export const sampleProps: SampleProps = {
+  props: {
+    href: '#',
+  },
+  children: 'Click this link',
+};

package/src/List/docs.ts

@@ -0,0 +1,9 @@
+/**
+ * List Documentation Sample Props
+ */
+
+import type { SampleProps } from '@idealyst/tooling';
+
+export const sampleProps: SampleProps = {
+  children: 'List items go here',
+};

package/src/Menu/docs.ts

@@ -0,0 +1,16 @@
+/**
+ * Menu Documentation Sample Props
+ */
+
+import type { SampleProps } from '@idealyst/tooling';
+
+export const sampleProps: SampleProps = {
+  props: {
+    items: [
+      { id: '1', label: 'Edit' },
+      { id: '2', label: 'Duplicate' },
+      { id: '3', label: 'Delete', intent: 'error' },
+    ],
+  },
+  children: 'Click for menu',
+};

package/src/Popover/docs.ts

@@ -0,0 +1,12 @@
+/**
+ * Popover Documentation Sample Props
+ */
+
+import type { SampleProps } from '@idealyst/tooling';
+
+export const sampleProps: SampleProps = {
+  props: {
+    open: false,
+  },
+  children: 'Popover content',
+};

package/src/Pressable/docs.ts

@@ -0,0 +1,9 @@
+/**
+ * Pressable Documentation Sample Props
+ */
+
+import type { SampleProps } from '@idealyst/tooling';
+
+export const sampleProps: SampleProps = {
+  children: 'Press me',
+};

package/src/Progress/docs.ts

@@ -0,0 +1,11 @@
+/**
+ * Progress Documentation Sample Props
+ */
+
+import type { SampleProps } from '@idealyst/tooling';
+
+export const sampleProps: SampleProps = {
+  props: {
+    value: 65,
+  },
+};

package/src/RadioButton/docs.ts

@@ -0,0 +1,19 @@
+/**
+ * RadioButton Documentation Sample Props
+ */
+
+import type { SampleProps } from '@idealyst/tooling';
+
+export const sampleProps: SampleProps = {
+  props: {
+    value: 'option1',
+    label: 'Option 1',
+  },
+  state: {
+    checked: {
+      initial: false,
+      onChangeProp: 'onPress',
+      toggle: true,
+    },
+  },
+};

package/src/SVGImage/docs.ts

@@ -0,0 +1,13 @@
+/**
+ * SVGImage Documentation Sample Props
+ */
+
+import type { SampleProps } from '@idealyst/tooling';
+
+export const sampleProps: SampleProps = {
+  props: {
+    source: '<svg viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="currentColor"/></svg>',
+    width: 50,
+    height: 50,
+  },
+};

package/src/Screen/docs.ts

@@ -0,0 +1,9 @@
+/**
+ * Screen Documentation Sample Props
+ */
+
+import type { SampleProps } from '@idealyst/tooling';
+
+export const sampleProps: SampleProps = {
+  children: 'Screen content',
+};

package/src/Select/docs.ts

@@ -0,0 +1,22 @@
+/**
+ * Select Documentation Sample Props
+ */
+
+import type { SampleProps } from '@idealyst/tooling';
+
+export const sampleProps: SampleProps = {
+  props: {
+    options: [
+      { value: 'opt1', label: 'Option 1' },
+      { value: 'opt2', label: 'Option 2' },
+      { value: 'opt3', label: 'Option 3' },
+    ],
+    placeholder: 'Select an option',
+  },
+  state: {
+    value: {
+      initial: '',
+      onChangeProp: 'onValueChange',
+    },
+  },
+};

package/src/Skeleton/docs.ts

@@ -0,0 +1,12 @@
+/**
+ * Skeleton Documentation Sample Props
+ */
+
+import type { SampleProps } from '@idealyst/tooling';
+
+export const sampleProps: SampleProps = {
+  props: {
+    width: 200,
+    height: 20,
+  },
+};

package/src/Slider/docs.ts

@@ -0,0 +1,15 @@
+/**
+ * Slider Documentation Sample Props
+ */
+
+import type { SampleProps } from '@idealyst/tooling';
+
+export const sampleProps: SampleProps = {
+  props: {},
+  state: {
+    value: {
+      initial: 50,
+      onChangeProp: 'onValueChange',
+    },
+  },
+};

package/src/Switch/docs.ts

@@ -0,0 +1,15 @@
+/**
+ * Switch Documentation Sample Props
+ */
+
+import type { SampleProps } from '@idealyst/tooling';
+
+export const sampleProps: SampleProps = {
+  props: {},
+  state: {
+    checked: {
+      initial: false,
+      onChangeProp: 'onCheckedChange',
+    },
+  },
+};

package/src/TabBar/docs.ts

@@ -0,0 +1,16 @@
+/**
+ * TabBar Documentation Sample Props
+ */
+
+import type { SampleProps } from '@idealyst/tooling';
+
+export const sampleProps: SampleProps = {
+  props: {
+    items: [
+      { value: 'tab1', label: 'Tab 1' },
+      { value: 'tab2', label: 'Tab 2' },
+      { value: 'tab3', label: 'Tab 3' },
+    ],
+    defaultValue: 'tab1',
+  },
+};

package/src/Table/docs.ts

@@ -0,0 +1,20 @@
+/**
+ * Table Documentation Sample Props
+ */
+
+import type { SampleProps } from '@idealyst/tooling';
+
+export const sampleProps: SampleProps = {
+  props: {
+    columns: [
+      { key: 'name', title: 'Name', dataIndex: 'name' },
+      { key: 'role', title: 'Role', dataIndex: 'role' },
+      { key: 'status', title: 'Status', dataIndex: 'status' },
+    ],
+    data: [
+      { name: 'Alice', role: 'Developer', status: 'Active' },
+      { name: 'Bob', role: 'Designer', status: 'Active' },
+      { name: 'Charlie', role: 'Manager', status: 'Away' },
+    ],
+  },
+};

package/src/Text/docs.ts

@@ -0,0 +1,9 @@
+/**
+ * Text Documentation Sample Props
+ */
+
+import type { SampleProps } from '@idealyst/tooling';
+
+export const sampleProps: SampleProps = {
+  children: 'Sample text content',
+};

package/src/TextArea/docs.ts

@@ -0,0 +1,18 @@
+/**
+ * TextArea Documentation Sample Props
+ */
+
+import type { SampleProps } from '@idealyst/tooling';
+
+export const sampleProps: SampleProps = {
+  props: {
+    placeholder: 'Enter text...',
+    rows: 3,
+  },
+  state: {
+    value: {
+      initial: '',
+      onChangeProp: 'onChange',
+    },
+  },
+};

package/src/Tooltip/docs.ts

@@ -0,0 +1,12 @@
+/**
+ * Tooltip Documentation Sample Props
+ */
+
+import type { SampleProps } from '@idealyst/tooling';
+
+export const sampleProps: SampleProps = {
+  props: {
+    content: 'Tooltip text',
+  },
+  children: 'Hover me',
+};

package/src/Video/docs.ts

@@ -0,0 +1,14 @@
+/**
+ * Video Documentation Sample Props
+ */
+
+import type { SampleProps } from '@idealyst/tooling';
+
+export const sampleProps: SampleProps = {
+  props: {
+    source: 'https://www.w3schools.com/html/mov_bbb.mp4',
+    width: 320,
+    height: 180,
+    controls: true,
+  },
+};

package/src/View/docs.ts

@@ -0,0 +1,9 @@
+/**
+ * View Documentation Sample Props
+ */
+
+import type { SampleProps } from '@idealyst/tooling';
+
+export const sampleProps: SampleProps = {
+  children: 'View content',
+};