nextuiq/dist/index25.js

NextUIQ is a modern, lightweight, and developer-friendly UI component library for React and Next.js. Built with TypeScript and Tailwind CSS, it offers customizable, accessible, and performance-optimized components with built-in dark mode, theme customizat

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index46.js"),r=require("react"),l=r.forwardRef((({className:l,onChange:o,label:t,accept:i,multiple:a,required:n=!1,disabled:d=!1,id:s,name:c,"aria-label":m,"aria-describedby":u,...h},b)=>{const f=r.useId(),p=s||f;return e.jsxRuntimeExports.jsxs("div",{children:[t&&e.jsxRuntimeExports.jsxs("label",{htmlFor:p,className:"block text-sm font-medium text-[oklch(var(--theme-foreground))] mb-1",children:[t,n&&e.jsxRuntimeExports.jsx("span",{className:"text-[oklch(var(--theme-destructive))] ml-1",children:"*"})]}),e.jsxRuntimeExports.jsx("input",{ref:b,type:"file",id:p,name:c,onChange:o,accept:i,multiple:a,required:n,disabled:d,"aria-label":m||t,"aria-describedby":u,"aria-required":n,className:`h-11 w-full overflow-hidden rounded-lg border text-sm shadow-sm transition-colors\n          border-[oklch(var(--theme-border))]\n          bg-[oklch(var(--theme-background))]\n          text-[oklch(var(--theme-muted-foreground))]\n          file:mr-5 file:border-collapse file:cursor-pointer file:rounded-l-lg \n          file:border-0 file:border-r file:border-solid \n          file:border-[oklch(var(--theme-border))]\n          file:bg-[oklch(var(--theme-muted))]\n          file:py-3 file:pl-3.5 file:pr-3 file:text-sm\n          file:text-[oklch(var(--theme-foreground))]\n          hover:file:bg-[oklch(var(--theme-muted/0.8))]\n          focus:outline-none focus:ring-2\n          focus:ring-[oklch(var(--theme-ring))]\n          disabled:cursor-not-allowed disabled:opacity-50\n          ${l}`,...h})]})}));l.displayName="FileInput",exports.FileInput=l;