solid-tiny-ui 0.4.0 → 0.6.0

package/dist/icons/eye-line.js

@@ -0,0 +1,13 @@
+import { SvgWrapper } from "./common.js";
+import { createComponent, mergeProps, template } from "solid-js/web";
+
+//#region src/icons/eye-line.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<svg><path d="M12 3c5.392 0 9.878 3.88 10.819 9c-.94 5.12-5.427 9-10.819 9s-9.878-3.88-10.818-9C2.122 6.88 6.608 3 12 3m0 16a9.005 9.005 0 0 0 8.778-7a9.005 9.005 0 0 0-17.555 0A9.005 9.005 0 0 0 12 19m0-2.5a4.5 4.5 0 1 1 0-9a4.5 4.5 0 0 1 0 9m0-2a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5"fill=currentColor></svg>`, false, true, false);
+function EyeLine(props) {
+	return createComponent(SvgWrapper, mergeProps(props, { get children() {
+		return _tmpl$();
+	} }));
+}
+
+//#endregion
+export { EyeLine };

package/dist/icons/eye-line.jsx

@@ -0,0 +1,11 @@
+import { SvgWrapper } from "./common.jsx";
+
+//#region src/icons/eye-line.tsx
+function EyeLine(props) {
+	return <SvgWrapper {...props}>
+      <path d="M12 3c5.392 0 9.878 3.88 10.819 9c-.94 5.12-5.427 9-10.819 9s-9.878-3.88-10.818-9C2.122 6.88 6.608 3 12 3m0 16a9.005 9.005 0 0 0 8.778-7a9.005 9.005 0 0 0-17.555 0A9.005 9.005 0 0 0 12 19m0-2.5a4.5 4.5 0 1 1 0-9a4.5 4.5 0 0 1 0 9m0-2a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5" fill="currentColor" />
+    </SvgWrapper>;
+}
+
+//#endregion
+export { EyeLine };

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

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

package/dist/icons/eye-off-line.js

@@ -0,0 +1,13 @@
+import { SvgWrapper } from "./common.js";
+import { createComponent, mergeProps, template } from "solid-js/web";
+
+//#region src/icons/eye-off-line.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<svg><path d="M17.883 19.297A10.95 10.95 0 0 1 12 21c-5.392 0-9.878-3.88-10.818-9A11 11 0 0 1 4.52 5.935L1.394 2.808l1.414-1.414l19.799 19.798l-1.414 1.415zM5.936 7.35A8.97 8.97 0 0 0 3.223 12a9.005 9.005 0 0 0 13.201 5.838l-2.028-2.028A4.5 4.5 0 0 1 8.19 9.604zm6.978 6.978l-3.242-3.241a2.5 2.5 0 0 0 3.241 3.241m7.893 2.265l-1.431-1.431A8.9 8.9 0 0 0 20.778 12A9.005 9.005 0 0 0 9.552 5.338L7.974 3.76C9.221 3.27 10.58 3 12 3c5.392 0 9.878 3.88 10.819 9a10.95 10.95 0 0 1-2.012 4.593m-9.084-9.084Q11.86 7.5 12 7.5a4.5 4.5 0 0 1 4.492 4.778z"fill=currentColor></svg>`, false, true, false);
+function EyeOffLine(props) {
+	return createComponent(SvgWrapper, mergeProps(props, { get children() {
+		return _tmpl$();
+	} }));
+}
+
+//#endregion
+export { EyeOffLine };

package/dist/icons/eye-off-line.jsx

