kynjal-cli 2.0.6

package/dist/registry/popover.js

@@ -0,0 +1,164 @@
+// Registry configuration for popover component and demo
+export const popoverRegistry = {
+    // Main popover component
+    popover: {
+        name: 'popover',
+        description: 'A contextual overlay that displays rich content triggered by user interaction.',
+        type: 'registry:ui',
+        dependencies: ['react-native-reanimated'],
+        registryDependencies: ['button'],
+        hooks: ['useColor'],
+        theme: ['globals'],
+        files: [
+            {
+                type: 'registry:ui',
+                path: 'templates/components/ui/popover.tsx',
+                target: 'components/ui/popover.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-14-01_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-14-01_1.MP4',
+        },
+    },
+    // Default demo
+    'popover-demo': {
+        name: 'popover-demo',
+        description: 'A basic popover with trigger button and content',
+        type: 'registry:example',
+        registryDependencies: ['popover', 'button', 'text'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/popover/popover-demo.tsx',
+                target: 'components/demo/popover/popover-demo.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-14-01_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-14-01_1.MP4',
+        },
+    },
+    // Positioning example
+    'popover-positioning': {
+        name: 'popover-positioning',
+        description: 'Popovers positioned on different sides of the trigger',
+        type: 'registry:example',
+        registryDependencies: ['popover', 'button', 'text', 'view'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/popover/popover-positioning.tsx',
+                target: 'components/demo/popover/popover-positioning.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-17-57_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-17-57_1.MP4',
+        },
+    },
+    // Alignment example
+    'popover-alignment': {
+        name: 'popover-alignment',
+        description: 'Popovers with different alignment options',
+        type: 'registry:example',
+        registryDependencies: ['popover', 'button', 'text', 'view'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/popover/popover-alignment.tsx',
+                target: 'components/demo/popover/popover-alignment.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-18-41_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-18-41_1.MP4',
+        },
+    },
+    // Controlled example
+    'popover-controlled': {
+        name: 'popover-controlled',
+        description: 'A controlled popover with external state management',
+        type: 'registry:example',
+        registryDependencies: ['popover', 'button', 'text', 'view'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/popover/popover-controlled.tsx',
+                target: 'components/demo/popover/popover-controlled.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-19-23_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-19-23_1.MP4',
+        },
+    },
+    // Custom content example
+    'popover-custom': {
+        name: 'popover-custom',
+        description: 'Popovers with custom content and styling',
+        type: 'registry:example',
+        registryDependencies: ['popover', 'button', 'text', 'view'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/popover/popover-custom.tsx',
+                target: 'components/demo/popover/popover-custom.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-21-07_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-21-07_1.MP4',
+        },
+    },
+    // Form content example
+    'popover-form': {
+        name: 'popover-form',
+        description: 'A popover containing form elements',
+        type: 'registry:example',
+        registryDependencies: ['popover', 'button', 'text', 'view', 'input'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/popover/popover-form.tsx',
+                target: 'components/demo/popover/popover-form.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-21-50_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-21-50_1.MP4',
+        },
+    },
+    // Menu style example
+    'popover-menu': {
+        name: 'popover-menu',
+        description: 'A popover styled as a dropdown menu',
+        type: 'registry:example',
+        registryDependencies: ['popover', 'button', 'text', 'view'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/popover/popover-menu.tsx',
+                target: 'components/demo/popover/popover-menu.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-23-30_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-23-30_1.MP4',
+        },
+    },
+};

package/dist/registry/popover.ts

@@ -0,0 +1,181 @@
+// Registry configuration for popover component and demo
+
+export const popoverRegistry = {
+  // Main popover component
+  popover: {
+    name: 'popover',
+    description:
+      'A contextual overlay that displays rich content triggered by user interaction.',
+    type: 'registry:ui',
+    dependencies: ['react-native-reanimated'],
+    registryDependencies: ['button'],
+    hooks: ['useColor'],
+    theme: ['globals'],
+    files: [
+      {
+        type: 'registry:ui',
+        path: 'templates/components/ui/popover.tsx',
+        target: 'components/ui/popover.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-14-01_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-14-01_1.MP4',
+    },
+  },
+
+  // Default demo
+  'popover-demo': {
+    name: 'popover-demo',
+    description: 'A basic popover with trigger button and content',
+    type: 'registry:example',
+    registryDependencies: ['popover', 'button', 'text'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/popover/popover-demo.tsx',
+        target: 'components/demo/popover/popover-demo.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-14-01_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-14-01_1.MP4',
+    },
+  },
+
+  // Positioning example
+  'popover-positioning': {
+    name: 'popover-positioning',
+    description: 'Popovers positioned on different sides of the trigger',
+    type: 'registry:example',
+    registryDependencies: ['popover', 'button', 'text', 'view'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/popover/popover-positioning.tsx',
+        target: 'components/demo/popover/popover-positioning.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-17-57_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-17-57_1.MP4',
+    },
+  },
+
+  // Alignment example
+  'popover-alignment': {
+    name: 'popover-alignment',
+    description: 'Popovers with different alignment options',
+    type: 'registry:example',
+    registryDependencies: ['popover', 'button', 'text', 'view'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/popover/popover-alignment.tsx',
+        target: 'components/demo/popover/popover-alignment.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-18-41_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-18-41_1.MP4',
+    },
+  },
+
+  // Controlled example
+  'popover-controlled': {
+    name: 'popover-controlled',
+    description: 'A controlled popover with external state management',
+    type: 'registry:example',
+    registryDependencies: ['popover', 'button', 'text', 'view'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/popover/popover-controlled.tsx',
+        target: 'components/demo/popover/popover-controlled.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-19-23_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-19-23_1.MP4',
+    },
+  },
+
+  // Custom content example
+  'popover-custom': {
+    name: 'popover-custom',
+    description: 'Popovers with custom content and styling',
+    type: 'registry:example',
+    registryDependencies: ['popover', 'button', 'text', 'view'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/popover/popover-custom.tsx',
+        target: 'components/demo/popover/popover-custom.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-21-07_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-21-07_1.MP4',
+    },
+  },
+
+  // Form content example
+  'popover-form': {
+    name: 'popover-form',
+    description: 'A popover containing form elements',
+    type: 'registry:example',
+    registryDependencies: ['popover', 'button', 'text', 'view', 'input'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/popover/popover-form.tsx',
+        target: 'components/demo/popover/popover-form.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-21-50_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-21-50_1.MP4',
+    },
+  },
+
+  // Menu style example
+  'popover-menu': {
+    name: 'popover-menu',
+    description: 'A popover styled as a dropdown menu',
+    type: 'registry:example',
+    registryDependencies: ['popover', 'button', 'text', 'view'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/popover/popover-menu.tsx',
+        target: 'components/demo/popover/popover-menu.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-23-30_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-23-30_1.MP4',
+    },
+  },
+};

package/dist/registry/progress.d.ts

@@ -0,0 +1,139 @@
+export declare const progressRegistry: {
+    progress: {
+        name: string;
+        description: string;
+        type: string;
+        dependencies: string[];
+        registryDependencies: string[];
+        hooks: string[];
+        theme: string[];
+        files: {
+            type: string;
+            path: string;
+            target: string;
+        }[];
+        preview: {
+            light: string;
+            dark: string;
+        };
+    };
+    'progress-demo': {
+        name: string;
+        description: string;
+        type: string;
+        registryDependencies: string[];
+        hooks: never[];
+        theme: never[];
+        files: {
+            type: string;
+            path: string;
+            target: string;
+        }[];
+        preview: {
+            light: string;
+            dark: string;
+        };
+    };
+    'progress-interactive': {
+        name: string;
+        description: string;
+        type: string;
+        registryDependencies: string[];
+        hooks: never[];
+        theme: never[];
+        files: {
+            type: string;
+            path: string;
+            target: string;
+        }[];
+        preview: {
+            light: string;
+            dark: string;
+        };
+    };
+    'progress-heights': {
+        name: string;
+        description: string;
+        type: string;
+        registryDependencies: string[];
+        hooks: never[];
+        theme: never[];
+        files: {
+            type: string;
+            path: string;
+            target: string;
+        }[];
+        preview: {
+            light: string;
+            dark: string;
+        };
+    };
+    'progress-labels': {
+        name: string;
+        description: string;
+        type: string;
+        registryDependencies: string[];
+        hooks: never[];
+        theme: never[];
+        files: {
+            type: string;
+            path: string;
+            target: string;
+        }[];
+        preview: {
+            light: string;
+            dark: string;
+        };
+    };
+    'progress-animated': {
+        name: string;
+        description: string;
+        type: string;
+        registryDependencies: string[];
+        hooks: never[];
+        theme: never[];
+        files: {
+            type: string;
+            path: string;
+            target: string;
+        }[];
+        preview: {
+            light: string;
+            dark: string;
+        };
+    };
+    'progress-media': {
+        name: string;
+        description: string;
+        type: string;
+        registryDependencies: string[];
+        hooks: never[];
+        theme: never[];
+        files: {
+            type: string;
+            path: string;
+            target: string;
+        }[];
+        preview: {
+            light: string;
+            dark: string;
+        };
+    };
+    'progress-steps': {
+        name: string;
+        description: string;
+        type: string;
+        registryDependencies: string[];
+        hooks: never[];
+        theme: never[];
+        files: {
+            type: string;
+            path: string;
+            target: string;
+        }[];
+        preview: {
+            light: string;
+            dark: string;
+        };
+    };
+};

package/dist/registry/progress.js

@@ -0,0 +1,159 @@
+// Registry configuration for progress component and demo
+export const progressRegistry = {
+    // Main progress component
+    progress: {
+        name: 'progress',
+        description: 'A progress bar component to show completion status with optional interactivity.',
+        type: 'registry:ui',
+        dependencies: ['react-native-gesture-handler', 'react-native-reanimated'],
+        registryDependencies: ['view'],
+        hooks: ['useColor'],
+        theme: ['globals'],
+        files: [
+            {
+                type: 'registry:ui',
+                path: 'templates/components/ui/progress.tsx',
+                target: 'components/ui/progress.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/IMG_5657.PNG',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/IMG_5657.PNG',
+        },
+    },
+    // Default demo
+    'progress-demo': {
+        name: 'progress-demo',
+        description: 'A basic progress bar showing completion status',
+        type: 'registry:example',
+        registryDependencies: ['progress'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/progress/progress-demo.tsx',
+                target: 'components/demo/progress/progress-demo.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/IMG_5657.PNG',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/IMG_5657.PNG',
+        },
+    },
+    // Interactive example
+    'progress-interactive': {
+        name: 'progress-interactive',
+        description: 'An interactive progress bar that can be dragged or tapped',
+        type: 'registry:example',
+        registryDependencies: ['progress', 'text', 'view'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/progress/progress-interactive.tsx',
+                target: 'components/demo/progress/progress-interactive.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-38-30_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-38-30_1.MP4',
+        },
+    },
+    'progress-heights': {
+        name: 'progress-heights',
+        description: 'Progress bars with different heights',
+        type: 'registry:example',
+        registryDependencies: ['progress', 'text', 'view'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/progress/progress-heights.tsx',
+                target: 'components/demo/progress/progress-heights.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/IMG_5660.PNG',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/IMG_5660.PNG',
+        },
+    },
+    'progress-labels': {
+        name: 'progress-labels',
+        description: 'Progress bars with percentage labels and descriptions',
+        type: 'registry:example',
+        registryDependencies: ['progress', 'text', 'view'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/progress/progress-labels.tsx',
+                target: 'components/demo/progress/progress-labels.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/IMG_5661.PNG',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/IMG_5661.PNG',
+        },
+    },
+    'progress-animated': {
+        name: 'progress-animated',
+        description: 'Progress bars with smooth animations and transitions',
+        type: 'registry:example',
+        registryDependencies: ['progress', 'text', 'view'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/progress/progress-animated.tsx',
+                target: 'components/demo/progress/progress-animated.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-39-51_1.mov',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-39-51_1.mov',
+        },
+    },
+    'progress-media': {
+        name: 'progress-media',
+        description: 'Progress bars styled for media player controls',
+        type: 'registry:example',
+        registryDependencies: ['progress', 'text', 'view'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/progress/progress-media.tsx',
+                target: 'components/demo/progress/progress-media.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-40-29_1.mov',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-40-29_1.mov',
+        },
+    },
+    'progress-steps': {
+        name: 'progress-steps',
+        description: 'Multi-step progress indicators',
+        type: 'registry:example',
+        registryDependencies: ['progress', 'text', 'view'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/progress/progress-steps.tsx',
+                target: 'components/demo/progress/progress-steps.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-42-04_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 09-42-04_1.MP4',
+        },
+    },
+};