kynjal-cli 2.0.6

package/dist/registry/spinner.ts

@@ -0,0 +1,205 @@
+// Registry configuration for spinner component and demo
+
+export const spinnerRegistry = {
+  // Main spinner component
+  spinner: {
+    name: 'spinner',
+    description:
+      'A loading indicator component with multiple variants and customization options.',
+    type: 'registry:ui',
+    dependencies: ['lucide-react-native'],
+    registryDependencies: ['text'],
+    hooks: ['useColor'],
+    theme: ['globals'],
+    files: [
+      {
+        type: 'registry:ui',
+        path: 'templates/components/ui/spinner.tsx',
+        target: 'components/ui/spinner.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 10-46-27_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 10-46-27_1.MP4',
+    },
+  },
+
+  // Default demo
+  'spinner-demo': {
+    name: 'spinner-demo',
+    description: 'A basic spinner with default styling',
+    type: 'registry:example',
+    registryDependencies: ['spinner'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/spinner/spinner-demo.tsx',
+        target: 'components/demo/spinner/spinner-demo.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 10-46-27_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 10-46-27_1.MP4',
+    },
+  },
+
+  // Variants example
+  'spinner-variants': {
+    name: 'spinner-variants',
+    description:
+      'Different spinner variants: default, circle, dots, pulse, and bars',
+    type: 'registry:example',
+    registryDependencies: ['spinner', 'text', 'view'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/spinner/spinner-variants.tsx',
+        target: 'components/demo/spinner/spinner-variants.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 10-46-44_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 10-46-44_1.MP4',
+    },
+  },
+
+  // Sizes example
+  'spinner-sizes': {
+    name: 'spinner-sizes',
+    description: 'Spinners in different sizes: sm, default, lg, and icon',
+    type: 'registry:example',
+    registryDependencies: ['spinner', 'text', 'view'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/spinner/spinner-sizes.tsx',
+        target: 'components/demo/spinner/spinner-sizes.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 10-48-11_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 10-48-11_1.MP4',
+    },
+  },
+
+  // Labels example
+  'spinner-labels': {
+    name: 'spinner-labels',
+    description: 'Spinners with custom loading labels',
+    type: 'registry:example',
+    registryDependencies: ['spinner', 'view'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/spinner/spinner-labels.tsx',
+        target: 'components/demo/spinner/spinner-labels.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 10-48-31_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 10-48-31_1.MP4',
+    },
+  },
+
+  // Speeds example
+  'spinner-speeds': {
+    name: 'spinner-speeds',
+    description:
+      'Spinners with different animation speeds: slow, normal, and fast',
+    type: 'registry:example',
+    registryDependencies: ['spinner', 'text', 'view'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/spinner/spinner-speeds.tsx',
+        target: 'components/demo/spinner/spinner-speeds.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 10-48-46_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 10-48-46_1.MP4',
+    },
+  },
+
+  // Colors example
+  'spinner-colors': {
+    name: 'spinner-colors',
+    description: 'Spinners with custom colors and styling',
+    type: 'registry:example',
+    registryDependencies: ['spinner', 'text', 'view'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/spinner/spinner-colors.tsx',
+        target: 'components/demo/spinner/spinner-colors.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 10-49-03_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 10-49-03_1.MP4',
+    },
+  },
+
+  // Overlay example
+  'spinner-overlay': {
+    name: 'spinner-overlay',
+    description: 'Full-screen loading overlay with backdrop',
+    type: 'registry:example',
+    registryDependencies: ['spinner', 'button', 'view'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/spinner/spinner-overlay.tsx',
+        target: 'components/demo/spinner/spinner-overlay.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 10-49-33_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 10-49-33_1.MP4',
+    },
+  },
+
+  // Inline example
+  'spinner-inline': {
+    name: 'spinner-inline',
+    description: 'Small spinners for inline usage in buttons or text',
+    type: 'registry:example',
+    registryDependencies: ['spinner', 'text', 'view'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/spinner/spinner-inline.tsx',
+        target: 'components/demo/spinner/spinner-inline.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 10-49-18_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 10-49-18_1.MP4',
+    },
+  },
+};

package/dist/registry/switch.d.ts

@@ -0,0 +1,122 @@
+export declare const switchRegistry: {
+    switch: {
+        name: string;
+        description: string;
+        type: string;
+        dependencies: never[];
+        registryDependencies: string[];
+        hooks: string[];
+        theme: never[];
+        files: {
+            type: string;
+            path: string;
+            target: string;
+        }[];
+        preview: {
+            light: string;
+            dark: string;
+        };
+    };
+    'switch-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;
+        };
+    };
+    'switch-simple': {
+        name: string;
+        description: string;
+        type: string;
+        registryDependencies: string[];
+        hooks: never[];
+        theme: never[];
+        files: {
+            type: string;
+            path: string;
+            target: string;
+        }[];
+        preview: {
+            light: string;
+            dark: string;
+        };
+    };
+    'switch-error': {
+        name: string;
+        description: string;
+        type: string;
+        registryDependencies: string[];
+        hooks: never[];
+        theme: never[];
+        files: {
+            type: string;
+            path: string;
+            target: string;
+        }[];
+        preview: {
+            light: string;
+            dark: string;
+        };
+    };
+    'switch-disabled': {
+        name: string;
+        description: string;
+        type: string;
+        registryDependencies: string[];
+        hooks: never[];
+        theme: never[];
+        files: {
+            type: string;
+            path: string;
+            target: string;
+        }[];
+        preview: {
+            light: string;
+            dark: string;
+        };
+    };
+    'switch-settings': {
+        name: string;
+        description: string;
+        type: string;
+        registryDependencies: string[];
+        hooks: never[];
+        theme: never[];
+        files: {
+            type: string;
+            path: string;
+            target: string;
+        }[];
+        preview: {
+            light: string;
+            dark: string;
+        };
+    };
+    'switch-colors': {
+        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/switch.js

@@ -0,0 +1,139 @@
+// Registry configuration for switch component and demo
+export const switchRegistry = {
+    // Main switch component
+    switch: {
+        name: 'switch',
+        description: 'A control that allows the user to toggle between checked and not checked states.',
+        type: 'registry:ui',
+        dependencies: [],
+        registryDependencies: ['text', 'view'],
+        hooks: ['useColor'],
+        theme: [],
+        files: [
+            {
+                type: 'registry:ui',
+                path: 'templates/components/ui/switch.tsx',
+                target: 'components/ui/switch.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 11-02-14_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 11-02-14_1.MP4',
+        },
+    },
+    // Default demo
+    'switch-demo': {
+        name: 'switch-demo',
+        description: 'A basic switch with label',
+        type: 'registry:example',
+        registryDependencies: ['switch'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/switch/switch-demo.tsx',
+                target: 'components/demo/switch/switch-demo.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 11-02-14_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 11-02-14_1.MP4',
+        },
+    },
+    'switch-simple': {
+        name: 'switch-simple',
+        description: 'A switch without label text',
+        type: 'registry:example',
+        registryDependencies: ['switch', 'view'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/switch/switch-simple.tsx',
+                target: 'components/demo/switch/switch-simple.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 11-02-38_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 11-02-38_1.MP4',
+        },
+    },
+    'switch-error': {
+        name: 'switch-error',
+        description: 'Switch with error message and styling',
+        type: 'registry:example',
+        registryDependencies: ['switch', 'view'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/switch/switch-error.tsx',
+                target: 'components/demo/switch/switch-error.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 11-02-55_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 11-02-55_1.MP4',
+        },
+    },
+    'switch-disabled': {
+        name: 'switch-disabled',
+        description: 'Switches in disabled state',
+        type: 'registry:example',
+        registryDependencies: ['switch', 'view'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/switch/switch-disabled.tsx',
+                target: 'components/demo/switch/switch-disabled.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 11-03-13_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 11-03-13_1.MP4',
+        },
+    },
+    'switch-settings': {
+        name: 'switch-settings',
+        description: 'Multiple switches arranged in a settings list',
+        type: 'registry:example',
+        registryDependencies: ['switch', 'view'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/switch/switch-settings.tsx',
+                target: 'components/demo/switch/switch-settings.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 11-03-57_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 11-03-57_1.MP4',
+        },
+    },
+    'switch-colors': {
+        name: 'switch-colors',
+        description: 'Switches with custom colors and styling',
+        type: 'registry:example',
+        registryDependencies: ['switch', 'view'],
+        hooks: [],
+        theme: [],
+        files: [
+            {
+                type: 'registry:example',
+                path: 'templates/demo/switch/switch-colors.tsx',
+                target: 'components/demo/switch/switch-colors.tsx',
+            },
+        ],
+        preview: {
+            light: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 11-04-18_1.MP4',
+            dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 11-04-18_1.MP4',
+        },
+    },
+};

package/dist/registry/switch.ts

@@ -0,0 +1,154 @@
+// Registry configuration for switch component and demo
+
+export const switchRegistry = {
+  // Main switch component
+  switch: {
+    name: 'switch',
+    description:
+      'A control that allows the user to toggle between checked and not checked states.',
+    type: 'registry:ui',
+    dependencies: [],
+    registryDependencies: ['text', 'view'],
+    hooks: ['useColor'],
+    theme: [],
+    files: [
+      {
+        type: 'registry:ui',
+        path: 'templates/components/ui/switch.tsx',
+        target: 'components/ui/switch.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 11-02-14_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 11-02-14_1.MP4',
+    },
+  },
+
+  // Default demo
+  'switch-demo': {
+    name: 'switch-demo',
+    description: 'A basic switch with label',
+    type: 'registry:example',
+    registryDependencies: ['switch'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/switch/switch-demo.tsx',
+        target: 'components/demo/switch/switch-demo.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 11-02-14_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 11-02-14_1.MP4',
+    },
+  },
+
+  'switch-simple': {
+    name: 'switch-simple',
+    description: 'A switch without label text',
+    type: 'registry:example',
+    registryDependencies: ['switch', 'view'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/switch/switch-simple.tsx',
+        target: 'components/demo/switch/switch-simple.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 11-02-38_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 11-02-38_1.MP4',
+    },
+  },
+
+  'switch-error': {
+    name: 'switch-error',
+    description: 'Switch with error message and styling',
+    type: 'registry:example',
+    registryDependencies: ['switch', 'view'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/switch/switch-error.tsx',
+        target: 'components/demo/switch/switch-error.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 11-02-55_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 11-02-55_1.MP4',
+    },
+  },
+
+  'switch-disabled': {
+    name: 'switch-disabled',
+    description: 'Switches in disabled state',
+    type: 'registry:example',
+    registryDependencies: ['switch', 'view'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/switch/switch-disabled.tsx',
+        target: 'components/demo/switch/switch-disabled.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 11-03-13_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 11-03-13_1.MP4',
+    },
+  },
+
+  'switch-settings': {
+    name: 'switch-settings',
+    description: 'Multiple switches arranged in a settings list',
+    type: 'registry:example',
+    registryDependencies: ['switch', 'view'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/switch/switch-settings.tsx',
+        target: 'components/demo/switch/switch-settings.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 11-03-57_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 11-03-57_1.MP4',
+    },
+  },
+
+  'switch-colors': {
+    name: 'switch-colors',
+    description: 'Switches with custom colors and styling',
+    type: 'registry:example',
+    registryDependencies: ['switch', 'view'],
+    hooks: [],
+    theme: [],
+    files: [
+      {
+        type: 'registry:example',
+        path: 'templates/demo/switch/switch-colors.tsx',
+        target: 'components/demo/switch/switch-colors.tsx',
+      },
+    ],
+    preview: {
+      light:
+        'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 11-04-18_1.MP4',
+      dark: 'https://cdn.jsdelivr.net/gh/ahmedbna/bna-ui-demo/ScreenRecording_07-01-2025 11-04-18_1.MP4',
+    },
+  },
+};