@@ -0,0 +1,11 @@
+import { SvgWrapper } from "./common.jsx";
+
+//#region src/icons/eye-off-line.tsx
+function EyeOffLine(props) {
+	return <SvgWrapper {...props}>
+      <path d="M17.883 19.297A10.95 10.95 0 0 1 12 21c-5.392 0-9.878-3.88-10.818-9A11 11 0 0 1 4.52 5.935L1.394 2.808l1.414-1.414l19.799 19.798l-1.414 1.415zM5.936 7.35A8.97 8.97 0 0 0 3.223 12a9.005 9.005 0 0 0 13.201 5.838l-2.028-2.028A4.5 4.5 0 0 1 8.19 9.604zm6.978 6.978l-3.242-3.241a2.5 2.5 0 0 0 3.241 3.241m7.893 2.265l-1.431-1.431A8.9 8.9 0 0 0 20.778 12A9.005 9.005 0 0 0 9.552 5.338L7.974 3.76C9.221 3.27 10.58 3 12 3c5.392 0 9.878 3.88 10.819 9a10.95 10.95 0 0 1-2.012 4.593m-9.084-9.084Q11.86 7.5 12 7.5a4.5 4.5 0 0 1 4.492 4.778z" fill="currentColor" />
+    </SvgWrapper>;
+}
+
+//#endregion
+export { EyeOffLine };

package/dist/icons/index.d.ts

@@ -1,3 +1,15 @@
 import { ArrowDownSLine } from "./arrow-down-s-line.js";
+import { IconArrowLeft } from "./arrow-left.js";
+import { IconArrowRight } from "./arrow-right.js";
+import { CheckBold } from "./check-bold.js";
+import { CheckLine } from "./check-line.js";
+import { IconCheckboxCircleLine } from "./checkbox-circle-line.js";
 import { CloseLine } from "./close-line.js";
-export { ArrowDownSLine, CloseLine };
+import { IconEllipsis } from "./ellipsis.js";
+import { IconErrorWarningLine } from "./error-warning-line.js";
+import { EyeLine } from "./eye-line.js";
+import { EyeOffLine } from "./eye-off-line.js";
+import { InformationLine } from "./information-line.js";
+import { IconLoading } from "./loading.js";
+import { IconSubtract } from "./subtract.js";
+export { ArrowDownSLine, CheckBold, CheckLine, CloseLine, EyeLine, EyeOffLine, IconArrowLeft, IconArrowRight, IconCheckboxCircleLine, IconEllipsis, IconErrorWarningLine, IconLoading, IconSubtract, InformationLine };

package/dist/icons/index.js

@@ -1,4 +1,16 @@
 import { ArrowDownSLine } from "./arrow-down-s-line.js";
+import { IconArrowLeft } from "./arrow-left.js";
+import { IconArrowRight } from "./arrow-right.js";
+import { CheckBold } from "./check-bold.js";
+import { CheckLine } from "./check-line.js";
+import { IconCheckboxCircleLine } from "./checkbox-circle-line.js";
 import { CloseLine } from "./close-line.js";
+import { IconEllipsis } from "./ellipsis.js";
+import { IconErrorWarningLine } from "./error-warning-line.js";
+import { EyeLine } from "./eye-line.js";
+import { EyeOffLine } from "./eye-off-line.js";
+import { InformationLine } from "./information-line.js";
+import { IconLoading } from "./loading.js";
+import { IconSubtract } from "./subtract.js";
 
-export { ArrowDownSLine, CloseLine };
+export { ArrowDownSLine, CheckBold, CheckLine, CloseLine, EyeLine, EyeOffLine, IconArrowLeft, IconArrowRight, IconCheckboxCircleLine, IconEllipsis, IconErrorWarningLine, IconLoading, IconSubtract, InformationLine };

package/dist/icons/index.jsx

@@ -1,4 +1,16 @@
 import { ArrowDownSLine } from "./arrow-down-s-line.jsx";
+import { IconArrowLeft } from "./arrow-left.jsx";
+import { IconArrowRight } from "./arrow-right.jsx";
+import { CheckBold } from "./check-bold.jsx";
+import { CheckLine } from "./check-line.jsx";
+import { IconCheckboxCircleLine } from "./checkbox-circle-line.jsx";
 import { CloseLine } from "./close-line.jsx";
+import { IconEllipsis } from "./ellipsis.jsx";
+import { IconErrorWarningLine } from "./error-warning-line.jsx";
+import { EyeLine } from "./eye-line.jsx";
+import { EyeOffLine } from "./eye-off-line.jsx";
+import { InformationLine } from "./information-line.jsx";
+import { IconLoading } from "./loading.jsx";
+import { IconSubtract } from "./subtract.jsx";
 
