uibee 2.5.11 → 2.7.0

package/dist/src/components/inputs/shared/selectionWrapper.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+interface SelectionWrapperProps {
+    label?: string;
+    name: string;
+    required?: boolean;
+    info?: string;
+    error?: string;
+    children: ReactNode;
+    className?: string;
+    disabled?: boolean;
+}
+export default function SelectionWrapper({ label, name, required, info, error, children, className, disabled, }: SelectionWrapperProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/inputs/shared/selectionWrapper.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import InputLabel from './inputLabel';
+import InputInfo from './inputInfo';
+import InputError from './inputError';
+export default function SelectionWrapper({ label, name, required, info, error, children, className, disabled, }) {
+    return (_jsxs("div", { className: `flex flex-col gap-1 ${className || ''}`, children: [_jsxs("div", { className: 'flex items-center justify-between mb-1', children: [_jsxs("div", { className: 'flex items-center gap-2', children: [children, label && (_jsx(InputLabel, { label: label, name: name, required: required, disabled: disabled, className: 'select-none cursor-pointer' }))] }), info && _jsx(InputInfo, { info: info })] }), _jsx(InputError, { error: error })] }));
+}

package/dist/src/components/inputs/switch.d.ts

@@ -1,10 +1,13 @@
-type SwitchProps = {
+import { type ChangeEvent } from 'react';
+export type SwitchProps = {
+    label?: string;
     name: string;
-    label: string;
-    value?: boolean;
-    setValue: (_: boolean) => void;
+    checked?: boolean;
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
     className?: string;
-    tooltip?: string;
+    disabled?: boolean;
+    error?: string;
+    info?: string;
+    required?: boolean;
 };
-export default function Switch({ name, label, value, className, tooltip, setValue }: SwitchProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export default function Switch({ label, name, checked, onChange, className, disabled, error, info, required, }: SwitchProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/inputs/switch.js

@@ -1,7 +1,15 @@
-'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import ToolTip from './tooltip';
-export default function Switch({ name, label, value, className, tooltip, setValue }) {
-    return (_jsxs("div", { className: `relative w-full flex items-center px-2.5 pb-2.5 pt-3 border-login-200 rounded-lg border-[0.10rem]
-            bg-login-800 ${className}`, children: [_jsxs("label", { className: 'flex items-center cursor-pointer', children: [_jsx("input", { type: 'checkbox', name: name, className: 'sr-only', checked: value, onChange: (e) => setValue(e.target.checked) }), _jsx("div", { className: `w-10 h-6  rounded-full p-1 transition ${value ? 'bg-login-50' : 'bg-login-200'}`, children: _jsx("div", { className: `w-4 h-4 bg-login-800 rounded-full shadow-md transform transition ${value ? 'translate-x-4' : ''}` }) })] }), _jsx("span", { className: 'ml-3 text-sm', children: label }), tooltip && _jsx(ToolTip, { info: tooltip })] }));
+import { SelectionWrapper } from './shared';
+export default function Switch({ label, name, checked, onChange, className, disabled, error, info, required, }) {
+    return (_jsx(SelectionWrapper, { label: label, name: name, required: required, info: info, error: error, className: className, disabled: disabled, children: _jsxs("label", { className: 'relative inline-flex items-center cursor-pointer', children: [_jsx("input", { type: 'checkbox', id: name, name: name, checked: checked, onChange: onChange, disabled: disabled, required: required, className: 'sr-only peer' }), _jsx("div", { className: `
+                    w-11 h-6 bg-login-500/50 peer-focus:outline-none peer-focus:ring-2 peer-focus:ring-login/50 
+                    rounded-full peer 
+                    peer-checked:after:translate-x-full peer-checked:after:border-white 
+                    after:content-[''] after:absolute after:top-0.5 after:left-0.5 
+                    after:bg-white after:border-gray-300 after:border after:rounded-full 
+                    after:h-5 after:w-5 after:transition-all 
+                    peer-checked:bg-login
+                    ${disabled ? 'opacity-50 cursor-not-allowed' : ''}
+                    ${error ? 'ring-1 ring-red-500' : ''}
+                ` })] }) }));
 }

package/dist/src/components/inputs/textarea.d.ts

@@ -0,0 +1,15 @@
+import { type ChangeEvent } from 'react';
+export type TextareaProps = {
+    label?: string;
+    name: string;
+    placeholder?: string;
+    value?: string;
+    onChange?: (e: ChangeEvent<HTMLTextAreaElement>) => void;
+    error?: string;
+    className?: string;
+    disabled?: boolean;
+    required?: boolean;
+    rows?: number;
+    info?: string;
+};
+export default function Textarea({ label, name, placeholder, value, onChange, error, className, disabled, required, rows, info, }: TextareaProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/inputs/textarea.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FieldWrapper } from './shared';
+export default function Textarea({ label, name, placeholder, value, onChange, error, className, disabled, required, rows = 4, info, }) {
+    return (_jsx(FieldWrapper, { label: label, name: name, required: required, info: info, error: error, className: className, children: _jsx("textarea", { id: name, name: name, placeholder: placeholder, value: value, onChange: onChange, disabled: disabled, required: required, rows: rows, title: label, "aria-invalid": !!error, "aria-describedby": error ? `${name}-error` : undefined, className: `
+                    w-full rounded-md bg-login-500/50 border border-login-500 
+                    text-login-text placeholder-login-200
+                    focus:outline-none focus:border-login focus:ring-1 focus:ring-login
+                    disabled:opacity-50 disabled:cursor-not-allowed
+                    p-3
+                    transition-all duration-200
+                    resize-y
+                    ${error ? 'border-red-500 focus:border-red-500 focus:ring-red-500' : ''}
+                ` }) }));
+}

package/dist/src/components/toggle/language.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import { getCookie, setCookie } from '../../utils/cookies/cookies';
+import { getCookie, setCookie } from 'utilbee/utils';
 import { useRouter } from 'next/navigation';
 import { Globe } from 'lucide-react';
 export default function LanguageToggle({ language }) {

package/dist/src/components/toggle/theme.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import { getCookie, setCookie } from '../../utils/cookies/cookies';
+import { getCookie, setCookie } from 'utilbee/utils';
 import { useRouter } from 'next/navigation';
 export default function ThemeToggle({ className }) {
     const router = useRouter();