kynjal-cli 2.0.6

package/dist/registry/action-sheet.js

@@ -0,0 +1,164 @@
+// docs/registry/action-sheet.ts
+// Registry configuration for action sheet component and demo
+export const actionSheetRegistry = {
+    // Main action sheet component
+    'action-sheet': {
+        name: 'action-sheet',
+        description: 'A native-feeling action sheet component that provides a menu of options triggered from the bottom of the screen.',
+        type: 'registry:ui',
+        registryDependencies: ['text', 'view'],
+        hooks: ['useColor'],
+        theme: ['globals'],
+        files: [
+            {
+                type: 'registry:ui',
+                path: 'templates/components/ui/action-sheet.tsx',
+                target: 'components/ui/action-sheet.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_06-29-2025 06-18-08_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_06-29-2025 06-18-08_1.MP4',
+        },
+    },
+    // Default demo
+    'action-sheet-demo': {
+        name: 'action-sheet-demo',
+        description: 'A basic action sheet with multiple options',
+        type: 'registry:example',
+        registryDependencies: ['action-sheet', 'button'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/action-sheet/action-sheet-demo.tsx',
+                target: 'components/demo/action-sheet/action-sheet-demo.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_06-29-2025 06-18-08_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_06-29-2025 06-18-08_1.MP4',
+        },
+    },
+    // Icons example
+    'action-sheet-icons': {
+        name: 'action-sheet-icons',
+        description: 'An action sheet with icons next to each option',
+        type: 'registry:example',
+        registryDependencies: ['action-sheet', 'button', 'icon'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/action-sheet/action-sheet-icons.tsx',
+                target: 'components/demo/action-sheet/action-sheet-icons.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_06-29-2025 06-18-33_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_06-29-2025 06-18-33_1.MP4',
+        },
+    },
+    // Destructive example
+    'action-sheet-destructive': {
+        name: 'action-sheet-destructive',
+        description: 'An action sheet featuring destructive actions with appropriate styling',
+        type: 'registry:example',
+        registryDependencies: ['action-sheet', 'button', 'icon'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/action-sheet/action-sheet-destructive.tsx',
+                target: 'components/demo/action-sheet/action-sheet-destructive.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_06-29-2025 06-18-54_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_06-29-2025 06-18-54_1.MP4',
+        },
+    },
+    // Disabled example
+    'action-sheet-disabled': {
+        name: 'action-sheet-disabled',
+        description: 'An action sheet with some disabled options',
+        type: 'registry:example',
+        registryDependencies: ['action-sheet', 'button', 'icon'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/action-sheet/action-sheet-disabled.tsx',
+                target: 'components/demo/action-sheet/action-sheet-disabled.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_06-29-2025 06-19-14_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_06-29-2025 06-19-14_1.MP4',
+        },
+    },
+    // Custom styled example
+    'action-sheet-styled': {
+        name: 'action-sheet-styled',
+        description: 'An action sheet with custom styling and branding',
+        type: 'registry:example',
+        registryDependencies: ['action-sheet', 'button', 'icon'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/action-sheet/action-sheet-styled.tsx',
+                target: 'components/demo/action-sheet/action-sheet-styled.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_06-29-2025 06-19-45_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_06-29-2025 06-19-45_1.MP4',
+        },
+    },
+    // Long list example
+    'action-sheet-long': {
+        name: 'action-sheet-long',
+        description: 'An action sheet with many options that scrolls',
+        type: 'registry:example',
+        registryDependencies: ['action-sheet', 'button', 'icon'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/action-sheet/action-sheet-long.tsx',
+                target: 'components/demo/action-sheet/action-sheet-long.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_06-29-2025 06-20-08_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_06-29-2025 06-20-08_1.MP4',
+        },
+    },
+    // Hook usage example
+    'action-sheet-hook': {
+        name: 'action-sheet-hook',
+        description: 'Using the useActionSheet hook for easier management',
+        type: 'registry:example',
+        registryDependencies: ['action-sheet', 'button', 'view', 'icon'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/action-sheet/action-sheet-hook.tsx',
+                target: 'components/demo/action-sheet/action-sheet-hook.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_06-29-2025 06-20-29_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_06-29-2025 06-20-29_1.MP4',
+        },
+    },
+};

package/dist/registry/action-sheet.ts

@@ -0,0 +1,182 @@
+// docs/registry/action-sheet.ts
+// Registry configuration for action sheet component and demo
+
+export const actionSheetRegistry = {
+  // Main action sheet component
+  'action-sheet': {
+    name: 'action-sheet',
+    description:
+      'A native-feeling action sheet component that provides a menu of options triggered from the bottom of the screen.',
+    type: 'registry:ui',
+    registryDependencies: ['text', 'view'],
+    hooks: ['useColor'],
+    theme: ['globals'],
+    files: [
+      {
+        type: 'registry:ui',
+        path: 'templates/components/ui/action-sheet.tsx',
+        target: 'components/ui/action-sheet.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_06-29-2025 06-18-08_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_06-29-2025 06-18-08_1.MP4',
+    },
+  },
+
+  // Default demo
+  'action-sheet-demo': {
+    name: 'action-sheet-demo',
+    description: 'A basic action sheet with multiple options',
+    type: 'registry:example',
+    registryDependencies: ['action-sheet', 'button'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/action-sheet/action-sheet-demo.tsx',
+        target: 'components/demo/action-sheet/action-sheet-demo.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_06-29-2025 06-18-08_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_06-29-2025 06-18-08_1.MP4',
+    },
+  },
+
+  // Icons example
+  'action-sheet-icons': {
+    name: 'action-sheet-icons',
+    description: 'An action sheet with icons next to each option',
+    type: 'registry:example',
+    registryDependencies: ['action-sheet', 'button', 'icon'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/action-sheet/action-sheet-icons.tsx',
+        target: 'components/demo/action-sheet/action-sheet-icons.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_06-29-2025 06-18-33_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_06-29-2025 06-18-33_1.MP4',
+    },
+  },
+
+  // Destructive example
+  'action-sheet-destructive': {
+    name: 'action-sheet-destructive',
+    description:
+      'An action sheet featuring destructive actions with appropriate styling',
+    type: 'registry:example',
+    registryDependencies: ['action-sheet', 'button', 'icon'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/action-sheet/action-sheet-destructive.tsx',
+        target: 'components/demo/action-sheet/action-sheet-destructive.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_06-29-2025 06-18-54_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_06-29-2025 06-18-54_1.MP4',
+    },
+  },
+
+  // Disabled example
+  'action-sheet-disabled': {
+    name: 'action-sheet-disabled',
+    description: 'An action sheet with some disabled options',
+    type: 'registry:example',
+    registryDependencies: ['action-sheet', 'button', 'icon'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/action-sheet/action-sheet-disabled.tsx',
+        target: 'components/demo/action-sheet/action-sheet-disabled.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_06-29-2025 06-19-14_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_06-29-2025 06-19-14_1.MP4',
+    },
+  },
+
+  // Custom styled example
+  'action-sheet-styled': {
+    name: 'action-sheet-styled',
+    description: 'An action sheet with custom styling and branding',
+    type: 'registry:example',
+    registryDependencies: ['action-sheet', 'button', 'icon'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/action-sheet/action-sheet-styled.tsx',
+        target: 'components/demo/action-sheet/action-sheet-styled.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_06-29-2025 06-19-45_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_06-29-2025 06-19-45_1.MP4',
+    },
+  },
+
+  // Long list example
+  'action-sheet-long': {
+    name: 'action-sheet-long',
+    description: 'An action sheet with many options that scrolls',
+    type: 'registry:example',
+    registryDependencies: ['action-sheet', 'button', 'icon'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/action-sheet/action-sheet-long.tsx',
+        target: 'components/demo/action-sheet/action-sheet-long.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_06-29-2025 06-20-08_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_06-29-2025 06-20-08_1.MP4',
+    },
+  },
+
+  // Hook usage example
+  'action-sheet-hook': {
+    name: 'action-sheet-hook',
+    description: 'Using the useActionSheet hook for easier management',
+    type: 'registry:example',
+    registryDependencies: ['action-sheet', 'button', 'view', 'icon'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/action-sheet/action-sheet-hook.tsx',
+        target: 'components/demo/action-sheet/action-sheet-hook.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_06-29-2025 06-20-29_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_06-29-2025 06-20-29_1.MP4',
+    },
+  },
+};

package/dist/registry/alert-dialog.d.ts

@@ -0,0 +1,71 @@
+export declare const alertDialogRegistry: {
+    'alert-dialog': {
+        name: string;
+        description: string;
+        type: string;
+        dependencies: string[];
+        registryDependencies: string[];
+        hooks: never[];
+        theme: never[];
+        files: {
+            type: string;
+            path: string;
+            target: string;
+        }[];
+        preview: {
+            light: string;
+            dark: string;
+        };
+    };
+    'alert-dialog-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;
+        };
+    };
+    'alert-dialog-destructive': {
+        name: string;
+        description: string;
+        type: string;
+        registryDependencies: string[];
+        hooks: never[];
+        theme: never[];
+        files: {
+            type: string;
+            path: string;
+            target: string;
+        }[];
+        preview: {
+            light: string;
+            dark: string;
+        };
+    };
+    'alert-dialog-custom': {
+        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/alert-dialog.js

@@ -0,0 +1,88 @@
+// Registry configuration for alert-dialog component and demo
+export const alertDialogRegistry = {
+    // Main alert-dialog component
+    'alert-dialog': {
+        name: 'alert-dialog',
+        description: 'A modal dialog that interrupts the user with important content and expects a response.',
+        type: 'registry:ui',
+        dependencies: ['react-native-reanimated'],
+        registryDependencies: ['card', 'button', 'text', 'view'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:ui',
+                path: 'templates/components/ui/alert-dialog.tsx',
+                target: 'components/ui/alert-dialog.tsx',
+            },
+        ],
+        preview: {
+            // todo: prepare preview videos
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_09-05-2025 15-56-08_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_09-05-2025 15-56-08_1.MP4',
+        },
+    },
+    // Basic demo
+    'alert-dialog-demo': {
+        name: 'alert-dialog-demo',
+        description: 'A basic alert dialog with confirmation buttons',
+        type: 'registry:example',
+        registryDependencies: ['alert-dialog'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/alert-dialog/alert-dialog-demo.tsx',
+                target: 'components/demo/alert-dialog/alert-dialog-demo.tsx',
+            },
+        ],
+        preview: {
+            // todo: prepare preview videos
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_09-05-2025 15-56-08_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_09-05-2025 15-56-08_1.MP4',
+        },
+    },
+    // Destructive action demo
+    'alert-dialog-destructive': {
+        name: 'alert-dialog-destructive',
+        description: 'An alert dialog for destructive actions like delete',
+        type: 'registry:example',
+        registryDependencies: ['alert-dialog'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/alert-dialog/alert-dialog-destructive.tsx',
+                target: 'components/demo/alert-dialog/alert-dialog-destructive.tsx',
+            },
+        ],
+        preview: {
+            // todo: prepare preview videos
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_09-05-2025 15-56-47_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_09-05-2025 15-56-47_1.MP4',
+        },
+    },
+    // Custom styled demo
+    'alert-dialog-custom': {
+        name: 'alert-dialog-custom',
+        description: 'A custom styled alert dialog with different appearance',
+        type: 'registry:example',
+        registryDependencies: ['alert-dialog'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/alert-dialog/alert-dialog-custom.tsx',
+                target: 'components/demo/alert-dialog/alert-dialog-custom.tsx',
+            },
+        ],
+        preview: {
+            // todo: prepare preview videos
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/alert-dialog-custom.mov',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/alert-dialog-custom-dark.mov',
+        },
+    },
+};