-export { ArrowDownSLine, CloseLine };
+export { ArrowDownSLine, CheckBold, CheckLine, CloseLine, EyeLine, EyeOffLine, IconArrowLeft, IconArrowRight, IconCheckboxCircleLine, IconEllipsis, IconErrorWarningLine, IconLoading, IconSubtract, InformationLine };

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

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

package/dist/icons/information-line.js

@@ -0,0 +1,13 @@
+import { SvgWrapper } from "./common.js";
+import { createComponent, mergeProps, template } from "solid-js/web";
+
+//#region src/icons/information-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 16M11 7h2v2h-2zm0 4h2v6h-2z"fill=currentColor></svg>`, false, true, false);
+function InformationLine(props) {
+	return createComponent(SvgWrapper, mergeProps(props, { get children() {
+		return _tmpl$();
+	} }));
+}
+
+//#endregion
+export { InformationLine };

package/dist/icons/information-line.jsx

@@ -0,0 +1,11 @@
+import { SvgWrapper } from "./common.jsx";
+
+//#region src/icons/information-line.tsx
+function InformationLine(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 16M11 7h2v2h-2zm0 4h2v6h-2z" fill="currentColor" />
+    </SvgWrapper>;
+}
+
+//#endregion
+export { InformationLine };

package/dist/icons/loading.d.ts

@@ -0,0 +1,13 @@
+import { IconProps } from "./common.js";
+import * as solid_js28 from "solid-js";
+
+//#region src/icons/loading.d.ts
+
+/**
+ * loading icon from [EOS Icons](https://gitlab.com/SUSE-UIUX/eos-icons)
+ *
+ * [MIT LICENSE](https://gitlab.com/SUSE-UIUX/eos-icons/-/blob/master/LICENSE)
+ */
+declare function IconLoading(props: IconProps): solid_js28.JSX.Element;
+//#endregion
+export { IconLoading };

package/dist/icons/loading.js

@@ -0,0 +1,18 @@
+import { SvgWrapper } from "./common.js";
+import { createComponent, mergeProps, template } from "solid-js/web";
+
+//#region src/icons/loading.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<svg><path d="M12 2A10 10 0 1 0 22 12A10 10 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8A8 8 0 0 1 12 20Z"fill=currentColor opacity=0.5></svg>`, false, true, false), _tmpl$2 = /* @__PURE__ */ template(`<svg><path d="M20 12h2A10 10 0 0 0 12 2V4A8 8 0 0 1 20 12Z"fill=currentColor><animateTransform attributeName=transform dur=1s from="0 12 12"repeatCount=indefinite to="360 12 12"type=rotate></svg>`, false, true, false);
+/**
+* loading icon from [EOS Icons](https://gitlab.com/SUSE-UIUX/eos-icons)
+*
+* [MIT LICENSE](https://gitlab.com/SUSE-UIUX/eos-icons/-/blob/master/LICENSE)
+*/
+function IconLoading(props) {
+	return createComponent(SvgWrapper, mergeProps(props, { get children() {
+		return [_tmpl$(), _tmpl$2()];
+	} }));
+}
+
+//#endregion
+export { IconLoading };

package/dist/icons/loading.jsx

@@ -0,0 +1,19 @@
+import { SvgWrapper } from "./common.jsx";
+
+//#region src/icons/loading.tsx
+/**
+* loading icon from [EOS Icons](https://gitlab.com/SUSE-UIUX/eos-icons)
+*
+* [MIT LICENSE](https://gitlab.com/SUSE-UIUX/eos-icons/-/blob/master/LICENSE)
+*/
+function IconLoading(props) {
+	return <SvgWrapper {...props}>
+      <path d="M12 2A10 10 0 1 0 22 12A10 10 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8A8 8 0 0 1 12 20Z" fill="currentColor" opacity="0.5" />
+      <path d="M20 12h2A10 10 0 0 0 12 2V4A8 8 0 0 1 20 12Z" fill="currentColor">
+        <animateTransform attributeName="transform" dur="1s" from="0 12 12" repeatCount="indefinite" to="360 12 12" type="rotate" />
+      </path>
+    </SvgWrapper>;
+}
+
+//#endregion
+export { IconLoading };

