wimui 0.1.0

package/dist/components/form/DateRangePicker/DateRangePicker.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { DatePicker } from '../../form/DatePicker/DatePicker';
+type DateRangePickerProps = {
+    /** Props passed to the start-date DatePicker */
+    startProps?: React.ComponentProps<typeof DatePicker>;
+    /** Props passed to the end-date DatePicker */
+    endProps?: React.ComponentProps<typeof DatePicker>;
+    /** Additional class names */
+    className?: string;
+    /** Field label */
+    label?: string;
+    /** Error message */
+    error?: string;
+    /** Whether to show the required indicator */
+    required?: boolean;
+    /** Layout direction of label and field */
+    layout?: "vertical" | "horizontal";
+};
+/**
+ * Component for selecting a date range (start and end dates).
+ */
+export declare const DateRangePicker: ({ startProps, endProps, className, label, error, required, layout, }: DateRangePickerProps) => React.JSX.Element;
+export {};

package/dist/components/form/DateRangePicker/DateRangePicker.js

@@ -0,0 +1,54 @@
+"use client";
+import { FieldTemplate as e } from "../FieldTemplate/FieldTemplate.js";
+import { DatePicker as t } from "../DatePicker/DatePicker.js";
+import n from "./date-range-picker.module.js";
+import { useId as r } from "react";
+import i from "classnames";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/form/DateRangePicker/DateRangePicker.tsx
+var s = ({ startProps: s, endProps: c, className: l, label: u, error: d, required: f, layout: p = "vertical" }) => {
+	let m = `wim-daterangepicker-${r()}`, h = u ? `${m}-label` : void 0, g = d ? `${m}-error` : void 0;
+	return /* @__PURE__ */ a(e, {
+		label: u,
+		error: d,
+		required: f,
+		layout: p,
+		labelId: h,
+		errorId: g,
+		className: i("wim-date-range-picker", n.container, l),
+		children: /* @__PURE__ */ o("div", {
+			className: n.root,
+			role: "group",
+			"aria-labelledby": h,
+			"aria-describedby": g,
+			children: [
+				/* @__PURE__ */ a("div", {
+					className: n.pickerWrapper,
+					children: /* @__PURE__ */ a(t, {
+						...s,
+						label: void 0,
+						error: void 0,
+						intent: d ? "danger" : s?.intent,
+						fullWidth: !0
+					})
+				}),
+				/* @__PURE__ */ a("span", {
+					className: n.separator,
+					children: "~"
+				}),
+				/* @__PURE__ */ a("div", {
+					className: n.pickerWrapper,
+					children: /* @__PURE__ */ a(t, {
+						...c,
+						label: void 0,
+						error: void 0,
+						intent: d ? "danger" : c?.intent,
+						fullWidth: !0
+					})
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { s as DateRangePicker };

package/dist/components/form/DateRangePicker/date-range-picker.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_container_30jjr_4`,t=`_root_30jjr_8`,n=`_pickerWrapper_30jjr_20`,r=`_separator_30jjr_23`,i={container:e,root:t,pickerWrapper:n,separator:r};exports.container=e,exports.default=i,exports.pickerWrapper=n,exports.root=t,exports.separator=r;

package/dist/components/form/DateRangePicker/date-range-picker.module.js

@@ -0,0 +1,10 @@
+"use client";
+//#region src/components/form/DateRangePicker/date-range-picker.module.scss
+var e = "_container_30jjr_4", t = "_root_30jjr_8", n = "_pickerWrapper_30jjr_20", r = "_separator_30jjr_23", i = {
+	container: e,
+	root: t,
+	pickerWrapper: n,
+	separator: r
+};
+//#endregion
+export { e as container, i as default, n as pickerWrapper, t as root, r as separator };

package/dist/components/form/Dropzone/Dropzone.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../layout/InteractiveArea/InteractiveArea.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("../FieldTemplate/FieldTemplate.cjs"),a=require("./dropzone.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("classnames");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=({label:e,description:l,accept:u,multiple:d=!1,disabled:f=!1,onChange:p,className:m,iconName:h=`UploadIcon`,error:g,required:_,layout:v=`vertical`,size:y=`md`})=>{let{t:b}=n.useWimTranslation(`form`),x=l??b(`dropzone.description`),S=`wim-dropzone-${o.default.useId()}`,C=e?`${S}-label`:void 0,w=g?`${S}-error`:void 0,T=(0,o.useRef)(null),[E,D]=(0,o.useState)(!1),[O,k]=(0,o.useState)(null),A=()=>{f||T.current?.click()};return(0,c.jsx)(i.FieldTemplate,{label:e,error:g,required:_,layout:v,labelId:C,errorId:w,className:(0,s.default)(`wim-dropzone`,a.default.container,m),children:(0,c.jsxs)(t.InteractiveArea,{className:a.default.dropzone,size:y,isDragging:E,disabled:f,isClickable:!f,onClick:A,onDragOver:e=>{e.preventDefault(),!f&&D(!0)},onDragLeave:()=>{D(!1)},onDrop:e=>{if(e.preventDefault(),D(!1),f)return;let t=e.dataTransfer.files;k(t),p&&p(t)},onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&A()},"aria-labelledby":C,"aria-describedby":w,"aria-required":_,"aria-invalid":!!g,icon:h&&(0,c.jsx)(r.Icon,{name:h,color:f?`disabled`:`primary`}),description:x,children:[(0,c.jsx)(`input`,{type:`file`,ref:T,accept:u,multiple:d,disabled:f,onChange:e=>{let t=e.target.files;k(t),p&&p(t)},style:{display:`none`},"aria-hidden":`true`,tabIndex:-1}),O&&O.length>0&&(0,c.jsx)(`div`,{className:a.default.fileList,children:Array.from(O).map((e,t)=>(0,c.jsx)(`span`,{className:a.default.fileName,children:e.name},t))})]})})};exports.Dropzone=l;

package/dist/components/form/Dropzone/Dropzone.d.ts

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+import { Icon } from '../../media/Icon/Icon';
+import { InteractiveAreaProps } from '../../layout/InteractiveArea/InteractiveArea';
+type DropzoneProps = {
+    /** Field label. */
+    label?: React.ReactNode;
+    /** Description text shown in the drag-and-drop area. */
+    description?: React.ReactNode;
+    /** Accepted file types (e.g. ".jpg,.png"). */
+    accept?: string;
+    /** Whether multiple files can be selected. */
+    multiple?: boolean;
+    /** Whether the component is disabled. */
+    disabled?: boolean;
+    /** Callback when files are selected. */
+    onChange?: (files: FileList | null) => void;
+    /** Additional class names. */
+    className?: string;
+    /** Icon name shown in the drop area. */
+    iconName?: React.ComponentProps<typeof Icon>["name"];
+    /** Error message */
+    error?: string;
+    /** Whether to show the required indicator */
+    required?: boolean;
+    /** Layout direction of label and field */
+    layout?: "vertical" | "horizontal";
+    /** Size of the drop area */
+    size?: InteractiveAreaProps["size"];
+};
+/**
+ * Component for uploading files by drag and drop or by clicking.
+ */
+export declare const Dropzone: ({ label, description, accept, multiple, disabled, onChange, className, iconName, error, required, layout, size, }: DropzoneProps) => React.JSX.Element;
+export {};

package/dist/components/form/Dropzone/Dropzone.js

@@ -0,0 +1,77 @@
+"use client";
+import { InteractiveArea as e } from "../../layout/InteractiveArea/InteractiveArea.js";
+import { useWimTranslation as t } from "../../../i18n/useWimTranslation.js";
+import { Icon as n } from "../../media/Icon/Icon.js";
+import { FieldTemplate as r } from "../FieldTemplate/FieldTemplate.js";
+import i from "./dropzone.module.js";
+import a, { useRef as o, useState as s } from "react";
+import c from "classnames";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/form/Dropzone/Dropzone.tsx
+var d = ({ label: d, description: f, accept: p, multiple: m = !1, disabled: h = !1, onChange: g, className: _, iconName: v = "UploadIcon", error: y, required: b, layout: x = "vertical", size: S = "md" }) => {
+	let { t: C } = t("form"), w = f ?? C("dropzone.description"), T = `wim-dropzone-${a.useId()}`, E = d ? `${T}-label` : void 0, D = y ? `${T}-error` : void 0, O = o(null), [k, A] = s(!1), [j, M] = s(null), N = () => {
+		h || O.current?.click();
+	};
+	return /* @__PURE__ */ l(r, {
+		label: d,
+		error: y,
+		required: b,
+		layout: x,
+		labelId: E,
+		errorId: D,
+		className: c("wim-dropzone", i.container, _),
+		children: /* @__PURE__ */ u(e, {
+			className: i.dropzone,
+			size: S,
+			isDragging: k,
+			disabled: h,
+			isClickable: !h,
+			onClick: N,
+			onDragOver: (e) => {
+				e.preventDefault(), !h && A(!0);
+			},
+			onDragLeave: () => {
+				A(!1);
+			},
+			onDrop: (e) => {
+				if (e.preventDefault(), A(!1), h) return;
+				let t = e.dataTransfer.files;
+				M(t), g && g(t);
+			},
+			onKeyDown: (e) => {
+				(e.key === "Enter" || e.key === " ") && N();
+			},
+			"aria-labelledby": E,
+			"aria-describedby": D,
+			"aria-required": b,
+			"aria-invalid": !!y,
+			icon: v && /* @__PURE__ */ l(n, {
+				name: v,
+				color: h ? "disabled" : "primary"
+			}),
+			description: w,
+			children: [/* @__PURE__ */ l("input", {
+				type: "file",
+				ref: O,
+				accept: p,
+				multiple: m,
+				disabled: h,
+				onChange: (e) => {
+					let t = e.target.files;
+					M(t), g && g(t);
+				},
+				style: { display: "none" },
+				"aria-hidden": "true",
+				tabIndex: -1
+			}), j && j.length > 0 && /* @__PURE__ */ l("div", {
+				className: i.fileList,
+				children: Array.from(j).map((e, t) => /* @__PURE__ */ l("span", {
+					className: i.fileName,
+					children: e.name
+				}, t))
+			})]
+		})
+	});
+};
+//#endregion
+export { d as Dropzone };

package/dist/components/form/Dropzone/dropzone.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_container_1wycj_2`,t=`_fileList_1wycj_9`,n=`_fileName_1wycj_16`,r={container:e,fileList:t,fileName:n};exports.container=e,exports.default=r,exports.fileList=t,exports.fileName=n;

package/dist/components/form/Dropzone/dropzone.module.js

@@ -0,0 +1,9 @@
+"use client";
+//#region src/components/form/Dropzone/dropzone.module.scss
+var e = "_container_1wycj_2", t = "_fileList_1wycj_9", n = "_fileName_1wycj_16", r = {
+	container: e,
+	fileList: t,
+	fileName: n
+};
+//#endregion
+export { e as container, r as default, t as fileList, n as fileName };

package/dist/components/form/FieldError/FieldError.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Text/Text.cjs"),n=require("./field-error.module.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("classnames");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=({content:e,className:r,id:o})=>(0,a.jsx)(`div`,{id:o,className:(0,i.default)(`wim-field-error`,n.default.root,r),role:`alert`,"aria-live":`polite`,children:(0,a.jsx)(t.Text,{content:e,color:`danger`,size:`sm`})});exports.FieldError=o;

package/dist/components/form/FieldError/FieldError.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+type FieldErrorProps = {
+    /** Error message text */
+    content: string;
+    /** Additional class names */
+    className?: string;
+    /** ID of the error message element */
+    id?: string;
+};
+/**
+ * Component for the validation error message shown below an input field.
+ */
+export declare const FieldError: ({ content, className, id, }: FieldErrorProps) => React.JSX.Element;
+export {};

package/dist/components/form/FieldError/FieldError.js

@@ -0,0 +1,20 @@
+"use client";
+import { Text as e } from "../../typography/Text/Text.js";
+import t from "./field-error.module.js";
+import "react";
+import n from "classnames";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/form/FieldError/FieldError.tsx
+var i = ({ content: i, className: a, id: o }) => /* @__PURE__ */ r("div", {
+	id: o,
+	className: n("wim-field-error", t.root, a),
+	role: "alert",
+	"aria-live": "polite",
+	children: /* @__PURE__ */ r(e, {
+		content: i,
+		color: "danger",
+		size: "sm"
+	})
+});
+//#endregion
+export { i as FieldError };

package/dist/components/form/FieldError/field-error.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_1djk3_2`,t={root:e};exports.default=t,exports.root=e;

package/dist/components/form/FieldError/field-error.module.js

@@ -0,0 +1,5 @@
+"use client";
+//#region src/components/form/FieldError/field-error.module.scss
+var e = "_root_1djk3_2", t = { root: e };
+//#endregion
+export { t as default, e as root };

package/dist/components/form/FieldTemplate/FieldTemplate.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../typography/Label/Label.cjs"),r=require("../FieldError/FieldError.cjs"),i=require("./field-template.module.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("classnames");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=a.default.forwardRef(({asChild:e=!1,label:a,error:c,children:l,required:u,layout:d=`vertical`,labelId:f,htmlFor:p,errorId:m,className:h,styles:g,..._},v)=>(0,s.jsxs)(e?t.Root:`div`,{className:(0,o.default)(`wim-field-template`,i.default.root,i.default[d],h,g?.root),ref:v,..._,children:[a&&(0,s.jsx)(`div`,{className:(0,o.default)(i.default.labelWrapper,g?.labelWrapper),children:(0,s.jsx)(n.Label,{label:a,required:u,id:f,htmlFor:p,className:(0,o.default)(i.default.label,g?.label)})}),(0,s.jsxs)(`div`,{className:(0,o.default)(i.default.content,g?.content),children:[(0,s.jsx)(t.Slottable,{children:l}),c&&(0,s.jsx)(r.FieldError,{id:m,content:c,className:(0,o.default)(i.default.danger,g?.error)})]})]}));c.displayName=`FieldTemplate`,exports.FieldTemplate=c;

package/dist/components/form/FieldTemplate/FieldTemplate.d.ts

@@ -0,0 +1,38 @@
+import { default as React } from 'react';
+export interface FieldTemplateProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Whether to render as a child element. */
+    asChild?: boolean;
+    /** Label text of the field */
+    label?: React.ReactNode;
+    /** Error message */
+    error?: string;
+    /** Main content of the field */
+    children: React.ReactNode;
+    /** Whether to show the required indicator */
+    required?: boolean;
+    /**
+     * Layout direction of label and field
+     * @default "vertical"
+     */
+    layout?: "vertical" | "horizontal";
+    /** ID of the label element for accessibility */
+    labelId?: string;
+    /** ID of the element the label points to */
+    htmlFor?: string;
+    /** ID of the error message element */
+    errorId?: string;
+    /**
+     * Custom styles for internal parts
+     */
+    styles?: {
+        root?: string;
+        labelWrapper?: string;
+        label?: string;
+        content?: string;
+        error?: string;
+    };
+}
+/**
+ * Internal component managing the common layout of form components (label, error display, placement).
+ */
+export declare const FieldTemplate: React.ForwardRefExoticComponent<FieldTemplateProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/form/FieldTemplate/FieldTemplate.js

@@ -0,0 +1,34 @@
+"use client";
+import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { Label as n } from "../../typography/Label/Label.js";
+import { FieldError as r } from "../FieldError/FieldError.js";
+import i from "./field-template.module.js";
+import a from "react";
+import o from "classnames";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/form/FieldTemplate/FieldTemplate.tsx
+var l = a.forwardRef(({ asChild: a = !1, label: l, error: u, children: d, required: f, layout: p = "vertical", labelId: m, htmlFor: h, errorId: g, className: _, styles: v, ...y }, b) => /* @__PURE__ */ c(a ? e : "div", {
+	className: o("wim-field-template", i.root, i[p], _, v?.root),
+	ref: b,
+	...y,
+	children: [l && /* @__PURE__ */ s("div", {
+		className: o(i.labelWrapper, v?.labelWrapper),
+		children: /* @__PURE__ */ s(n, {
+			label: l,
+			required: f,
+			id: m,
+			htmlFor: h,
+			className: o(i.label, v?.label)
+		})
+	}), /* @__PURE__ */ c("div", {
+		className: o(i.content, v?.content),
+		children: [/* @__PURE__ */ s(t, { children: d }), u && /* @__PURE__ */ s(r, {
+			id: g,
+			content: u,
+			className: o(i.danger, v?.error)
+		})]
+	})]
+}));
+l.displayName = "FieldTemplate";
+//#endregion
+export { l as FieldTemplate };

package/dist/components/form/FieldTemplate/field-template.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_41f6s_3`,t=`_vertical_41f6s_6`,n=`_label_41f6s_10`,r=`_content_41f6s_14`,i=`_horizontal_41f6s_20`,a=`_labelWrapper_41f6s_31`,o=`_danger_41f6s_42`,s={root:e,vertical:t,label:n,content:r,horizontal:i,labelWrapper:a,danger:o};exports.content=r,exports.danger=o,exports.default=s,exports.horizontal=i,exports.label=n,exports.labelWrapper=a,exports.root=e,exports.vertical=t;

package/dist/components/form/FieldTemplate/field-template.module.js

@@ -0,0 +1,13 @@
+"use client";
+//#region src/components/form/FieldTemplate/field-template.module.scss
+var e = "_root_41f6s_3", t = "_vertical_41f6s_6", n = "_label_41f6s_10", r = "_content_41f6s_14", i = "_horizontal_41f6s_20", a = "_labelWrapper_41f6s_31", o = "_danger_41f6s_42", s = {
+	root: e,
+	vertical: t,
+	label: n,
+	content: r,
+	horizontal: i,
+	labelWrapper: a,
+	danger: o
+};
+//#endregion
+export { r as content, o as danger, s as default, i as horizontal, n as label, a as labelWrapper, e as root, t as vertical };

package/dist/components/form/FieldTemplate/index.d.ts

@@ -0,0 +1 @@
+export * from './FieldTemplate';

package/dist/components/form/Fieldset/Fieldset.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./fieldset.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=({children:e,disabled:n=!1,variant:a=`default`,className:o,...s})=>(0,i.jsx)(`fieldset`,{className:(0,r.default)(`wim-fieldset`,t.default.root,a===`full-width`&&t.default.fullWidth,o),disabled:n,...s,children:e});exports.Fieldset=a;

package/dist/components/form/Fieldset/Fieldset.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+type FieldsetProps = React.ComponentPropsWithoutRef<"fieldset"> & {
+    /** Form elements to group */
+    children: React.ReactNode;
+    /** Whether all contained form elements are disabled */
+    disabled?: boolean;
+    /** Visual variant of the fieldset */
+    variant?: "default" | "full-width";
+    /** Additional class names */
+    className?: string;
+};
+/**
+ * Component for grouping related form elements.
+ */
+export declare const Fieldset: ({ children, disabled, variant, className, ...props }: FieldsetProps) => React.JSX.Element;
+export {};

package/dist/components/form/Fieldset/Fieldset.js

@@ -0,0 +1,14 @@
+"use client";
+import e from "./fieldset.module.js";
+import "react";
+import t from "classnames";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/form/Fieldset/Fieldset.tsx
+var r = ({ children: r, disabled: i = !1, variant: a = "default", className: o, ...s }) => /* @__PURE__ */ n("fieldset", {
+	className: t("wim-fieldset", e.root, a === "full-width" && e.fullWidth, o),
+	disabled: i,
+	...s,
+	children: r
+});
+//#endregion
+export { r as Fieldset };

package/dist/components/form/Fieldset/fieldset.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_1og29_2`,t=`_fullWidth_1og29_12`,n={root:e,fullWidth:t};exports.default=n,exports.fullWidth=t,exports.root=e;

package/dist/components/form/Fieldset/fieldset.module.js

@@ -0,0 +1,8 @@
+"use client";
+//#region src/components/form/Fieldset/fieldset.module.scss
+var e = "_root_1og29_2", t = "_fullWidth_1og29_12", n = {
+	root: e,
+	fullWidth: t
+};
+//#endregion
+export { n as default, t as fullWidth, e as root };

package/dist/components/form/FileUpload/FileUpload.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../Button/Button.cjs"),r=require("../FieldTemplate/FieldTemplate.cjs"),i=require("./file-upload.module.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("classnames");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=({label:e,buttonLabel:c,noFileLabel:l,accept:u,multiple:d=!1,disabled:f=!1,onChange:p,className:m,iconName:h,iconPosition:g,size:_=`md`,error:v,required:y,layout:b=`vertical`})=>{let{t:x}=t.useWimTranslation(`form`),S=`wim-fileupload-${a.default.useId()}`,C=e?`${S}-label`:void 0,w=v?`${S}-error`:void 0,T=(0,a.useRef)(null),[E,D]=(0,a.useState)(null),O=()=>{T.current?.click()},k=e=>{let t=e.target.files;D(t),p&&p(t)},A=E?Array.from(E).map(e=>e.name).join(`, `):l??x(`fileupload.no_file`);return(0,s.jsx)(r.FieldTemplate,{label:e,error:v,required:y,layout:b,labelId:C,errorId:w,className:(0,o.default)(`wim-file-upload`,i.default.root,i.default[_],m),children:(0,s.jsxs)(`div`,{className:i.default.controls,children:[(0,s.jsx)(`input`,{type:`file`,ref:T,accept:u,multiple:d,disabled:f,onChange:k,className:i.default.input,"aria-hidden":`true`,tabIndex:-1}),(0,s.jsx)(n.Button,{onClick:O,disabled:f,variant:`outline`,icon:h,iconPosition:g,size:_,"aria-labelledby":C,"aria-describedby":w,"aria-required":y,"aria-invalid":v?!0:void 0,children:c??x(`fileupload.button`)}),(0,s.jsx)(`span`,{className:(0,o.default)(i.default.fileNames,i.default[_],f&&i.default.disabled),"aria-disabled":f||void 0,children:A})]})})};exports.FileUpload=c;

package/dist/components/form/FileUpload/FileUpload.d.ts

@@ -0,0 +1,38 @@
+import { default as React } from 'react';
+import { Icon } from '../../media/Icon/Icon';
+import { ComponentSizeBasic } from '../../../types/tokens';
+type FileUploadProps = {
+    /** Field label */
+    label?: React.ReactNode;
+    /** Label of the file selection button */
+    buttonLabel?: React.ReactNode;
+    /** Text shown when no file is selected */
+    noFileLabel?: React.ReactNode;
+    /** Accepted file types (e.g. ".jpg,.png") */
+    accept?: string;
+    /** Whether multiple files can be selected */
+    multiple?: boolean;
+    /** Whether the component is disabled */
+    disabled?: boolean;
+    /** Callback when files are selected */
+    onChange?: (files: FileList | null) => void;
+    /** Additional class names */
+    className?: string;
+    /** Icon name shown on the button */
+    iconName?: React.ComponentProps<typeof Icon>["name"];
+    /** Position of the icon relative to the button label */
+    iconPosition?: "left" | "right";
+    /** Size of the button */
+    size?: ComponentSizeBasic;
+    /** Error message */
+    error?: string;
+    /** Whether to show the required indicator */
+    required?: boolean;
+    /** Layout direction of label and field */
+    layout?: "vertical" | "horizontal";
+};
+/**
+ * Component for selecting and uploading files.
+ */
+export declare const FileUpload: ({ label, buttonLabel, noFileLabel, accept, multiple, disabled, onChange, className, iconName, iconPosition, size, error, required, layout, }: FileUploadProps) => React.JSX.Element;
+export {};

package/dist/components/form/FileUpload/FileUpload.js

@@ -0,0 +1,62 @@
+"use client";
+import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
+import { Button as t } from "../Button/Button.js";
+import { FieldTemplate as n } from "../FieldTemplate/FieldTemplate.js";
+import r from "./file-upload.module.js";
+import i, { useRef as a, useState as o } from "react";
+import s from "classnames";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/form/FileUpload/FileUpload.tsx
+var u = ({ label: u, buttonLabel: d, noFileLabel: f, accept: p, multiple: m = !1, disabled: h = !1, onChange: g, className: _, iconName: v, iconPosition: y, size: b = "md", error: x, required: S, layout: C = "vertical" }) => {
+	let { t: w } = e("form"), T = `wim-fileupload-${i.useId()}`, E = u ? `${T}-label` : void 0, D = x ? `${T}-error` : void 0, O = a(null), [k, A] = o(null), j = () => {
+		O.current?.click();
+	}, M = (e) => {
+		let t = e.target.files;
+		A(t), g && g(t);
+	}, N = k ? Array.from(k).map((e) => e.name).join(", ") : f ?? w("fileupload.no_file");
+	return /* @__PURE__ */ c(n, {
+		label: u,
+		error: x,
+		required: S,
+		layout: C,
+		labelId: E,
+		errorId: D,
+		className: s("wim-file-upload", r.root, r[b], _),
+		children: /* @__PURE__ */ l("div", {
+			className: r.controls,
+			children: [
+				/* @__PURE__ */ c("input", {
+					type: "file",
+					ref: O,
+					accept: p,
+					multiple: m,
+					disabled: h,
+					onChange: M,
+					className: r.input,
+					"aria-hidden": "true",
+					tabIndex: -1
+				}),
+				/* @__PURE__ */ c(t, {
+					onClick: j,
+					disabled: h,
+					variant: "outline",
+					icon: v,
+					iconPosition: y,
+					size: b,
+					"aria-labelledby": E,
+					"aria-describedby": D,
+					"aria-required": S,
+					"aria-invalid": x ? !0 : void 0,
+					children: d ?? w("fileupload.button")
+				}),
+				/* @__PURE__ */ c("span", {
+					className: s(r.fileNames, r[b], h && r.disabled),
+					"aria-disabled": h || void 0,
+					children: N
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { u as FileUpload };

package/dist/components/form/FileUpload/file-upload.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_jr51y_3`,t=`_sm_jr51y_9`,n=`_md_jr51y_12`,r=`_lg_jr51y_15`,i=`_controls_jr51y_18`,a=`_input_jr51y_23`,o=`_fileNames_jr51y_26`,s=`_disabled_jr51y_36`,c={root:e,sm:t,md:n,lg:r,controls:i,input:a,fileNames:o,disabled:s};exports.controls=i,exports.default=c,exports.disabled=s,exports.fileNames=o,exports.input=a,exports.lg=r,exports.md=n,exports.root=e,exports.sm=t;

package/dist/components/form/FileUpload/file-upload.module.js

@@ -0,0 +1,14 @@
+"use client";
+//#region src/components/form/FileUpload/file-upload.module.scss
+var e = "_root_jr51y_3", t = "_sm_jr51y_9", n = "_md_jr51y_12", r = "_lg_jr51y_15", i = "_controls_jr51y_18", a = "_input_jr51y_23", o = "_fileNames_jr51y_26", s = "_disabled_jr51y_36", c = {
+	root: e,
+	sm: t,
+	md: n,
+	lg: r,
+	controls: i,
+	input: a,
+	fileNames: o,
+	disabled: s
+};
+//#endregion
+export { i as controls, c as default, s as disabled, o as fileNames, a as input, r as lg, n as md, e as root, t as sm };

package/dist/components/form/FloatButton/FloatButton.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../media/Icon/Icon.cjs"),r=require("./float-button.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=i.default.forwardRef(({asChild:e=!1,iconName:s=`CircleIcon`,variant:c,intent:l=`default`,shape:u=`circle`,size:d=`md`,label:f,shrink:p=!1,position:m=`bottom-right`,description:h,badge:g,backTop:_=!1,visibilityHeight:v=400,className:y,style:b,onClick:x,"aria-label":S,children:C,...w},T)=>{let[E,D]=(0,i.useState)(()=>_?typeof window<`u`?(window.pageYOffset||document.documentElement.scrollTop)>v:!1:!0),O=(0,i.useCallback)(()=>{if(_){let e=window.pageYOffset||document.documentElement.scrollTop;D(e>v)}},[_,v]);(0,i.useEffect)(()=>{if(_)return window.addEventListener(`scroll`,O),()=>window.removeEventListener(`scroll`,O)},[_,O]);let k=e=>{_&&window.scrollTo({top:0,behavior:`smooth`}),x?.(e)};if(!E&&_)return null;let A=e?t.Root:`button`,j=m===`bottom-right`?r.default.bottomRight:m===`bottom-left`?r.default.bottomLeft:m===`bottom-center`?r.default.bottomCenter:m===`top-right`?r.default.topRight:m===`top-left`?r.default.topLeft:r.default.static;return(0,o.jsxs)(A,{ref:T,type:e?void 0:`button`,className:(0,a.default)(`wim-float-button`,r.default.root,!c&&r.default[l],c==="default"&&r.default.variant_default,c===`primary`&&r.default.primary,c===`glass`&&r.default.glass,l===`danger`&&r.default.danger,l===`success`&&r.default.success,r.default[u],r.default[d],j,!!f&&r.default.extended,!!p&&r.default.shrink,_&&!!f&&r.default.backtop,y),style:b,onClick:k,title:typeof h==`string`?h:void 0,"aria-label":S||(typeof f==`string`?f:s),...w,children:[(0,o.jsx)(t.Slottable,{children:C}),(0,o.jsxs)(`span`,{className:r.default.inner,children:[(0,o.jsx)(n.Icon,{name:_?`ChevronUpIcon`:s,size:d,className:(0,a.default)(_&&r.default.iconBacktop)}),f&&(0,o.jsx)(`span`,{className:r.default.labelWrapper,children:(0,o.jsx)(`span`,{className:r.default.label,children:f})}),g&&(0,o.jsx)(`span`,{className:(0,a.default)(r.default.badge,g===!0&&r.default.dot),children:typeof g==`number`?g:``})]}),h&&(0,o.jsx)(`span`,{className:r.default.description,children:h})]})});s.displayName=`FloatButton`,exports.FloatButton=s,exports.default=s;

package/dist/components/form/FloatButton/FloatButton.d.ts

@@ -0,0 +1,40 @@
+import { default as React } from 'react';
+import { ComponentSizeBasic, ButtonIntent } from '../../../types/tokens';
+export interface FloatButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * If true, the button will be rendered as its child, merging its props onto that child.
+     */
+    asChild?: boolean;
+    /** Icon name from the library */
+    iconName?: "CircleIcon" | "SquareIcon" | "LoadingIcon" | "ExternalLinkIcon" | "ArrowUpIcon" | string;
+    /** Variant of the button */
+    variant?: "default" | "primary" | "glass";
+    /** Intent of the button (semantic meaning) */
+    intent?: ButtonIntent;
+    /** Shape of the button */
+    shape?: "circle" | "square";
+    /** Size of the button */
+    size?: ComponentSizeBasic;
+    /** Label text for extended FAB */
+    label?: React.ReactNode;
+    /** Whether to shrink the extended FAB (hide label) */
+    shrink?: boolean;
+    /** Position of the button */
+    position?: "bottom-right" | "bottom-left" | "bottom-center" | "top-right" | "top-left" | "static";
+    /** Description for tooltip */
+    description?: React.ReactNode;
+    /** Badge content (number or dot) */
+    badge?: number | boolean;
+    /** If true, the button will scroll to the top of the page when clicked */
+    backTop?: boolean;
+    /** Visibility threshold for backTop (in pixels) */
+    visibilityHeight?: number;
+    /** Additional class names */
+    className?: string;
+    /** Style attribute */
+    style?: React.CSSProperties;
+    /** Aria label for accessibility */
+    "aria-label"?: string;
+}
+export declare const FloatButton: React.ForwardRefExoticComponent<FloatButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default FloatButton;