package/dist/registry/alert-dialog.ts

@@ -0,0 +1,97 @@
+// Registry configuration for alert-dialog component and demo
+
+export const alertDialogRegistry = {
+  // Main alert-dialog component
+  'alert-dialog': {
+    name: 'alert-dialog',
+    description:
+      'A modal dialog that interrupts the user with important content and expects a response.',
+    type: 'registry:ui',
+    dependencies: ['react-native-reanimated'],
+    registryDependencies: ['card', 'button', 'text', 'view'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:ui',
+        path: 'templates/components/ui/alert-dialog.tsx',
+        target: 'components/ui/alert-dialog.tsx',
+      },
+    ],
+    preview: {
+      // todo: prepare preview videos
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_09-05-2025 15-56-08_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_09-05-2025 15-56-08_1.MP4',
+    },
+  },
+
+  // Basic demo
+  'alert-dialog-demo': {
+    name: 'alert-dialog-demo',
+    description: 'A basic alert dialog with confirmation buttons',
+    type: 'registry:example',
+    registryDependencies: ['alert-dialog'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/alert-dialog/alert-dialog-demo.tsx',
+        target: 'components/demo/alert-dialog/alert-dialog-demo.tsx',
+      },
+    ],
+    preview: {
+      // todo: prepare preview videos
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_09-05-2025 15-56-08_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_09-05-2025 15-56-08_1.MP4',
+    },
+  },
+
+  // Destructive action demo
+  'alert-dialog-destructive': {
+    name: 'alert-dialog-destructive',
+    description: 'An alert dialog for destructive actions like delete',
+    type: 'registry:example',
+    registryDependencies: ['alert-dialog'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/alert-dialog/alert-dialog-destructive.tsx',
+        target: 'components/demo/alert-dialog/alert-dialog-destructive.tsx',
+      },
+    ],
+    preview: {
+      // todo: prepare preview videos
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_09-05-2025 15-56-47_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_09-05-2025 15-56-47_1.MP4',
+    },
+  },
+
+  // Custom styled demo
+  'alert-dialog-custom': {
+    name: 'alert-dialog-custom',
+    description: 'A custom styled alert dialog with different appearance',
+    type: 'registry:example',
+    registryDependencies: ['alert-dialog'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/alert-dialog/alert-dialog-custom.tsx',
+        target: 'components/demo/alert-dialog/alert-dialog-custom.tsx',
+      },
+    ],
+    preview: {
+      // todo: prepare preview videos
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/alert-dialog-custom.mov',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/alert-dialog-custom-dark.mov',
+    },
+  },
+};