solid-tiny-ui 0.4.0 → 0.6.0

package/dist/components/toaster/use-toaster.js

@@ -0,0 +1,72 @@
+import { context } from "./context.js";
+import { createUniqueId } from "solid-js";
+import { callMaybeCallableChild } from "solid-tiny-utils";
+
+//#region src/components/toaster/use-toaster.ts
+function createPreset(presets, toast) {
+	return (msg, opt) => {
+		return toast(msg, {
+			...presets,
+			...opt
+		});
+	};
+}
+function useToaster() {
+	const [state, actions] = context.useContext();
+	const toast = (msg, opt) => {
+		const id = `toast-${createUniqueId()}`;
+		actions.setState("toasts", (toasts) => [{
+			id,
+			type: opt?.type || "blank",
+			duration: opt?.duration ?? state.defaultDuration,
+			position: opt?.position || state.defaultPosition,
+			message: msg,
+			icon: opt?.icon ?? null
+		}, ...toasts]);
+		return id;
+	};
+	return Object.assign(toast, {
+		blank: createPreset({ type: "blank" }, toast),
+		loading: createPreset({
+			type: "loading",
+			duration: 0
+		}, toast),
+		success: createPreset({ type: "success" }, toast),
+		error: createPreset({ type: "error" }, toast),
+		info: createPreset({ type: "info" }, toast),
+		warning: createPreset({ type: "warning" }, toast),
+		promise: createPromiseToast(toast, actions.updateToast),
+		dismiss: actions.dismissToast,
+		update: actions.updateToast
+	});
+}
+function createPromiseToast(toast, update) {
+	return (promise, phase) => {
+		const id = toast((params) => callMaybeCallableChild(phase.loading, { ...params }), {
+			type: "loading",
+			duration: 0
+		});
+		promise.then((data) => {
+			update(id, {
+				type: "success",
+				duration: 5e3,
+				message: ({ id: id$1 }) => callMaybeCallableChild(phase.success, {
+					id: id$1,
+					data
+				})
+			});
+		}).catch((error) => {
+			update(id, {
+				type: "error",
+				duration: 5e3,
+				message: ({ id: id$1 }) => callMaybeCallableChild(phase.error, {
+					id: id$1,
+					error
+				})
+			});
+		});
+	};
+}
+
+//#endregion
+export { useToaster };

package/dist/components/toaster/use-toaster.jsx

@@ -0,0 +1,72 @@
+import { context } from "./context.jsx";
+import { createUniqueId } from "solid-js";
+import { callMaybeCallableChild } from "solid-tiny-utils";
+
+//#region src/components/toaster/use-toaster.ts
+function createPreset(presets, toast) {
+	return (msg, opt) => {
+		return toast(msg, {
+			...presets,
+			...opt
+		});
+	};
+}
+function useToaster() {
+	const [state, actions] = context.useContext();
+	const toast = (msg, opt) => {
+		const id = `toast-${createUniqueId()}`;
+		actions.setState("toasts", (toasts) => [{
+			id,
+			type: opt?.type || "blank",
+			duration: opt?.duration ?? state.defaultDuration,
+			position: opt?.position || state.defaultPosition,
+			message: msg,
+			icon: opt?.icon ?? null
+		}, ...toasts]);
+		return id;
+	};
+	return Object.assign(toast, {
+		blank: createPreset({ type: "blank" }, toast),
+		loading: createPreset({
+			type: "loading",
+			duration: 0
+		}, toast),
+		success: createPreset({ type: "success" }, toast),
+		error: createPreset({ type: "error" }, toast),
+		info: createPreset({ type: "info" }, toast),
+		warning: createPreset({ type: "warning" }, toast),
+		promise: createPromiseToast(toast, actions.updateToast),
+		dismiss: actions.dismissToast,
+		update: actions.updateToast
+	});
+}
+function createPromiseToast(toast, update) {
+	return (promise, phase) => {
+		const id = toast((params) => callMaybeCallableChild(phase.loading, { ...params }), {
+			type: "loading",
+			duration: 0
+		});
+		promise.then((data) => {
+			update(id, {
+				type: "success",
+				duration: 5e3,
+				message: ({ id: id$1 }) => callMaybeCallableChild(phase.success, {
+					id: id$1,
+					data
+				})
+			});
+		}).catch((error) => {
+			update(id, {
+				type: "error",
+				duration: 5e3,
+				message: ({ id: id$1 }) => callMaybeCallableChild(phase.error, {
+					id: id$1,
+					error
+				})
+			});
+		});
+	};
+}
+
+//#endregion
+export { useToaster };