package/dist/icons/subtract.d.ts

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

package/dist/icons/subtract.js

@@ -0,0 +1,13 @@
+import { SvgWrapper } from "./common.js";
+import { createComponent, mergeProps, template } from "solid-js/web";
+
+//#region src/icons/subtract.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<svg><path d="M4 12h16"stroke=currentColor stroke-width=4></svg>`, false, true, false);
+function IconSubtract(props) {
+	return createComponent(SvgWrapper, mergeProps(props, { get children() {
+		return _tmpl$();
+	} }));
+}
+
+//#endregion
+export { IconSubtract };

package/dist/icons/subtract.jsx

@@ -0,0 +1,11 @@
+import { SvgWrapper } from "./common.jsx";
+
+//#region src/icons/subtract.tsx
+function IconSubtract(props) {
+	return <SvgWrapper {...props}>
+      <path d="M4 12h16" stroke="currentColor" stroke-width="4" />
+    </SvgWrapper>;
+}
+
+//#endregion
+export { IconSubtract };

package/dist/index.d.ts

@@ -1,16 +1,29 @@
 import { ClassNames, GlobalToken, Styles } from "./utils/types.js";
+import { Alert, AlertState, AlertStatus, AlertVariant } from "./components/alert/alert.js";
+import "./components/alert/index.js";
 import { Button, ButtonColors, ButtonFields, ButtonProps, ButtonState, ButtonVariants } from "./components/buttons/basic-button/basic-button.js";
 import { StateButton, StateButtonProps } from "./components/buttons/state-button/state-button.js";
 import "./components/buttons/index.js";
-import { Combobox, ComboboxProps } from "./components/combobox/combobox.js";
-import "./components/combobox/index.js";
-import { Input, InputProps } from "./components/input/input.js";
-import "./components/input/index.js";
 import { Flex } from "./layout/flex/index.js";
-import { InputCompact } from "./layout/input-compact/index.js";
 import "./layout/index.js";
+import { DrawerHelper } from "./components/drawer/helpers.js";
+import { Drawer } from "./components/drawer/index.js";
+import { Field } from "./components/field/index.js";
+import { Checkbox } from "./components/form-components/checkbox/checkbox.js";
+import { CheckboxGroup, CheckboxOption } from "./components/form-components/checkbox-group/checkbox-group.js";
+import { Combobox, ComboboxProps } from "./components/form-components/combobox/combobox.js";
+import { NumberInput, NumberInputProps } from "./components/form-components/number-input/number-input.js";
+import { PasswordInput, PasswordInputProps } from "./components/form-components/password-input/password-input.js";
+import { RadioGroup, RadioOption } from "./components/form-components/radio-group/radio-group.js";
+import { Switcher } from "./components/form-components/switcher/switcher.js";
+import { TextField, TextFieldProps } from "./components/form-components/text-field/text-field.js";
+import { Textarea } from "./components/form-components/textarea/textarea.js";
+import { TimePicker } from "./components/form-components/time-picker/index.js";
+import "./components/form-components/index.js";
 import { ModalHelper } from "./components/modal/helpers.js";
 import { Modal } from "./components/modal/index.js";
+import { Pagination, PaginationSize } from "./components/pagination/pagination.js";
+import "./components/pagination/index.js";
 import { Popover } from "./components/popover/index.js";
 import { CircleProgress } from "./components/progress/circle-progress.js";
 import { LineProgress, LineProgressState } from "./components/progress/line-progress.js";
@@ -20,12 +33,14 @@ import { Spin } from "./components/spin/spin.js";
 import { SpinRing } from "./components/spin/spin-ring.js";
 import "./components/spin/index.js";
 import { TabItem, Tabs, TabsProps } from "./components/tabs/index.js";
-import { Textarea } from "./components/textarea/textarea.js";
-import "./components/textarea/index.js";
+import { Toast, ToastPosition, ToastType } from "./components/toaster/type.js";
+import { TinyToasterProvider } from "./components/toaster/provider.js";
+import { useToaster } from "./components/toaster/use-toaster.js";
+import "./components/toaster/index.js";
 import { Tooltip, TooltipProps } from "./components/tooltip/tooltip.js";
 import "./components/tooltip/index.js";
 import { context } from "./root-provider/context.js";
 import { RootProvider } from "./root-provider/provider.js";
 import "./root-provider/index.js";
 import { getGlobalToken } from "./utils/index.js";
