kynjal-cli 2.0.6

package/dist/registry/date-picker.d.ts

@@ -0,0 +1,156 @@
+export declare const datePickerRegistry: {
+    'date-picker': {
+        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;
+        };
+    };
+    'date-picker-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;
+        };
+    };
+    'date-picker-time': {
+        name: string;
+        description: string;
+        type: string;
+        registryDependencies: string[];
+        hooks: never[];
+        theme: never[];
+        files: {
+            type: string;
+            path: string;
+            target: string;
+        }[];
+        preview: {
+            light: string;
+            dark: string;
+        };
+    };
+    'date-picker-datetime': {
+        name: string;
+        description: string;
+        type: string;
+        registryDependencies: string[];
+        hooks: never[];
+        theme: never[];
+        files: {
+            type: string;
+            path: string;
+            target: string;
+        }[];
+        preview: {
+            light: string;
+            dark: string;
+        };
+    };
+    'date-picker-range': {
+        name: string;
+        description: string;
+        type: string;
+        registryDependencies: string[];
+        hooks: never[];
+        theme: never[];
+        files: {
+            type: string;
+            path: string;
+            target: string;
+        }[];
+        preview: {
+            light: string;
+            dark: string;
+        };
+    };
+    'date-picker-constraints': {
+        name: string;
+        description: string;
+        type: string;
+        registryDependencies: string[];
+        hooks: never[];
+        theme: never[];
+        files: {
+            type: string;
+            path: string;
+            target: string;
+        }[];
+        preview: {
+            light: string;
+            dark: string;
+        };
+    };
+    'date-picker-variants': {
+        name: string;
+        description: string;
+        type: string;
+        registryDependencies: string[];
+        hooks: never[];
+        theme: never[];
+        files: {
+            type: string;
+            path: string;
+            target: string;
+        }[];
+        preview: {
+            light: string;
+            dark: string;
+        };
+    };
+    'date-picker-formats': {
+        name: string;
+        description: string;
+        type: string;
+        registryDependencies: string[];
+        hooks: never[];
+        theme: never[];
+        files: {
+            type: string;
+            path: string;
+            target: string;
+        }[];
+        preview: {
+            light: string;
+            dark: string;
+        };
+    };
+    'date-picker-form': {
+        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/date-picker.js

@@ -0,0 +1,190 @@
+// Registry configuration for date-picker component and demo
+export const datePickerRegistry = {
+    // Main date-picker component
+    'date-picker': {
+        name: 'date-picker',
+        description: 'A customizable date and time picker component with bottom sheet UI.',
+        type: 'registry:ui',
+        dependencies: ['lucide-react-native'],
+        registryDependencies: [
+            'bottom-sheet',
+            'button',
+            'icon',
+            'scroll-view',
+            'text',
+            'view',
+        ],
+        hooks: ['useColor'],
+        theme: ['globals'],
+        files: [
+            {
+                type: 'registry:ui',
+                path: 'templates/components/ui/date-picker.tsx',
+                target: 'components/ui/date-picker.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-08-59_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-08-59_1.MP4',
+        },
+    },
+    // Default demo
+    'date-picker-demo': {
+        name: 'date-picker-demo',
+        description: 'A basic date picker with calendar view',
+        type: 'registry:example',
+        registryDependencies: ['date-picker'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/date-picker/date-picker-demo.tsx',
+                target: 'components/demo/date-picker/date-picker-demo.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-08-59_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-08-59_1.MP4',
+        },
+    },
+    // Time picker example
+    'date-picker-time': {
+        name: 'date-picker-time',
+        description: 'A time picker with hour and minute selection',
+        type: 'registry:example',
+        registryDependencies: ['date-picker', 'view'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/date-picker/date-picker-time.tsx',
+                target: 'components/demo/date-picker/date-picker-time.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-09-26_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-09-26_1.MP4',
+        },
+    },
+    // DateTime picker example
+    'date-picker-datetime': {
+        name: 'date-picker-datetime',
+        description: 'A combined date and time picker',
+        type: 'registry:example',
+        registryDependencies: ['date-picker'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/date-picker/date-picker-datetime.tsx',
+                target: 'components/demo/date-picker/date-picker-datetime.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-09-54_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-09-54_1.MP4',
+        },
+    },
+    'date-picker-range': {
+        name: 'date-picker-range',
+        description: 'A date range picker',
+        type: 'registry:example',
+        registryDependencies: ['date-picker'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/date-picker/date-picker-range.tsx',
+                target: 'components/demo/date-picker/date-picker-range.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-12-2025 21-16-09_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-12-2025 21-16-09_1.MP4',
+        },
+    },
+    // Constraints example
+    'date-picker-constraints': {
+        name: 'date-picker-constraints',
+        description: 'Date picker with minimum and maximum date limits',
+        type: 'registry:example',
+        registryDependencies: ['date-picker', 'view'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/date-picker/date-picker-constraints.tsx',
+                target: 'components/demo/date-picker/date-picker-constraints.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-10-11_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-10-11_1.MP4',
+        },
+    },
+    // Variants example
+    'date-picker-variants': {
+        name: 'date-picker-variants',
+        description: 'Date pickers with different styling variants',
+        type: 'registry:example',
+        registryDependencies: ['date-picker', 'view'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/date-picker/date-picker-variants.tsx',
+                target: 'components/demo/date-picker/date-picker-variants.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-11-51_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-11-51_1.MP4',
+        },
+    },
+    // Formats example
+    'date-picker-formats': {
+        name: 'date-picker-formats',
+        description: 'Time picker with 12-hour and 24-hour formats',
+        type: 'registry:example',
+        registryDependencies: ['date-picker', 'text', 'view'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/date-picker/date-picker-formats.tsx',
+                target: 'components/demo/date-picker/date-picker-formats.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-12-10_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-12-10_1.MP4',
+        },
+    },
+    // Form integration example
+    'date-picker-form': {
+        name: 'date-picker-form',
+        description: 'Date picker integrated within a form with validation',
+        type: 'registry:example',
+        registryDependencies: ['date-picker', 'button', 'text', 'view'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/date-picker/date-picker-form.tsx',
+                target: 'components/demo/date-picker/date-picker-form.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-13-34_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-13-34_1.MP4',
+        },
+    },
+};

package/dist/registry/date-picker.ts

@@ -0,0 +1,209 @@
+// Registry configuration for date-picker component and demo
+
+export const datePickerRegistry = {
+  // Main date-picker component
+  'date-picker': {
+    name: 'date-picker',
+    description:
+      'A customizable date and time picker component with bottom sheet UI.',
+    type: 'registry:ui',
+    dependencies: ['lucide-react-native'],
+    registryDependencies: [
+      'bottom-sheet',
+      'button',
+      'icon',
+      'scroll-view',
+      'text',
+      'view',
+    ],
+    hooks: ['useColor'],
+    theme: ['globals'],
+    files: [
+      {
+        type: 'registry:ui',
+        path: 'templates/components/ui/date-picker.tsx',
+        target: 'components/ui/date-picker.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-08-59_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-08-59_1.MP4',
+    },
+  },
+
+  // Default demo
+  'date-picker-demo': {
+    name: 'date-picker-demo',
+    description: 'A basic date picker with calendar view',
+    type: 'registry:example',
+    registryDependencies: ['date-picker'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/date-picker/date-picker-demo.tsx',
+        target: 'components/demo/date-picker/date-picker-demo.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-08-59_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-08-59_1.MP4',
+    },
+  },
+
+  // Time picker example
+  'date-picker-time': {
+    name: 'date-picker-time',
+    description: 'A time picker with hour and minute selection',
+    type: 'registry:example',
+    registryDependencies: ['date-picker', 'view'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/date-picker/date-picker-time.tsx',
+        target: 'components/demo/date-picker/date-picker-time.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-09-26_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-09-26_1.MP4',
+    },
+  },
+
+  // DateTime picker example
+  'date-picker-datetime': {
+    name: 'date-picker-datetime',
+    description: 'A combined date and time picker',
+    type: 'registry:example',
+    registryDependencies: ['date-picker'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/date-picker/date-picker-datetime.tsx',
+        target: 'components/demo/date-picker/date-picker-datetime.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-09-54_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-09-54_1.MP4',
+    },
+  },
+
+  'date-picker-range': {
+    name: 'date-picker-range',
+    description: 'A date range picker',
+    type: 'registry:example',
+    registryDependencies: ['date-picker'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/date-picker/date-picker-range.tsx',
+        target: 'components/demo/date-picker/date-picker-range.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-12-2025 21-16-09_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-12-2025 21-16-09_1.MP4',
+    },
+  },
+
+  // Constraints example
+  'date-picker-constraints': {
+    name: 'date-picker-constraints',
+    description: 'Date picker with minimum and maximum date limits',
+    type: 'registry:example',
+    registryDependencies: ['date-picker', 'view'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/date-picker/date-picker-constraints.tsx',
+        target: 'components/demo/date-picker/date-picker-constraints.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-10-11_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-10-11_1.MP4',
+    },
+  },
+
+  // Variants example
+  'date-picker-variants': {
+    name: 'date-picker-variants',
+    description: 'Date pickers with different styling variants',
+    type: 'registry:example',
+    registryDependencies: ['date-picker', 'view'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/date-picker/date-picker-variants.tsx',
+        target: 'components/demo/date-picker/date-picker-variants.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-11-51_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-11-51_1.MP4',
+    },
+  },
+
+  // Formats example
+  'date-picker-formats': {
+    name: 'date-picker-formats',
+    description: 'Time picker with 12-hour and 24-hour formats',
+    type: 'registry:example',
+    registryDependencies: ['date-picker', 'text', 'view'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/date-picker/date-picker-formats.tsx',
+        target: 'components/demo/date-picker/date-picker-formats.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-12-10_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-12-10_1.MP4',
+    },
+  },
+
+  // Form integration example
+  'date-picker-form': {
+    name: 'date-picker-form',
+    description: 'Date picker integrated within a form with validation',
+    type: 'registry:example',
+    registryDependencies: ['date-picker', 'button', 'text', 'view'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/date-picker/date-picker-form.tsx',
+        target: 'components/demo/date-picker/date-picker-form.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-13-34_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 01-13-34_1.MP4',
+    },
+  },
+};

package/dist/registry/file-picker.d.ts

@@ -0,0 +1,139 @@
+export declare const filePickerRegistry: {
+    'file-picker': {
+        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;
+        };
+    };
+    'file-picker-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;
+        };
+    };
+    'file-picker-images': {
+        name: string;
+        description: string;
+        type: string;
+        registryDependencies: string[];
+        hooks: never[];
+        theme: never[];
+        files: {
+            type: string;
+            path: string;
+            target: string;
+        }[];
+        preview: {
+            light: string;
+            dark: string;
+        };
+    };
+    'file-picker-single': {
+        name: string;
+        description: string;
+        type: string;
+        registryDependencies: string[];
+        hooks: never[];
+        theme: never[];
+        files: {
+            type: string;
+            path: string;
+            target: string;
+        }[];
+        preview: {
+            light: string;
+            dark: string;
+        };
+    };
+    'file-picker-validation': {
+        name: string;
+        description: string;
+        type: string;
+        registryDependencies: string[];
+        hooks: never[];
+        theme: never[];
+        files: {
+            type: string;
+            path: string;
+            target: string;
+        }[];
+        preview: {
+            light: string;
+            dark: string;
+        };
+    };
+    'file-picker-styled': {
+        name: string;
+        description: string;
+        type: string;
+        registryDependencies: string[];
+        hooks: never[];
+        theme: never[];
+        files: {
+            type: string;
+            path: string;
+            target: string;
+        }[];
+        preview: {
+            light: string;
+            dark: string;
+        };
+    };
+    'file-picker-controlled': {
+        name: string;
+        description: string;
+        type: string;
+        registryDependencies: string[];
+        hooks: never[];
+        theme: never[];
+        files: {
+            type: string;
+            path: string;
+            target: string;
+        }[];
+        preview: {
+            light: string;
+            dark: string;
+        };
+    };
+    'file-picker-info': {
+        name: string;
+        description: string;
+        type: string;
+        registryDependencies: string[];
+        hooks: never[];
+        theme: never[];
+        files: {
+            type: string;
+            path: string;
+            target: string;
+        }[];
+        preview: {
+            light: string;
+            dark: string;
+        };
+    };
+};