package/dist/components/tooltip/tooltip.d.ts

@@ -1,3 +1,4 @@
+import { ClassNames, Styles } from "../../utils/types.js";
 import { JSX } from "solid-js";
 
 //#region src/components/tooltip/tooltip.d.ts
@@ -6,6 +7,12 @@ interface TooltipProps {
   content: string;
   children: JSX.Element;
   disabled?: boolean;
+  classNames?: ClassNames<"content", {
+    disabled: boolean;
+  }>;
+  styles?: Styles<"content", {
+    disabled: boolean;
+  }>;
 }
 declare function Tooltip(props: TooltipProps): JSX.Element;
 //#endregion

package/dist/components/tooltip/tooltip.js

@@ -1,11 +1,13 @@
+import { createClassStyles } from "../../utils/index.js";
 import tooltip_default from "../../_virtual/__viteSafe__/home/runner/work/solid-tiny-ui/solid-tiny-ui/packages/core/src/components/tooltip/tooltip.js";
 import { FloatingUiCore } from "../../primitives/floating/index.js";
 import { createComponent, memo } from "solid-js/web";
-import { mountStyle } from "solid-tiny-utils";
+import { combineClass, combineStyle, mountStyle } from "solid-tiny-utils";
 
 //#region src/components/tooltip/tooltip.tsx
 function Tooltip(props) {
 	mountStyle(tooltip_default, "tiny-tooltip");
+	const [classes, styles] = createClassStyles(() => props.classNames, () => props.styles, () => ({ disabled: props.disabled ?? false }));
 	return createComponent(FloatingUiCore, {
 		get disabled() {
 			return props.disabled;
@@ -18,7 +20,12 @@ function Tooltip(props) {
 			return [createComponent(FloatingUiCore.Trigger, { get children() {
 				return props.children;
 			} }), createComponent(FloatingUiCore.Content, {
-				"class": "tiny-tooltip__content",
+				get ["class"]() {
+					return combineClass("tiny-tooltip__content", classes().content);
+				},
+				get style() {
+					return combineStyle({}, styles().content);
+				},
 				get children() {
 					return props.content;
 				}

package/dist/components/tooltip/tooltip.jsx

@@ -1,13 +1,15 @@
+import { createClassStyles } from "../../utils/index.jsx";
 import tooltip_default from "../../_virtual/__viteSafe__/home/runner/work/solid-tiny-ui/solid-tiny-ui/packages/core/src/components/tooltip/tooltip.jsx";
 import { FloatingUiCore } from "../../primitives/floating/index.jsx";
-import { mountStyle } from "solid-tiny-utils";
+import { combineClass, combineStyle, mountStyle } from "solid-tiny-utils";
 
 //#region src/components/tooltip/tooltip.tsx
 function Tooltip(props) {
 	mountStyle(tooltip_default, "tiny-tooltip");
+	const [classes, styles] = createClassStyles(() => props.classNames, () => props.styles, () => ({ disabled: props.disabled ?? false }));
 	return <FloatingUiCore disabled={props.disabled} placement={props.placement ?? "top"} trigger="hover">
       <FloatingUiCore.Trigger>{props.children}</FloatingUiCore.Trigger>
-      <FloatingUiCore.Content class="tiny-tooltip__content">
+      <FloatingUiCore.Content class={combineClass("tiny-tooltip__content", classes().content)} style={combineStyle({}, styles().content)}>
         {props.content}
       </FloatingUiCore.Content>
     </FloatingUiCore>;

package/dist/components/visually-hidden/index.js

@@ -0,0 +1,19 @@
+import visually_hidden_default from "../../_virtual/__viteSafe__/home/runner/work/solid-tiny-ui/solid-tiny-ui/packages/core/src/components/visually-hidden/visually-hidden.js";
+import { Dynamic, createComponent, memo, mergeProps } from "solid-js/web";
+import { combineClass, mountStyle } from "solid-tiny-utils";
+
+//#region src/components/visually-hidden/index.tsx
+function VisuallyHidden(props) {
+	mountStyle(visually_hidden_default, "tiny-visually-hidden");
+	return createComponent(Dynamic, mergeProps(props, {
+		get ["class"]() {
+			return combineClass("tiny-visually-hidden", props.class);
+		},
+		get component() {
+			return props.as ?? "span";
+		}
+	}));
+}
+
+//#endregion
+export { VisuallyHidden };

package/dist/components/visually-hidden/index.jsx

@@ -0,0 +1,12 @@
+import visually_hidden_default from "../../_virtual/__viteSafe__/home/runner/work/solid-tiny-ui/solid-tiny-ui/packages/core/src/components/visually-hidden/visually-hidden.jsx";
+import { combineClass, mountStyle } from "solid-tiny-utils";
+import { Dynamic } from "solid-js/web";
+
+//#region src/components/visually-hidden/index.tsx
+function VisuallyHidden(props) {
+	mountStyle(visually_hidden_default, "tiny-visually-hidden");
+	return <Dynamic {...props} class={combineClass("tiny-visually-hidden", props.class)} component={props.as ?? "span"} />;
+}
+
+//#endregion
+export { VisuallyHidden };

package/dist/icons/arrow-down-s-line.d.ts

@@ -1,6 +1,7 @@
-import * as solid_js0 from "solid-js";
+import { IconProps } from "./common.js";
+import * as solid_js16 from "solid-js";
 
 //#region src/icons/arrow-down-s-line.d.ts
-declare function ArrowDownSLine(): solid_js0.JSX.Element;
+declare function ArrowDownSLine(props: IconProps): solid_js16.JSX.Element;
 //#endregion
 export { ArrowDownSLine };

package/dist/icons/arrow-down-s-line.js

@@ -1,12 +1,12 @@
 import { SvgWrapper } from "./common.js";
-import { createComponent, template } from "solid-js/web";
+import { createComponent, mergeProps, template } from "solid-js/web";
 
 //#region src/icons/arrow-down-s-line.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<svg><path d="m12 13.171l4.95-4.95l1.414 1.415L12 16L5.636 9.636L7.05 8.222z"fill=currentColor></svg>`, false, true, false);
-function ArrowDownSLine() {
-	return createComponent(SvgWrapper, { get children() {
+function ArrowDownSLine(props) {
+	return createComponent(SvgWrapper, mergeProps(props, { get children() {
 		return _tmpl$();
-	} });
+	} }));
 }
 
 //#endregion

package/dist/icons/arrow-down-s-line.jsx

@@ -1,8 +1,8 @@
 import { SvgWrapper } from "./common.jsx";
 
 //#region src/icons/arrow-down-s-line.tsx
-function ArrowDownSLine() {
-	return <SvgWrapper>
+function ArrowDownSLine(props) {
+	return <SvgWrapper {...props}>
       <path d="m12 13.171l4.95-4.95l1.414 1.415L12 16L5.636 9.636L7.05 8.222z" fill="currentColor" />
     </SvgWrapper>;
 }

package/dist/icons/arrow-left.d.ts

@@ -0,0 +1,7 @@
+import { IconProps } from "./common.js";
+import * as solid_js17 from "solid-js";
+
+//#region src/icons/arrow-left.d.ts
+declare function IconArrowLeft(props: IconProps): solid_js17.JSX.Element;
+//#endregion
+export { IconArrowLeft };

package/dist/icons/arrow-left.js

@@ -0,0 +1,13 @@
+import { SvgWrapper } from "./common.js";
+import { createComponent, mergeProps, template } from "solid-js/web";
+
+//#region src/icons/arrow-left.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<svg><path d="m10.828 12l4.95 4.95l-1.414 1.415L8 12l6.364-6.364l1.414 1.414z"fill=currentColor></svg>`, false, true, false);
+function IconArrowLeft(props) {
+	return createComponent(SvgWrapper, mergeProps(props, { get children() {
+		return _tmpl$();
+	} }));
+}
+
+//#endregion
+export { IconArrowLeft };

package/dist/icons/arrow-left.jsx

@@ -0,0 +1,11 @@
+import { SvgWrapper } from "./common.jsx";
+
+//#region src/icons/arrow-left.tsx
+function IconArrowLeft(props) {
+	return <SvgWrapper {...props}>
+      <path d="m10.828 12l4.95 4.95l-1.414 1.415L8 12l6.364-6.364l1.414 1.414z" fill="currentColor" />
+    </SvgWrapper>;
+}
+
+//#endregion
+export { IconArrowLeft };

package/dist/icons/arrow-right.d.ts

@@ -0,0 +1,7 @@
+import { IconProps } from "./common.js";
+import * as solid_js18 from "solid-js";
+
+//#region src/icons/arrow-right.d.ts
+declare function IconArrowRight(props: IconProps): solid_js18.JSX.Element;
+//#endregion
+export { IconArrowRight };

package/dist/icons/arrow-right.js

@@ -0,0 +1,13 @@
+import { SvgWrapper } from "./common.js";
+import { createComponent, mergeProps, template } from "solid-js/web";
+
+//#region src/icons/arrow-right.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<svg><path d="m13.172 12l-4.95-4.95l1.414-1.413L16 12l-6.364 6.364l-1.414-1.415z"fill=currentColor></svg>`, false, true, false);
+function IconArrowRight(props) {
+	return createComponent(SvgWrapper, mergeProps(props, { get children() {
+		return _tmpl$();
+	} }));
+}
+
+//#endregion
+export { IconArrowRight };

package/dist/icons/arrow-right.jsx

@@ -0,0 +1,11 @@
+import { SvgWrapper } from "./common.jsx";
+
+//#region src/icons/arrow-right.tsx
+function IconArrowRight(props) {
+	return <SvgWrapper {...props}>
+      <path d="m13.172 12l-4.95-4.95l1.414-1.413L16 12l-6.364 6.364l-1.414-1.415z" fill="currentColor" />
+    </SvgWrapper>;
+}
+
+//#endregion
+export { IconArrowRight };

package/dist/icons/check-bold.d.ts

@@ -0,0 +1,7 @@
+import { IconProps } from "./common.js";
+import * as solid_js19 from "solid-js";
+
+//#region src/icons/check-bold.d.ts
+declare function CheckBold(props: IconProps): solid_js19.JSX.Element;
+//#endregion
+export { CheckBold };

package/dist/icons/check-bold.js

@@ -0,0 +1,13 @@
+import { SvgWrapper } from "./common.js";
+import { createComponent, mergeProps, template } from "solid-js/web";
+
+//#region src/icons/check-bold.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<svg><path d="m6 10l-2 2l6 6L20 8l-2-2l-8 8z"fill=currentColor fill-rule=evenodd></svg>`, false, true, false);
+function CheckBold(props) {
+	return createComponent(SvgWrapper, mergeProps(props, { get children() {
+		return _tmpl$();
+	} }));
+}
+
+//#endregion
+export { CheckBold };

package/dist/icons/check-bold.jsx

@@ -0,0 +1,11 @@
+import { SvgWrapper } from "./common.jsx";
+
+//#region src/icons/check-bold.tsx
+function CheckBold(props) {
+	return <SvgWrapper {...props}>
+      <path d="m6 10l-2 2l6 6L20 8l-2-2l-8 8z" fill="currentColor" fill-rule="evenodd" />
+    </SvgWrapper>;
+}
+
+//#endregion
+export { CheckBold };

package/dist/icons/check-line.d.ts

@@ -0,0 +1,7 @@
+import { IconProps } from "./common.js";
+import * as solid_js20 from "solid-js";
+
+//#region src/icons/check-line.d.ts
+declare function CheckLine(props: IconProps): solid_js20.JSX.Element;
+//#endregion
+export { CheckLine };

package/dist/icons/check-line.js

@@ -0,0 +1,13 @@
+import { SvgWrapper } from "./common.js";
+import { createComponent, mergeProps, template } from "solid-js/web";
+
+//#region src/icons/check-line.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<svg><path d="m10 15.17l9.192-9.191l1.414 1.414L10 17.999l-6.364-6.364l1.414-1.414z"fill=currentColor></svg>`, false, true, false);
+function CheckLine(props) {
+	return createComponent(SvgWrapper, mergeProps(props, { get children() {
+		return _tmpl$();
+	} }));
+}
+
+//#endregion
+export { CheckLine };

package/dist/icons/check-line.jsx

@@ -0,0 +1,11 @@
+import { SvgWrapper } from "./common.jsx";
+
+//#region src/icons/check-line.tsx
+function CheckLine(props) {
+	return <SvgWrapper {...props}>
+      <path d="m10 15.17l9.192-9.191l1.414 1.414L10 17.999l-6.364-6.364l1.414-1.414z" fill="currentColor" />
+    </SvgWrapper>;
+}
+
+//#endregion
+export { CheckLine };

package/dist/icons/checkbox-circle-line.d.ts

@@ -0,0 +1,7 @@
+import { IconProps } from "./common.js";
+import * as solid_js21 from "solid-js";
+
+//#region src/icons/checkbox-circle-line.d.ts
+declare function IconCheckboxCircleLine(props: IconProps): solid_js21.JSX.Element;
+//#endregion
+export { IconCheckboxCircleLine };

package/dist/icons/checkbox-circle-line.js

@@ -0,0 +1,13 @@
+import { SvgWrapper } from "./common.js";
+import { createComponent, mergeProps, template } from "solid-js/web";
+
+//#region src/icons/checkbox-circle-line.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<svg><path d="M4 12a8 8 0 1 1 16 0a8 8 0 0 1-16 0m8-10C6.477 2 2 6.477 2 12s4.477 10 10 10s10-4.477 10-10S17.523 2 12 2m5.457 7.457l-1.414-1.414L11 13.086l-2.793-2.793l-1.414 1.414L11 15.914z"fill=currentColor></svg>`, false, true, false);
+function IconCheckboxCircleLine(props) {
+	return createComponent(SvgWrapper, mergeProps(props, { get children() {
+		return _tmpl$();
+	} }));
+}
+
+//#endregion
+export { IconCheckboxCircleLine };

package/dist/icons/checkbox-circle-line.jsx

@@ -0,0 +1,11 @@
+import { SvgWrapper } from "./common.jsx";
+
+//#region src/icons/checkbox-circle-line.tsx
+function IconCheckboxCircleLine(props) {
+	return <SvgWrapper {...props}>
+      <path d="M4 12a8 8 0 1 1 16 0a8 8 0 0 1-16 0m8-10C6.477 2 2 6.477 2 12s4.477 10 10 10s10-4.477 10-10S17.523 2 12 2m5.457 7.457l-1.414-1.414L11 13.086l-2.793-2.793l-1.414 1.414L11 15.914z" fill="currentColor" />
+    </SvgWrapper>;
+}
+
+//#endregion
+export { IconCheckboxCircleLine };

package/dist/icons/close-line.d.ts

@@ -1,6 +1,7 @@
-import * as solid_js0 from "solid-js";
+import { IconProps } from "./common.js";
+import * as solid_js22 from "solid-js";
 
 //#region src/icons/close-line.d.ts
-declare function CloseLine(): solid_js0.JSX.Element;
+declare function CloseLine(props: IconProps): solid_js22.JSX.Element;
 //#endregion
 export { CloseLine };

package/dist/icons/close-line.js

@@ -1,12 +1,12 @@
 import { SvgWrapper } from "./common.js";
-import { createComponent, template } from "solid-js/web";
+import { createComponent, mergeProps, template } from "solid-js/web";
 
 //#region src/icons/close-line.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<svg><path d="m12 10.587l4.95-4.95l1.414 1.414l-4.95 4.95l4.95 4.95l-1.415 1.414l-4.95-4.95l-4.949 4.95l-1.414-1.415l4.95-4.95l-4.95-4.95L7.05 5.638z"fill=currentColor></svg>`, false, true, false);
-function CloseLine() {
-	return createComponent(SvgWrapper, { get children() {
+function CloseLine(props) {
+	return createComponent(SvgWrapper, mergeProps(props, { get children() {
 		return _tmpl$();
-	} });
+	} }));
 }
 
 //#endregion

package/dist/icons/close-line.jsx

@@ -1,8 +1,8 @@
 import { SvgWrapper } from "./common.jsx";
 
 //#region src/icons/close-line.tsx
-function CloseLine() {
-	return <SvgWrapper>
+function CloseLine(props) {
+	return <SvgWrapper {...props}>
       <path d="m12 10.587l4.95-4.95l1.414 1.414l-4.95 4.95l4.95 4.95l-1.415 1.414l-4.95-4.95l-4.949 4.95l-1.414-1.415l4.95-4.95l-4.95-4.95L7.05 5.638z" fill="currentColor" />
     </SvgWrapper>;
 }

package/dist/icons/common.d.ts

@@ -0,0 +1,9 @@
+import { JSX } from "solid-js";
+
+//#region src/icons/common.d.ts
+interface IconProps {
+  viewBoxSize?: number;
+  size?: string;
+}
+//#endregion
+export { IconProps };

package/dist/icons/common.js

@@ -2,13 +2,23 @@ import { effect, insert, setAttribute, template } from "solid-js/web";
 import { createMemo } from "solid-js";
 
 //#region src/icons/common.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<svg aria-label=icon height=1.2em role=img width=1.2em xmlns=http://www.w3.org/2000/svg>`);
+var _tmpl$ = /* @__PURE__ */ template(`<svg aria-label=icon role=img xmlns=http://www.w3.org/2000/svg>`);
 function SvgWrapper(props) {
 	const size = createMemo(() => props.viewBoxSize || 24);
 	return (() => {
 		var _el$ = _tmpl$();
 		insert(_el$, () => props.children);
-		effect(() => setAttribute(_el$, "viewBox", `0 0 ${size()} ${size()}`));
+		effect((_p$) => {
+			var _v$ = props.size || "1.2em", _v$2 = `0 0 ${size()} ${size()}`, _v$3 = props.size || "1.2em";
+			_v$ !== _p$.e && setAttribute(_el$, "height", _p$.e = _v$);
+			_v$2 !== _p$.t && setAttribute(_el$, "viewBox", _p$.t = _v$2);
+			_v$3 !== _p$.a && setAttribute(_el$, "width", _p$.a = _v$3);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0
+		});
 		return _el$;
 	})();
 }

package/dist/icons/common.jsx

@@ -3,7 +3,7 @@ import { createMemo } from "solid-js";
 //#region src/icons/common.tsx
 function SvgWrapper(props) {
 	const size = createMemo(() => props.viewBoxSize || 24);
-	return <svg aria-label="icon" height="1.2em" role="img" viewBox={`0 0 ${size()} ${size()}`} width="1.2em" xmlns="http://www.w3.org/2000/svg">
+	return <svg aria-label="icon" height={props.size || "1.2em"} role="img" viewBox={`0 0 ${size()} ${size()}`} width={props.size || "1.2em"} xmlns="http://www.w3.org/2000/svg">
       {props.children}
     </svg>;
 }

package/dist/icons/ellipsis.d.ts

@@ -0,0 +1,7 @@
+import { IconProps } from "./common.js";
+import * as solid_js23 from "solid-js";
+
+//#region src/icons/ellipsis.d.ts
+declare function IconEllipsis(props: IconProps): solid_js23.JSX.Element;
+//#endregion
+export { IconEllipsis };

package/dist/icons/ellipsis.js

@@ -0,0 +1,13 @@
+import { SvgWrapper } from "./common.js";
+import { createComponent, mergeProps, template } from "solid-js/web";
+
+//#region src/icons/ellipsis.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<svg><path d="M5 10c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2m14 0c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2m-7 0c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2"fill=currentColor></svg>`, false, true, false);
+function IconEllipsis(props) {
+	return createComponent(SvgWrapper, mergeProps(props, { get children() {
+		return _tmpl$();
+	} }));
+}
+
+//#endregion
+export { IconEllipsis };

package/dist/icons/ellipsis.jsx

@@ -0,0 +1,11 @@
+import { SvgWrapper } from "./common.jsx";
+
+//#region src/icons/ellipsis.tsx
+function IconEllipsis(props) {
+	return <SvgWrapper {...props}>
+      <path d="M5 10c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2m14 0c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2m-7 0c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2" fill="currentColor" />
+    </SvgWrapper>;
+}
+
+//#endregion
+export { IconEllipsis };

package/dist/icons/error-warning-line.d.ts

@@ -0,0 +1,7 @@
+import { IconProps } from "./common.js";
+import * as solid_js24 from "solid-js";
+
+//#region src/icons/error-warning-line.d.ts
+declare function IconErrorWarningLine(props: IconProps): solid_js24.JSX.Element;
+//#endregion
+export { IconErrorWarningLine };

package/dist/icons/error-warning-line.js

@@ -0,0 +1,13 @@
+import { SvgWrapper } from "./common.js";
+import { createComponent, mergeProps, template } from "solid-js/web";
+
+//#region src/icons/error-warning-line.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<svg><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16m-1-5h2v2h-2zm0-8h2v6h-2z"fill=currentColor></svg>`, false, true, false);
+function IconErrorWarningLine(props) {
+	return createComponent(SvgWrapper, mergeProps(props, { get children() {
+		return _tmpl$();
+	} }));
+}
+
+//#endregion
+export { IconErrorWarningLine };

package/dist/icons/error-warning-line.jsx

@@ -0,0 +1,11 @@
+import { SvgWrapper } from "./common.jsx";
+
+//#region src/icons/error-warning-line.tsx
+function IconErrorWarningLine(props) {
+	return <SvgWrapper {...props}>
+      <path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16m-1-5h2v2h-2zm0-8h2v6h-2z" fill="currentColor" />
+    </SvgWrapper>;
+}
+
+//#endregion
+export { IconErrorWarningLine };

package/dist/icons/eye-line.d.ts

@@ -0,0 +1,7 @@
+import { IconProps } from "./common.js";
+import * as solid_js25 from "solid-js";
+
+//#region src/icons/eye-line.d.ts
+declare function EyeLine(props: IconProps): solid_js25.JSX.Element;
+//#endregion
+export { EyeLine };