-export { Button, ButtonColors, ButtonFields, ButtonProps, ButtonState, ButtonVariants, CircleProgress, type ClassNames, Combobox, ComboboxProps, Flex, type GlobalToken, Input, InputCompact, InputProps, LineProgress, LineProgressState, LoadingBar, Modal, ModalHelper, Popover, Spin, SpinRing, StateButton, StateButtonProps, type Styles, TabItem, Tabs, TabsProps, Textarea, RootProvider as TinyUiProvider, Tooltip, TooltipProps, getGlobalToken, context as tinyUiContext };
+export { Alert, AlertState, AlertStatus, AlertVariant, Button, ButtonColors, ButtonFields, ButtonProps, ButtonState, ButtonVariants, Checkbox, CheckboxGroup, CheckboxOption, CircleProgress, type ClassNames, Combobox, ComboboxProps, Drawer, DrawerHelper, Field, Flex, type GlobalToken, LineProgress, LineProgressState, LoadingBar, Modal, ModalHelper, NumberInput, NumberInputProps, Pagination, PaginationSize, PasswordInput, PasswordInputProps, Popover, RadioGroup, RadioOption, Spin, SpinRing, StateButton, StateButtonProps, type Styles, Switcher, TabItem, Tabs, TabsProps, TextField, TextFieldProps, Textarea, TimePicker, TinyToasterProvider, RootProvider as TinyUiProvider, Toast, ToastPosition, ToastType, Tooltip, TooltipProps, getGlobalToken, context as tinyUiContext, useToaster };

package/dist/index.js

@@ -1,4 +1,6 @@
 import { getGlobalToken } from "./utils/index.js";
+import { Alert } from "./components/alert/alert.js";
+import "./components/alert/index.js";
 import { Button } from "./components/buttons/basic-button/basic-button.js";
 import { SpinRing } from "./components/spin/spin-ring.js";
 import { Spin } from "./components/spin/spin.js";
@@ -7,25 +9,37 @@ import { Tooltip } from "./components/tooltip/tooltip.js";
 import "./components/tooltip/index.js";
 import { StateButton } from "./components/buttons/state-button/state-button.js";
 import "./components/buttons/index.js";
-import { Popover } from "./components/popover/index.js";
-import { Combobox } from "./components/combobox/combobox.js";
-import "./components/combobox/index.js";
-import { Input } from "./components/input/input.js";
-import "./components/input/index.js";
 import { Flex } from "./layout/flex/index.js";
-import { InputCompact } from "./layout/input-compact/index.js";
 import "./layout/index.js";
+import { DrawerHelper } from "./components/drawer/helpers.js";
+import { Drawer } from "./components/drawer/index.js";
+import { Field } from "./components/field/index.js";
+import { Checkbox } from "./components/form-components/checkbox/checkbox.js";
+import { CheckboxGroup } from "./components/form-components/checkbox-group/checkbox-group.js";
+import { Popover } from "./components/popover/index.js";
+import { Combobox } from "./components/form-components/combobox/combobox.js";
+import { NumberInput } from "./components/form-components/number-input/number-input.js";
+import { PasswordInput } from "./components/form-components/password-input/password-input.js";
+import { RadioGroup } from "./components/form-components/radio-group/radio-group.js";
+import { Switcher } from "./components/form-components/switcher/switcher.js";
+import { TextField } from "./components/form-components/text-field/text-field.js";
+import { Textarea } from "./components/form-components/textarea/textarea.js";
+import { TimePicker } from "./components/form-components/time-picker/index.js";
+import "./components/form-components/index.js";
 import { ModalHelper } from "./components/modal/helpers.js";
 import { Modal } from "./components/modal/index.js";
+import { Pagination } from "./components/pagination/pagination.js";
+import "./components/pagination/index.js";
 import { CircleProgress } from "./components/progress/circle-progress.js";
 import { LineProgress } from "./components/progress/line-progress.js";
 import { LoadingBar } from "./components/progress/loading-bar.js";
 import "./components/progress/index.js";
 import { Tabs } from "./components/tabs/index.js";
