@catalystsoftware/ui 1.0.2 → 1.0.5

package/dist/data/index.ts

@@ -0,0 +1,34 @@
+// Auto-generated index file
+// DO NOT EDIT MANUALLY
+export * from './bg-data';
+export * from './buttons-data';
+export * from './charts-data';
+export * from './chat-data';
+export * from './code-data';
+export * from './comboboxes-data';
+export * from './command-data';
+export * from './core-data';
+export * from './crm-data';
+export * from './date-and-time-data';
+export * from './dependencies';
+export * from './ecommerce-data';
+export * from './forms-data';
+export * from './hooks-data';
+export * from './inputs-data';
+export * from './interactive-data';
+export * from './lofi-data';
+export * from './marketing-data';
+export * from './media-data';
+export * from './motion-data';
+export * from './overlay-data';
+export * from './pdf-data';
+export * from './pos-data';
+export * from './primitive-data';
+export * from './prompt-data';
+export * from './sidebars-data';
+export * from './stacks-data';
+export * from './table-data';
+export * from './tools-data';
+export * from './typography-data';
+export * from './utils-data';
+export * from './x-data';

package/dist/data/inputs-data.tsx

@@ -0,0 +1,557 @@
+export const inputs = [
+    {
+        name: "dynamic-todo",
+        value: "dynamic-todo",
+        url: "",
+        description: "",
+        features: [],
+        category: 'Blocks',
+        tags: ["blocks"],
+        desc: null,
+        files: {
+            "dynamic-todo": "/components/catalyst-ui/blocks/dynamic-todo/dynamic-todo.tsx",
+            "docs": "/components/catalyst-ui/blocks/dynamic-todo/docs.md",
+        }
+    },
+    {
+        name: "Phone Icon Number Input",
+        value: "phone-icon-number-input",
+        path: "/components/catalyst-ui/inputs/phone-icon-number-input.tsx",
+        files: {
+            "phone-icon-number-input": "/components/catalyst-ui/inputs/phone-icon-number-input.tsx",
+        },
+        premium: true,
+        category: "Inputs",
+        tags: ["phone", "icon", "input"],
+        features: ["Responsive", "TypeScript", "Phone Validation"],
+        dependencies: ["react", "lucide-react"],
+        desc: "Phone number input with phone icon",
+        status: "Listed",
+        lastUpdated: "2024-12-30"
+    },
+    {
+        name: "Action Searchbar",
+        value: "action-searchbar",
+        path: "/components/catalyst-ui/inputs/action-searchbar.tsx",
+        files: {
+            "action-searchbar": "/components/catalyst-ui/inputs/action-searchbar.tsx",
+        },
+        premium: true,
+        category: "Inputs",
+        tags: ["search", "input", "actions", "ui"],
+        features: ["Responsive", "TypeScript", "Accessible"],
+        dependencies: ["react"],
+        desc: "A searchbar component with integrated action buttons",
+        status: "Listed",
+        lastUpdated: "2025-12-01"
+    },
+    {
+        name: "Cvc Code Input",
+        value: "cvc-code-input",
+        path: "/components/catalyst-ui/inputs/cvc-code-input.tsx",
+        files: {
+            "cvc-code-input": "/components/catalyst-ui/inputs/cvc-code-input.tsx",
+        },
+        premium: true,
+        category: "Inputs",
+        tags: ["input", "cvc", "credit-card", "payment"],
+        features: ["Responsive", "TypeScript", "Accessible"],
+        dependencies: ["react"],
+        desc: "A CVC code input field for credit card forms",
+        status: "Listed",
+        lastUpdated: "2025-12-01"
+    },
+    {
+        name: "Email Address Input",
+        value: "email-address-input",
+        path: "/components/catalyst-ui/inputs/email-address-input.tsx",
+        files: {
+            "email-address-input": "/components/catalyst-ui/inputs/email-address-input.tsx",
+        },
+        premium: true,
+        category: "Inputs",
+        tags: ["input", "email", "form", "validation"],
+        features: ["Responsive", "TypeScript", "Accessible"],
+        dependencies: ["react"],
+        desc: "An email address input field with validation",
+        status: "Listed",
+        lastUpdated: "2025-12-01"
+    },
+    {
+        name: "Number Input With Chevrons",
+        value: "number-input-with-chevrons",
+        path: "/components/catalyst-ui/inputs/number-input-with-chevrons.tsx",
+        files: {
+            "number-input-with-chevrons": "/components/catalyst-ui/inputs/number-input-with-chevrons.tsx",
+        },
+        premium: true,
+        category: "Inputs",
+        tags: ["number", "input", "chevrons"],
+        features: ["Responsive", "TypeScript", "Increment/Decrement"],
+        dependencies: ["react", "lucide-react"],
+        desc: "Number input with chevron controls for increment/decrement",
+        status: "Listed",
+        lastUpdated: "2024-12-30"
+    },
+    {
+        name: "Number Input With Plus Minus Buttons",
+        value: "number-input-with-plus-minus-buttons",
+        path: "/components/catalyst-ui/inputs/number-input-with-plus-minus-buttons.tsx",
+        files: {
+            "number-input-with-plus-minus-buttons": "/components/catalyst-ui/inputs/number-input-with-plus-minus-buttons.tsx",
+        },
+        premium: true,
+        category: "Inputs",
+        tags: ["number", "input", "buttons"],
+        features: ["Responsive", "TypeScript", "Increment/Decrement"],
+        dependencies: ["react"],
+        desc: "Number input with plus/minus buttons for value control",
+        status: "Listed",
+        lastUpdated: "2024-12-30"
+    },
+    {
+        name: "Placeholders And Vanish Input",
+        value: "placeholders-and-vanish-input",
+        path: "/components/catalyst-ui/inputs/placeholders-and-vanish-input.tsx",
+        files: {
+            "placeholders-and-vanish-input": "/components/catalyst-ui/inputs/placeholders-and-vanish-input.tsx",
+        },
+        premium: true,
+        category: "Inputs",
+        tags: ["placeholder", "vanish", "input"],
+        features: ["Responsive", "TypeScript", "Animated"],
+        dependencies: ["react"],
+        desc: "Input field with animated placeholders that vanish",
+        status: "Listed",
+        lastUpdated: "2024-12-30"
+    },
+    {
+        name: "Search Input With Kbd",
+        value: "search-input-with-kbd",
+        path: "/components/catalyst-ui/inputs/search-input-with-kbd.tsx",
+        files: {
+            "search-input-with-kbd": "/components/catalyst-ui/inputs/search-input-with-kbd.tsx",
+        },
+        premium: true,
+        category: "Inputs",
+        tags: ["search", "input", "keyboard"],
+        features: ["Responsive", "TypeScript", "Keyboard Shortcuts"],
+        dependencies: ["react"],
+        desc: "Search input with keyboard shortcut display",
+        status: "Listed",
+        lastUpdated: "2024-12-30"
+    },
+    {
+        name: "Search Input With Icon And Button",
+        value: "search-input-with-icon-and-button",
+        path: "/components/catalyst-ui/inputs/search-input-with-icon-and-button.tsx",
+        files: {
+            "search-input-with-icon-and-button": "/components/catalyst-ui/inputs/search-input-with-icon-and-button.tsx",
+        },
+        premium: true,
+        category: "Inputs",
+        tags: ["search", "input", "icon"],
+        features: ["Responsive", "TypeScript", "Accessible"],
+        dependencies: ["react", "lucide-react"],
+        desc: "Search input with icon and search button",
+        status: "Listed",
+        lastUpdated: "2024-12-30"
+    },
+    {
+        name: "Search Input With Loader",
+        value: "search-input-with-loader",
+        path: "/components/catalyst-ui/inputs/search-input-with-loader.tsx",
+        files: {
+            "search-input-with-loader": "/components/catalyst-ui/inputs/search-input-with-loader.tsx",
+        },
+        premium: true,
+        category: "Inputs",
+        tags: ["search", "input", "loading"],
+        features: ["Responsive", "TypeScript", "Loading State"],
+        dependencies: ["react"],
+        desc: "Search input with loading indicator",
+        status: "Listed",
+        lastUpdated: "2024-12-30"
+    },
+    {
+        name: "Time Input",
+        value: "time-input",
+        path: "/components/catalyst-ui/inputs/time-input.tsx",
+        files: {
+            "time-input": "/components/catalyst-ui/inputs/time-input.tsx",
+        },
+        premium: true,
+        category: "Inputs",
+        tags: ["time", "input", "clock"],
+        features: ["Responsive", "TypeScript", "Time Validation"],
+        dependencies: ["react"],
+        desc: "Input component for time selection",
+        status: "Listed",
+        lastUpdated: "2024-12-30"
+    },
+    {
+        name: "Time Input With End Icon",
+        value: "time-input-with-end-icon",
+        path: "/components/catalyst-ui/inputs/time-input-with-end-icon.tsx",
+        files: {
+            "time-input-with-end-icon": "/components/catalyst-ui/inputs/time-input-with-end-icon.tsx",
+        },
+        premium: true,
+        category: "Inputs",
+        tags: ["time", "input", "icon"],
+        features: ["Responsive", "TypeScript", "Time Validation"],
+        dependencies: ["react", "lucide-react"],
+        desc: "Time input field with icon at the end",
+        status: "Listed",
+        lastUpdated: "2024-12-30"
+    },
+    {
+        name: "Time Input With Start Icon",
+        value: "time-input-with-start-icon",
+        path: "/components/catalyst-ui/inputs/time-input-with-start-icon.tsx",
+        files: {
+            "time-input-with-start-icon": "/components/catalyst-ui/inputs/time-input-with-start-icon.tsx",
+        },
+        premium: true,
+        category: "Inputs",
+        tags: ["time", "input", "icon"],
+        features: ["Responsive", "TypeScript", "Time Validation"],
+        dependencies: ["react", "lucide-react"],
+        desc: "Time input field with icon at the start",
+        status: "Listed",
+        lastUpdated: "2024-12-30"
+    },
+    {
+        name: "column-button-input-combo",
+        value: "column-button-input-combo",
+        url: "",
+        description: "",
+        features: [],
+        category: 'Form',
+        tags: ["blocks"],
+        desc: null,
+        files: {
+            "column-button-input-combo": "/components/catalyst-ui/inputs/column-button-input-combo.tsx",
+        }
+    },
+    {
+        name: "Autocomplete Input",
+        value: "autocomplete-input",
+        path: "/components/catalyst-ui/inputs/autocomplete-input.tsx",
+        files: {
+            "autocomplete-input": "/components/catalyst-ui/inputs/autocomplete-input.tsx",
+        },
+        premium: true,
+        category: "Inputs",
+        tags: ["input", "autocomplete", "search", "form"],
+        features: ["Responsive", "TypeScript", "Accessible"],
+        dependencies: ["react"],
+        desc: "An input field with autocomplete suggestions",
+        status: "Listed",
+        lastUpdated: "2025-12-01"
+    },
+    {
+        name: "Cc Input",
+        value: "cc-input",
+        path: "/components/catalyst-ui/inputs/cc-input.tsx",
+        files: {
+            "cc-input": "/components/catalyst-ui/inputs/cc-input.tsx",
+        },
+        premium: true,
+        category: "Inputs",
+        tags: ["input", "credit-card", "payment", "form"],
+        features: ["Responsive", "TypeScript", "Accessible"],
+        dependencies: ["react"],
+        desc: "A credit card number input field with formatting",
+        status: "Listed",
+        lastUpdated: "2025-12-01"
+    },
+    {
+        name: "Input With Characters Left",
+        value: "input-with-characters-left",
+        path: "/components/catalyst-ui/inputs/input-with-characters-left.tsx",
+        files: {
+            "input-with-characters-left": "/components/catalyst-ui/inputs/input-with-characters-left.tsx",
+        },
+        premium: true,
+        category: "Inputs",
+        tags: ["input", "character", "counter"],
+        features: ["Responsive", "TypeScript", "Character Counting"],
+        dependencies: ["react"],
+        desc: "Input field with character limit counter display",
+        status: "Listed",
+        lastUpdated: "2024-12-30"
+    },
+    {
+        name: "Input With End Add On",
+        value: "input-with-end-add-on",
+        path: "/components/catalyst-ui/inputs/input-with-end-add-on.tsx",
+        files: {
+            "input-with-end-add-on": "/components/catalyst-ui/inputs/input-with-end-add-on.tsx",
+        },
+        premium: true,
+        category: "Inputs",
+        tags: ["input", "addon", "form"],
+        features: ["Responsive", "TypeScript", "Accessible"],
+        dependencies: ["react"],
+        desc: "Input field with add-on element at the end",
+        status: "Listed",
+        lastUpdated: "2024-12-30"
+    },
+    {
+        name: "Input With End Button",
+        value: "input-with-end-button",
+        path: "/components/catalyst-ui/inputs/input-with-end-button.tsx",
+        files: {
+            "input-with-end-button": "/components/catalyst-ui/inputs/input-with-end-button.tsx",
+        },
+        premium: true,
+        category: "Inputs",
+        tags: ["input", "button", "form"],
+        features: ["Responsive", "TypeScript", "Interactive"],
+        dependencies: ["react"],
+        desc: "Input field with button positioned at the end",
+        status: "Listed",
+        lastUpdated: "2024-12-30"
+    },
+    {
+        name: "Input With End Icon Button",
+        value: "input-with-end-icon-button",
+        path: "/components/catalyst-ui/inputs/input-with-end-icon-button.tsx",
+        files: {
+            "input-with-end-icon-button": "/components/catalyst-ui/inputs/input-with-end-icon-button.tsx",
+        },
+        premium: true,
+        category: "Inputs",
+        tags: ["input", "icon", "button"],
+        features: ["Responsive", "TypeScript", "Interactive"],
+        dependencies: ["react", "lucide-react"],
+        desc: "Input field with icon button at the end",
+        status: "Listed",
+        lastUpdated: "2024-12-30"
+    },
+    {
+        name: "Input With End Inline Add On",
+        value: "input-with-end-inline-add-on",
+        path: "/components/catalyst-ui/inputs/input-with-end-inline-add-on.tsx",
+        files: {
+            "input-with-end-inline-add-on": "/components/catalyst-ui/inputs/input-with-end-inline-add-on.tsx",
+        },
+        premium: true,
+        category: "Inputs",
+        tags: ["input", "inline", "addon"],
+        features: ["Responsive", "TypeScript", "Accessible"],
+        dependencies: ["react"],
+        desc: "Input field with inline add-on at the end",
+        status: "Listed",
+        lastUpdated: "2024-12-30"
+    },
+    {
+        name: "Input With End Inline Button",
+        value: "input-with-end-inline-button",
+        path: "/components/catalyst-ui/inputs/input-with-end-inline-button.tsx",
+        files: {
+            "input-with-end-inline-button": "/components/catalyst-ui/inputs/input-with-end-inline-button.tsx",
+        },
+        premium: true,
+        category: "Inputs",
+        tags: ["input", "inline", "button"],
+        features: ["Responsive", "TypeScript", "Interactive"],
+        dependencies: ["react"],
+        desc: "Input field with inline button at the end",
+        status: "Listed",
+        lastUpdated: "2024-12-30"
+    },
+    {
+        name: "Input With End Select",
+        value: "input-with-end-select",
+        path: "/components/catalyst-ui/inputs/input-with-end-select.tsx",
+        files: {
+            "input-with-end-select": "/components/catalyst-ui/inputs/input-with-end-select.tsx",
+        },
+        premium: true,
+        category: "Inputs",
+        tags: ["input", "select", "form"],
+        features: ["Responsive", "TypeScript", "Accessible"],
+        dependencies: ["react"],
+        desc: "Input field with select dropdown at the end",
+        status: "Listed",
+        lastUpdated: "2024-12-30"
+    },
+    {
+        name: "Input With Inline Add Ons",
+        value: "input-with-inline-add-ons",
+        path: "/components/catalyst-ui/inputs/input-with-inline-add-ons.tsx",
+        files: {
+            "input-with-inline-add-ons": "/components/catalyst-ui/inputs/input-with-inline-add-ons.tsx",
+        },
+        premium: true,
+        category: "Inputs",
+        tags: ["input", "inline", "addon"],
+        features: ["Responsive", "TypeScript", "Accessible"],
+        dependencies: ["react"],
+        desc: "Input field with multiple inline add-ons",
+        status: "Listed",
+        lastUpdated: "2024-12-30"
+    },
+    {
+        name: "Input With Inline Start And End Add On",
+        value: "input-with-inline-start-and-end-add-on",
+        path: "/components/catalyst-ui/inputs/input-with-inline-start-and-end-add-on.tsx",
+        files: {
+            "input-with-inline-start-and-end-add-on": "/components/catalyst-ui/inputs/input-with-inline-start-and-end-add-on.tsx",
+        },
+        premium: true,
+        category: "Inputs",
+        tags: ["input", "inline", "addon"],
+        features: ["Responsive", "TypeScript", "Accessible"],
+        dependencies: ["react"],
+        desc: "Input field with add-ons at both start and end positions",
+        status: "Listed",
+        lastUpdated: "2024-12-30"
+    },
+    {
+        name: "Input With Inner Tags",
+        value: "input-with-inner-tags",
+        path: "/components/catalyst-ui/inputs/input-with-inner-tags.tsx",
+        files: {
+            "input-with-inner-tags": "/components/catalyst-ui/inputs/input-with-inner-tags.tsx",
+        },
+        premium: true,
+        category: "Inputs",
+        tags: ["input", "tags", "chips"],
+        features: ["Responsive", "TypeScript", "Interactive"],
+        dependencies: ["react"],
+        desc: "Input field with tags displayed inside the input area",
+        status: "Listed",
+        lastUpdated: "2024-12-30"
+    },
+    {
+        name: "Input With Inset Label",
+        value: "input-with-inset-label",
+        path: "/components/catalyst-ui/inputs/input-with-inset-label.tsx",
+        files: {
+            "input-with-inset-label": "/components/catalyst-ui/inputs/input-with-inset-label.tsx",
+        },
+        premium: true,
+        category: "Inputs",
+        tags: ["input", "label", "form"],
+        features: ["Responsive", "TypeScript", "Accessible"],
+        dependencies: ["react"],
+        desc: "Input field with label positioned inside the border",
+        status: "Listed",
+        lastUpdated: "2024-12-30"
+    },
+    {
+        name: "Input With Mask",
+        value: "input-with-mask",
+        path: "/components/catalyst-ui/inputs/input-with-mask.tsx",
+        files: {
+            "input-with-mask": "/components/catalyst-ui/inputs/input-with-mask.tsx",
+        },
+        premium: true,
+        category: "Inputs",
+        tags: ["input", "mask", "validation"],
+        features: ["Responsive", "TypeScript", "Input Masking"],
+        dependencies: ["react"],
+        desc: "Input field with mask for formatted input like phone numbers",
+        status: "Listed",
+        lastUpdated: "2024-12-30"
+    },
+    {
+        name: "Input With Password Strength Indicator",
+        value: "input-with-password-strength-indicator",
+        path: "/components/catalyst-ui/inputs/input-with-password-strength-indicator.tsx",
+        files: {
+            "input-with-password-strength-indicator": "/components/catalyst-ui/inputs/input-with-password-strength-indicator.tsx",
+        },
+        premium: true,
+        category: "Inputs",
+        tags: ["input", "password", "security"],
+        features: ["Responsive", "TypeScript", "Password Validation"],
+        dependencies: ["react"],
+        desc: "Password input field with strength indicator",
+        status: "Listed",
+        lastUpdated: "2024-12-30"
+    },
+    {
+        name: "Input With Start Add On",
+        value: "input-with-start-add-on",
+        path: "/components/catalyst-ui/inputs/input-with-start-add-on.tsx",
+        files: {
+            "input-with-start-add-on": "/components/catalyst-ui/inputs/input-with-start-add-on.tsx",
+        },
+        premium: true,
+        category: "Inputs",
+        tags: ["input", "addon", "form"],
+        features: ["Responsive", "TypeScript", "Accessible"],
+        dependencies: ["react"],
+        desc: "Input field with add-on element at the start",
+        status: "Listed",
+        lastUpdated: "2024-12-30"
+    },
+    {
+        name: "Input With Start Inline Add On",
+        value: "input-with-start-inline-add-on",
+        path: "/components/catalyst-ui/inputs/input-with-start-inline-add-on.tsx",
+        files: {
+            "input-with-start-inline-add-on": "/components/catalyst-ui/inputs/input-with-start-inline-add-on.tsx",
+        },
+        premium: true,
+        category: "Inputs",
+        tags: ["input", "inline", "addon"],
+        features: ["Responsive", "TypeScript", "Accessible"],
+        dependencies: ["react"],
+        desc: "Input field with inline add-on at the start",
+        status: "Listed",
+        lastUpdated: "2024-12-30"
+    },
+    {
+        name: "Input With Start Select",
+        value: "input-with-start-select",
+        path: "/components/catalyst-ui/inputs/input-with-start-select.tsx",
+        files: {
+            "input-with-start-select": "/components/catalyst-ui/inputs/input-with-start-select.tsx",
+        },
+        premium: true,
+        category: "Inputs",
+        tags: ["input", "select", "form"],
+        features: ["Responsive", "TypeScript", "Accessible"],
+        dependencies: ["react"],
+        desc: "Input field with select dropdown at the start",
+        status: "Listed",
+        lastUpdated: "2024-12-30"
+    },
+    {
+        name: "Input With Tags",
+        value: "input-with-tags",
+        path: "/components/catalyst-ui/inputs/input-with-tags.tsx",
+        files: {
+            "input-with-tags": "/components/catalyst-ui/inputs/input-with-tags.tsx",
+        },
+        premium: true,
+        category: "Inputs",
+        tags: ["input", "tags", "chips"],
+        features: ["Responsive", "TypeScript", "Interactive"],
+        dependencies: ["react"],
+        desc: "Input field for adding and managing tags",
+        status: "Listed",
+        lastUpdated: "2024-12-30"
+    },
+    {
+        name: "motions-input",
+        value: "motions-input",
+        path: "/components/catalyst-ui/inputs/inputs-input.tsx",
+        files: {
+            "input": "/components/catalyst-ui/inputs/motions-input.tsx",
+        },
+        premium: true,
+        category: "Inputs",
+        tags: ["input", "form", "text"],
+        features: ["Responsive", "TypeScript", "Accessible"],
+        dependencies: ["react"],
+        desc: "Base input component with standard styling and functionality",
+        status: "Listed",
+        lastUpdated: "2024-12-30"
+    },
+];