-
- );
-};
-
-export default EncryptedField;
diff --git a/frontend/src/components/ui/InlineInfo/InlineInfo.jsx b/frontend/src/components/ui/InlineInfo/InlineInfo.jsx
deleted file mode 100644
index 79a09a594d..0000000000
--- a/frontend/src/components/ui/InlineInfo/InlineInfo.jsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import * as React from 'react';
-import { cn } from '@/lib/utils';
-import { Alert, AlertTitle, AlertDescription } from '../Alert/Alert';
-
-// Icon color variants based on type
-const getIconColor = (type) => {
- switch (type) {
- case 'info':
- return 'tw-text-icon-brand';
- case 'warning':
- return 'tw-text-icon-warning';
- case 'danger':
- return 'tw-text-icon-danger';
- default:
- return 'tw-text-icon-brand';
- }
-};
-
-// Compound component that accepts title, icon, description, and button props
-const InlineInfoCompound = React.forwardRef(
- ({ className, type = 'info', background = 'none', title, icon: Icon, description, button, ...props }, ref) => (
-
-
- {children}
-
-
-
-
-
- 
- Encrypted
-
-
-
- Encrypted
-
-
-
- )}
-
- {title && {title} }
- {description && {description} }
- {button &&
- {button}
}
-
-
- );
-};
-
-// Individual Type Stories
-export const InfoVariants = () => (
-
-
-
- {types.map((type) => (
- InlineInfo Compound Component - All Variants
-- Showcasing all 12 variants from Figma design (3 types × 4 backgrounds) -
-
-
- ))}
- {type} Type
-
- {backgrounds.map((background) => (
-
-
-
- Action
-
- }
- />
-
- ))}
-
- {background.replace('-', ' ')} Background
-
-
-
-);
-
-export const WarningVariants = () => (
- Info Type Variants
-
- {['none', 'grey', 'white', 'state-specific'].map((background) => (
-
-
-
- Learn More
-
- }
- />
-
- ))}
-
- {background.replace('-', ' ')} Background
-
-
-
-);
-
-export const DangerVariants = () => (
- Warning Type Variants
-
- {['none', 'grey', 'white', 'state-specific'].map((background) => (
-
-
-
- Review
-
- }
- />
-
- ))}
-
- {background.replace('-', ' ')} Background
-
-
-
-);
-
-// Interactive Playground
-export const Playground = Template.bind({});
-Playground.args = {
- type: 'info',
- background: 'none',
- title: 'Custom Title',
- description: 'Custom description text goes here.',
- icon: Info,
- button: (
-
- ),
-};
diff --git a/frontend/src/components/ui/alert.jsx b/frontend/src/components/ui/alert.jsx
deleted file mode 100644
index 14e6248437..0000000000
--- a/frontend/src/components/ui/alert.jsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { Button, buttonVariants } from './InlineInfo/InlineInfo';
-
-export { Button, buttonVariants };
diff --git a/frontend/src/components/ui/button.jsx b/frontend/src/components/ui/button.jsx
deleted file mode 100644
index a6fffcd550..0000000000
--- a/frontend/src/components/ui/button.jsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { Button, buttonVariants } from './Button/Button';
-
-export { Button, buttonVariants };
diff --git a/frontend/src/components/ui/card.jsx b/frontend/src/components/ui/card.jsx
deleted file mode 100644
index 40c320166b..0000000000
--- a/frontend/src/components/ui/card.jsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent } from './Card/Index';
-
-export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };
diff --git a/frontend/src/components/ui/input.jsx b/frontend/src/components/ui/input.jsx
deleted file mode 100644
index 8282d6f277..0000000000
--- a/frontend/src/components/ui/input.jsx
+++ /dev/null
@@ -1,4 +0,0 @@
-import InputComponent from './Input/Index';
-import EditableTitleInput from './Input/EditableTitleInput/Index';
-
-export { InputComponent as Input, EditableTitleInput };
diff --git a/frontend/src/components/ui/label.jsx b/frontend/src/components/ui/label.jsx
deleted file mode 100644
index 25def6d8a2..0000000000
--- a/frontend/src/components/ui/label.jsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { Label } from './Label/Label';
-
-export { Label };
diff --git a/frontend/src/hooks/usePasswordInput.js b/frontend/src/hooks/usePasswordInput.js
deleted file mode 100644
index ede924ff1d..0000000000
--- a/frontend/src/hooks/usePasswordInput.js
+++ /dev/null
@@ -1,47 +0,0 @@
-import { useState, useEffect } from 'react';
-
-/**
- * Custom hook for password input functionality
- * @param {Object} options - Configuration options
- * @param {Function} options.onChange - Change handler function
- * @param {Function} options.validation - Validation function
- * @param {Object} options.isValidatedMessages - External validation messages
- * @param {boolean} options.disabled - Whether input is disabled
- * @returns {Object} Password input state and handlers
- */
-export const usePasswordInput = ({ onChange, validation, isValidatedMessages }) => {
- const [isValid, setIsValid] = useState(null);
- const [message, setMessage] = useState('');
-
- /**
- * Handle input change with validation
- * @param {Event} e - Input change event
- */
- const handleChange = (e) => {
- if (validation) {
- const validateObj = validation(e);
- setIsValid(validateObj.valid);
- setMessage(validateObj.message);
- onChange(e, validateObj);
- } else {
- onChange(e);
- }
- };
-
- // Update validation state when external validation messages change
- useEffect(() => {
- if (isValidatedMessages) {
- setIsValid(isValidatedMessages.valid);
- setMessage(isValidatedMessages.message);
- }
- }, [isValidatedMessages]);
-
- return {
- // State
- isValid,
- message,
-
- // Handlers
- handleChange,
- };
-};
Danger Type Variants
-
- {['none', 'grey', 'white', 'state-specific'].map((background) => (
-
-
-
- Retry
-
- }
- />
-
- ))}
-
- {background.replace('-', ' ')} Background
-
-