-import { Textarea } from "./components/textarea/textarea.js";
-import "./components/textarea/index.js";
+import { TinyToasterProvider } from "./components/toaster/provider.js";
+import { useToaster } from "./components/toaster/use-toaster.js";
+import "./components/toaster/index.js";
 import { context } from "./root-provider/context.js";
 import { RootProvider } from "./root-provider/provider.js";
 import "./root-provider/index.js";
 
-export { Button, CircleProgress, Combobox, Flex, Input, InputCompact, LineProgress, LoadingBar, Modal, ModalHelper, Popover, Spin, SpinRing, StateButton, Tabs, Textarea, RootProvider as TinyUiProvider, Tooltip, getGlobalToken, context as tinyUiContext };
+export { Alert, Button, Checkbox, CheckboxGroup, CircleProgress, Combobox, Drawer, DrawerHelper, Field, Flex, LineProgress, LoadingBar, Modal, ModalHelper, NumberInput, Pagination, PasswordInput, Popover, RadioGroup, Spin, SpinRing, StateButton, Switcher, Tabs, TextField, Textarea, TimePicker, TinyToasterProvider, RootProvider as TinyUiProvider, Tooltip, getGlobalToken, context as tinyUiContext, useToaster };

package/dist/index.jsx

@@ -1,4 +1,6 @@
 import { getGlobalToken } from "./utils/index.jsx";
+import { Alert } from "./components/alert/alert.jsx";
+import "./components/alert/index.jsx";
 import { Button } from "./components/buttons/basic-button/basic-button.jsx";
 import { SpinRing } from "./components/spin/spin-ring.jsx";
 import { Spin } from "./components/spin/spin.jsx";
@@ -7,25 +9,37 @@ import { Tooltip } from "./components/tooltip/tooltip.jsx";
 import "./components/tooltip/index.jsx";
 import { StateButton } from "./components/buttons/state-button/state-button.jsx";
 import "./components/buttons/index.jsx";
-import { Popover } from "./components/popover/index.jsx";
-import { Combobox } from "./components/combobox/combobox.jsx";
-import "./components/combobox/index.jsx";
-import { Input } from "./components/input/input.jsx";
-import "./components/input/index.jsx";
 import { Flex } from "./layout/flex/index.jsx";
-import { InputCompact } from "./layout/input-compact/index.jsx";
 import "./layout/index.jsx";
+import { DrawerHelper } from "./components/drawer/helpers.jsx";
+import { Drawer } from "./components/drawer/index.jsx";
+import { Field } from "./components/field/index.jsx";
+import { Checkbox } from "./components/form-components/checkbox/checkbox.jsx";
+import { CheckboxGroup } from "./components/form-components/checkbox-group/checkbox-group.jsx";
+import { Popover } from "./components/popover/index.jsx";
+import { Combobox } from "./components/form-components/combobox/combobox.jsx";
+import { NumberInput } from "./components/form-components/number-input/number-input.jsx";
+import { PasswordInput } from "./components/form-components/password-input/password-input.jsx";
+import { RadioGroup } from "./components/form-components/radio-group/radio-group.jsx";
+import { Switcher } from "./components/form-components/switcher/switcher.jsx";
+import { TextField } from "./components/form-components/text-field/text-field.jsx";
+import { Textarea } from "./components/form-components/textarea/textarea.jsx";
+import { TimePicker } from "./components/form-components/time-picker/index.jsx";
+import "./components/form-components/index.jsx";
 import { ModalHelper } from "./components/modal/helpers.jsx";
 import { Modal } from "./components/modal/index.jsx";
+import { Pagination } from "./components/pagination/pagination.jsx";
+import "./components/pagination/index.jsx";
 import { CircleProgress } from "./components/progress/circle-progress.jsx";
 import { LineProgress } from "./components/progress/line-progress.jsx";
 import { LoadingBar } from "./components/progress/loading-bar.jsx";
 import "./components/progress/index.jsx";
 import { Tabs } from "./components/tabs/index.jsx";
