@base-framework/ui 1.2.25 → 1.2.26

package/dist/types/components/atoms/form/inputs/floating-inputs.d.ts

@@ -0,0 +1,84 @@
+/**
+ * A large input with an animated floating label.
+ * Designed for prominent forms: onboarding, login, settings, etc.
+ *
+ * The label sits inside the input as a placeholder and floats to the
+ * top-left corner when the input is focused or has a value.
+ *
+ * @param {object} props
+ * @param {string} props.label - Display text for the floating label.
+ * @param {string} [props.id] - Input ID (auto-generated if omitted).
+ * @param {string} [props.name] - Input name (used as fallback ID).
+ * @param {boolean} [props.required] - Appends a red asterisk to the label.
+ * @param {string} [props.type] - Input type (text, email, tel, etc.).
+ * @param {string} [props.bind] - Two-way data binding path.
+ * @param {string} [props.class] - Extra CSS classes for the input element.
+ * @returns {object} A container Div with the floating-label input.
+ */
+export const FloatingInput: (...args: any[]) => object;
+/**
+ * Floating label input for telephone numbers.
+ * Includes automatic formatting to (XXX) XXX-XXXX.
+ *
+ * @param {object} props
+ * @returns {object} A FloatingInput of type "tel".
+ */
+export const FloatingTelInput: (...args: any[]) => object;
+/**
+ * Floating label input for email addresses.
+ *
+ * @param {object} props
+ * @returns {object} A FloatingInput of type "email".
+ */
+export const FloatingEmailInput: (...args: any[]) => object;
+/**
+ * Floating label input for passwords.
+ *
+ * @param {object} props
+ * @returns {object} A FloatingInput of type "password".
+ */
+export const FloatingPasswordInput: (...args: any[]) => object;
+/**
+ * Floating label input for numbers.
+ *
+ * @param {object} props
+ * @returns {object} A FloatingInput of type "number".
+ */
+export const FloatingNumberInput: (...args: any[]) => object;
+/**
+ * Floating label input for URLs.
+ *
+ * @param {object} props
+ * @returns {object} A FloatingInput of type "url".
+ */
+export const FloatingUrlInput: (...args: any[]) => object;
+/**
+ * A textarea with an animated floating label.
+ * Same visual language as FloatingInput but for multi-line text.
+ *
+ * @param {object} props
+ * @param {string} props.label - Display text for the floating label.
+ * @param {string} [props.id] - Textarea ID (auto-generated if omitted).
+ * @param {string} [props.name] - Textarea name (used as fallback ID).
+ * @param {boolean} [props.required] - Appends a red asterisk to the label.
+ * @param {string} [props.bind] - Two-way data binding path.
+ * @param {string} [props.class] - Extra CSS classes for the textarea.
+ * @returns {object} A container Div with the floating-label textarea.
+ */
+export const FloatingTextarea: (...args: any[]) => object;
+/**
+ * A select dropdown with a floating label and custom arrow.
+ * The label always remains in the floated (small) position since
+ * a select always displays a value.
+ *
+ * @param {object} props
+ * @param {string} props.label - Display text for the floating label.
+ * @param {Array} [props.options] - Array of options passed to Html.setupSelectOptions.
+ * @param {string} [props.id] - Select ID (auto-generated if omitted).
+ * @param {string} [props.name] - Select name (used as fallback ID).
+ * @param {boolean} [props.required] - Appends a red asterisk to the label.
+ * @param {string} [props.bind] - Two-way data binding path.
+ * @param {string} [props.class] - Extra CSS classes for the select.
+ * @returns {object} A container Div with the floating-label select.
+ */
+export const FloatingSelect: (...args: any[]) => object;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@base-framework/ui",
-	"version": "1.2.25",
+	"version": "1.2.26",
 	"description": "This is a UI package that adds components and atoms that use Tailwind CSS and a theme based on Shadcn.",
 	"main": "./dist/index.es.js",
 	"scripts": {