-import { Textarea } from "./components/textarea/textarea.jsx";
-import "./components/textarea/index.jsx";
+import { TinyToasterProvider } from "./components/toaster/provider.jsx";
+import { useToaster } from "./components/toaster/use-toaster.jsx";
+import "./components/toaster/index.jsx";
 import { context } from "./root-provider/context.jsx";
 import { RootProvider } from "./root-provider/provider.jsx";
 import "./root-provider/index.jsx";
 
-export { Button, CircleProgress, Combobox, Flex, Input, InputCompact, LineProgress, LoadingBar, Modal, ModalHelper, Popover, Spin, SpinRing, StateButton, Tabs, Textarea, RootProvider as TinyUiProvider, Tooltip, getGlobalToken, context as tinyUiContext };
+export { Alert, Button, Checkbox, CheckboxGroup, CircleProgress, Combobox, Drawer, DrawerHelper, Field, Flex, LineProgress, LoadingBar, Modal, ModalHelper, NumberInput, Pagination, PasswordInput, Popover, RadioGroup, Spin, SpinRing, StateButton, Switcher, Tabs, TextField, Textarea, TimePicker, TinyToasterProvider, RootProvider as TinyUiProvider, Tooltip, getGlobalToken, context as tinyUiContext, useToaster };

package/dist/layout/flex/index.d.ts

@@ -1,18 +1,19 @@
+import { OmitComponentProps } from "../../utils/types.js";
 import { JSX, ValidComponent } from "solid-js";
 
 //#region src/layout/flex/index.d.ts
-declare function Flex(props: {
+declare function Flex<T extends ValidComponent>(props: {
   children: JSX.Element;
   vertical?: boolean;
+  reverse?: boolean;
   wrap?: boolean;
   justify?: JSX.CSSProperties["justify-content"];
   align?: JSX.CSSProperties["align-items"];
   gap?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | number;
   flex?: JSX.CSSProperties["flex"];
-  as?: ValidComponent;
-  class?: string;
+  as?: T;
   style?: JSX.CSSProperties | string;
   inline?: boolean;
-}): JSX.Element;
+} & OmitComponentProps<T, "children">): JSX.Element;
 //#endregion
 export { Flex };

package/dist/layout/flex/index.js

@@ -1,6 +1,6 @@
 import { getGlobalToken } from "../../utils/index.js";
-import { Dynamic, createComponent, memo } from "solid-js/web";
-import { createMemo } from "solid-js";
+import { Dynamic, createComponent, memo, mergeProps } from "solid-js/web";
+import { createMemo, splitProps } from "solid-js";
 import { combineStyle, isString } from "solid-tiny-utils";
 
 //#region src/layout/flex/index.tsx
@@ -10,28 +10,38 @@ function Flex(props) {
 		if (isString(gapProp)) return getGlobalToken(`space-${gapProp}`);
 		return `${gapProp}px`;
 	});
-	return createComponent(Dynamic, {
-		get ["class"]() {
-			return props.class;
-		},
+	const [local, others] = splitProps(props, [
+		"children",
+		"vertical",
+		"wrap",
+		"justify",
+		"align",
+		"gap",
+		"flex",
+		"as",
+		"style",
+		"inline",
+		"reverse"
+	]);
+	return createComponent(Dynamic, mergeProps(others, {
 		get component() {
 			return props.as ?? "div";
 		},
 		get style() {
 			return combineStyle({
-				display: props.inline ? "inline-flex" : "flex",
-				"flex-direction": props.vertical ? "column" : "row",
-				"flex-wrap": props.wrap ? "wrap" : "nowrap",
-				"justify-content": props.justify,
-				"align-items": props.align,
+				display: local.inline ? "inline-flex" : "flex",
+				"flex-direction": local.vertical ? `column${local.reverse ? "-reverse" : ""}` : `row${local.reverse ? "-reverse" : ""}`,
+				"flex-wrap": local.wrap ? "wrap" : "nowrap",
+				"justify-content": local.justify,
+				"align-items": local.align,
 				gap: gap(),
-				flex: props.flex
-			}, props.style);
+				flex: local.flex
+			}, local.style);
 		},
 		get children() {
-			return props.children;
+			return local.children;
 		}
-	});
+	}));
 }
 
 //#endregion

package/dist/layout/flex/index.jsx

@@ -1,5 +1,5 @@
 import { getGlobalToken } from "../../utils/index.jsx";
-import { createMemo } from "solid-js";
+import { createMemo, splitProps } from "solid-js";
 import { combineStyle, isString } from "solid-tiny-utils";
 import { Dynamic } from "solid-js/web";
 
@@ -10,16 +10,29 @@ function Flex(props) {
 		if (isString(gapProp)) return getGlobalToken(`space-${gapProp}`);
 		return `${gapProp}px`;
 	});
-	return <Dynamic class={props.class} component={props.as ?? "div"} style={combineStyle({
-		display: props.inline ? "inline-flex" : "flex",
-		"flex-direction": props.vertical ? "column" : "row",
-		"flex-wrap": props.wrap ? "wrap" : "nowrap",
-		"justify-content": props.justify,
-		"align-items": props.align,
+	const [local, others] = splitProps(props, [
+		"children",
+		"vertical",
+		"wrap",
+		"justify",
+		"align",
+		"gap",
+		"flex",
+		"as",
+		"style",
+		"inline",
+		"reverse"
+	]);
+	return <Dynamic {...others} component={props.as ?? "div"} style={combineStyle({
+		display: local.inline ? "inline-flex" : "flex",
+		"flex-direction": local.vertical ? `column${local.reverse ? "-reverse" : ""}` : `row${local.reverse ? "-reverse" : ""}`,
+		"flex-wrap": local.wrap ? "wrap" : "nowrap",
+		"justify-content": local.justify,
+		"align-items": local.align,
 		gap: gap(),
-		flex: props.flex
-	}, props.style)}>
-      {props.children}
+		flex: local.flex
+	}, local.style)}>
+      {local.children}
     </Dynamic>;
 }
 

package/dist/layout/index.d.ts

@@ -1,2 +1 @@
-import { Flex } from "./flex/index.js";
-import { InputCompact } from "./input-compact/index.js";
+import { Flex } from "./flex/index.js";

package/dist/layout/index.js

@@ -1,2 +1 @@
 import { Flex } from "./flex/index.js";
-import { InputCompact } from "./input-compact/index.js";

package/dist/layout/index.jsx

@@ -1,2 +1 @@
 import { Flex } from "./flex/index.jsx";
-import { InputCompact } from "./input-compact/index.jsx";

package/dist/primitives/animated-group/context.d.ts

@@ -1,28 +1,28 @@
-import * as solid_js18 from "solid-js";
-import * as solid_tiny_context3 from "solid-tiny-context";
-import * as solid_js_store7 from "solid-js/store";
+import * as solid_js31 from "solid-js";
+import * as solid_tiny_context1 from "solid-tiny-context";
+import * as solid_js_store11 from "solid-js/store";
 
 //#region src/primitives/animated-group/context.d.ts
 declare const context: {
   useContext: () => [Readonly<{
     active: string;
   } & {}>, Omit<{}, "setState"> & {
-    setState: solid_js_store7.SetStoreFunction<{
+    setState: solid_js_store11.SetStoreFunction<{
       active: string;
     }>;
   }, {}];
-  initial(initialState?: Partial<solid_tiny_context3.MaybeSignals<{
+  initial(initialState?: Partial<solid_tiny_context1.MaybeSignals<{
     active: string;
   }>> | undefined): {
     Provider(props: {
-      children?: solid_js18.JSX.Element;
-    }): solid_js18.JSX.Element;
+      children?: solid_js31.JSX.Element;
+    }): solid_js31.JSX.Element;
     value: [Readonly<{
       active: string;
-    } & {}>, Omit<ThisType<solid_tiny_context3.RealContextThis<{
+    } & {}>, Omit<ThisType<solid_tiny_context1.RealContextThis<{
       active: string;
     }, {}, {}, {}>>, "setState"> & {
-      setState: solid_js_store7.SetStoreFunction<{
+      setState: solid_js_store11.SetStoreFunction<{
         active: string;
       }>;
     }, {}];