solid-tiny-ui 0.4.0 → 0.5.0

package/dist/_virtual/__viteSafe__/home/runner/work/solid-tiny-ui/solid-tiny-ui/packages/core/src/components/buttons/basic-button/basic-button.js

@@ -1,5 +1,5 @@
 //#region __viteSafe__/home/runner/work/solid-tiny-ui/solid-tiny-ui/packages/core/src/components/buttons/basic-button/basic-button.scss__viteSafe__
-var basic_button_default = ".tiny-btn{border-color:var(--tiny-btn-c-border,transparent);--tiny-btn-height:32px;height:var(--tiny-btn-height);border-style:solid;border-width:1px;border-radius:4px;justify-content:center;align-items:center;gap:4px;width:fit-content;padding:0 6px;display:inline-flex;position:relative}.tiny-btn[data-icon-placement=end]{flex-direction:row-reverse}.tiny-btn[data-size=small]{--tiny-btn-height:24px;padding:0 4px}.tiny-btn[data-size=large]{--tiny-btn-height:40px;font-size:16px}.tiny-btn[data-rounded]{border-radius:calc(var(--tiny-btn-height)/2)}.tiny-btn[data-icon-only]{width:var(--tiny-btn-height)}.tiny-btn[data-color=primary]{--tiny-btn-c-main:var(--tiny-c-brand-5)}.tiny-btn[data-color=secondary]{--tiny-btn-c-main:var(--tiny-c-neutral-9)}.tiny-btn[data-color=link]{--tiny-btn-c-main:var(--tiny-c-link)}.tiny-btn[data-color=danger]{--tiny-btn-c-main:var(--tiny-c-danger)}.tiny-btn[data-color=warning]{--tiny-btn-c-main:var(--tiny-c-warning)}.tiny-btn[data-color=success]{--tiny-btn-c-main:var(--tiny-c-success)}.tiny-btn[data-color=info]{--tiny-btn-c-main:var(--tiny-c-info)}.tiny-btn[data-variant=solid]{color:#fff}.tiny-btn[data-variant=solid] .tiny-btn__bg{background-color:var(--tiny-btn-c-main)}.tiny-btn[data-variant=solid]:hover{opacity:.85}.tiny-btn[data-variant=solid]:active{opacity:1}.tiny-btn[data-variant=outline]{color:var(--tiny-btn-c-main);border-color:var(--tiny-btn-c-main)}.tiny-btn[data-variant=outline] .tiny-btn__bg{background-color:var(--tiny-btn-c-main);opacity:0}.tiny-btn[data-variant=outline]:hover .tiny-btn__bg{opacity:.1}.tiny-btn[data-variant=outline]:active .tiny-btn__bg{opacity:.2}.tiny-btn[data-variant=outline][data-disabled] .tiny-btn__bg{display:none}.tiny-btn[data-variant=outline][data-disabled]{border-color:var(--tiny-c-neutral-5)}.tiny-btn[data-variant=subtle]{color:var(--tiny-btn-c-main)}.tiny-btn[data-variant=subtle] .tiny-btn__bg{background-color:var(--tiny-btn-c-main);opacity:.2}.tiny-btn[data-variant=subtle]:hover .tiny-btn__bg{opacity:.3}.tiny-btn[data-variant=subtle]:active .tiny-btn__bg{opacity:.2}.tiny-btn[data-variant=text]{color:var(--tiny-btn-c-main)}.tiny-btn[data-variant=text] .tiny-btn__bg{background-color:var(--tiny-btn-c-main);opacity:0}.tiny-btn[data-variant=text]:hover .tiny-btn__bg{opacity:.2}.tiny-btn[data-variant=text]:active .tiny-btn__bg{opacity:.3}.tiny-btn[data-variant=text][data-disabled] .tiny-btn__bg{display:none}.tiny-btn[data-variant=text][data-disabled]{border-color:#0000}.tiny-btn[data-variant=link]{color:var(--tiny-btn-c-main);padding:0}.tiny-btn[data-variant=link] .tiny-btn__bg{opacity:0}.tiny-btn[data-variant=link]:hover{text-decoration:underline}.tiny-btn[data-variant=link]:active{opacity:.8}.tiny-btn[data-variant=link][data-disabled] .tiny-btn__bg{display:none}.tiny-btn[data-variant=link][data-disabled]{border-color:#0000}.tiny-btn[data-disabled]{pointer-events:none;opacity:.6;--tiny-btn-c-main:var(--tiny-c-text-disabled);border-color:var(--tiny-c-neutral-5);color:var(--tiny-c-text-description)}.tiny-btn[data-disabled] .tiny-btn__bg{opacity:.5}.tiny-btn__content{position:relative}.tiny-btn__bg{border-radius:inherit;pointer-events:none;transition:opacity .2s;position:absolute;inset:-1px}";
+var basic_button_default = ".tiny-btn{border-color:var(--tiny-btn-c-border,transparent);--tiny-btn-height:32px;height:var(--tiny-btn-height);border-style:solid;border-width:1px;border-radius:4px;justify-content:center;align-items:center;gap:4px;width:fit-content;padding:0 6px;display:inline-flex;position:relative}.tiny-btn[data-icon-placement=end]{flex-direction:row-reverse}.tiny-btn[data-size=small]{--tiny-btn-height:24px;padding:0 4px}.tiny-btn[data-size=large]{--tiny-btn-height:40px;font-size:16px}.tiny-btn[data-rounded]{border-radius:calc(var(--tiny-btn-height)/2)}.tiny-btn[data-icon-only]{width:var(--tiny-btn-height)}.tiny-btn[data-color=primary]{--tiny-btn-c-main:var(--tiny-c-brand-5)}.tiny-btn[data-color=secondary]{--tiny-btn-c-main:var(--tiny-c-neutral-9)}.tiny-btn[data-color=secondary][data-variant=solid]{color:var(--tiny-c-neutral-0)}.tiny-btn[data-color=link]{--tiny-btn-c-main:var(--tiny-c-link)}.tiny-btn[data-color=danger]{--tiny-btn-c-main:var(--tiny-c-danger)}.tiny-btn[data-color=warning]{--tiny-btn-c-main:var(--tiny-c-warning)}.tiny-btn[data-color=success]{--tiny-btn-c-main:var(--tiny-c-success)}.tiny-btn[data-color=info]{--tiny-btn-c-main:var(--tiny-c-info)}.tiny-btn[data-variant=solid]{color:var(--tiny-c-white)}.tiny-btn[data-variant=solid] .tiny-btn__bg{background-color:var(--tiny-btn-c-main)}.tiny-btn[data-variant=solid]:hover{opacity:.85}.tiny-btn[data-variant=solid]:active{opacity:1}.tiny-btn[data-variant=outline]{color:var(--tiny-btn-c-main);border-color:var(--tiny-btn-c-main)}.tiny-btn[data-variant=outline] .tiny-btn__bg{background-color:var(--tiny-btn-c-main);opacity:0}.tiny-btn[data-variant=outline]:hover .tiny-btn__bg{opacity:.1}.tiny-btn[data-variant=outline]:active .tiny-btn__bg{opacity:.2}.tiny-btn[data-variant=outline][data-disabled] .tiny-btn__bg{display:none}.tiny-btn[data-variant=outline][data-disabled]{border-color:var(--tiny-c-neutral-5)}.tiny-btn[data-variant=subtle]{color:var(--tiny-btn-c-main)}.tiny-btn[data-variant=subtle] .tiny-btn__bg{background-color:var(--tiny-btn-c-main);opacity:.2}.tiny-btn[data-variant=subtle]:hover .tiny-btn__bg{opacity:.3}.tiny-btn[data-variant=subtle]:active .tiny-btn__bg{opacity:.2}.tiny-btn[data-variant=text]{color:var(--tiny-btn-c-main)}.tiny-btn[data-variant=text] .tiny-btn__bg{background-color:var(--tiny-btn-c-main);opacity:0}.tiny-btn[data-variant=text]:hover .tiny-btn__bg{opacity:.2}.tiny-btn[data-variant=text]:active .tiny-btn__bg{opacity:.3}.tiny-btn[data-variant=text][data-disabled] .tiny-btn__bg{display:none}.tiny-btn[data-variant=text][data-disabled]{border-color:#0000}.tiny-btn[data-variant=link]{color:var(--tiny-btn-c-main);padding:0}.tiny-btn[data-variant=link] .tiny-btn__bg{opacity:0}.tiny-btn[data-variant=link]:hover{text-decoration:underline}.tiny-btn[data-variant=link]:active{opacity:.8}.tiny-btn[data-variant=link][data-disabled] .tiny-btn__bg{display:none}.tiny-btn[data-variant=link][data-disabled]{border-color:#0000}.tiny-btn[data-disabled]{pointer-events:none;opacity:.6;--tiny-btn-c-main:var(--tiny-c-text-disabled);border-color:var(--tiny-c-neutral-5);color:var(--tiny-c-text-description)}.tiny-btn[data-disabled] .tiny-btn__bg{opacity:.5}.tiny-btn__content{position:relative}.tiny-btn__bg{border-radius:inherit;pointer-events:none;transition:opacity .2s;position:absolute;inset:-1px}";
 
 //#endregion
 export { basic_button_default as default };

package/dist/_virtual/__viteSafe__/home/runner/work/solid-tiny-ui/solid-tiny-ui/packages/core/src/components/buttons/basic-button/basic-button.jsx

@@ -1,5 +1,5 @@
 //#region __viteSafe__/home/runner/work/solid-tiny-ui/solid-tiny-ui/packages/core/src/components/buttons/basic-button/basic-button.scss__viteSafe__
-var basic_button_default = ".tiny-btn{border-color:var(--tiny-btn-c-border,transparent);--tiny-btn-height:32px;height:var(--tiny-btn-height);border-style:solid;border-width:1px;border-radius:4px;justify-content:center;align-items:center;gap:4px;width:fit-content;padding:0 6px;display:inline-flex;position:relative}.tiny-btn[data-icon-placement=end]{flex-direction:row-reverse}.tiny-btn[data-size=small]{--tiny-btn-height:24px;padding:0 4px}.tiny-btn[data-size=large]{--tiny-btn-height:40px;font-size:16px}.tiny-btn[data-rounded]{border-radius:calc(var(--tiny-btn-height)/2)}.tiny-btn[data-icon-only]{width:var(--tiny-btn-height)}.tiny-btn[data-color=primary]{--tiny-btn-c-main:var(--tiny-c-brand-5)}.tiny-btn[data-color=secondary]{--tiny-btn-c-main:var(--tiny-c-neutral-9)}.tiny-btn[data-color=link]{--tiny-btn-c-main:var(--tiny-c-link)}.tiny-btn[data-color=danger]{--tiny-btn-c-main:var(--tiny-c-danger)}.tiny-btn[data-color=warning]{--tiny-btn-c-main:var(--tiny-c-warning)}.tiny-btn[data-color=success]{--tiny-btn-c-main:var(--tiny-c-success)}.tiny-btn[data-color=info]{--tiny-btn-c-main:var(--tiny-c-info)}.tiny-btn[data-variant=solid]{color:#fff}.tiny-btn[data-variant=solid] .tiny-btn__bg{background-color:var(--tiny-btn-c-main)}.tiny-btn[data-variant=solid]:hover{opacity:.85}.tiny-btn[data-variant=solid]:active{opacity:1}.tiny-btn[data-variant=outline]{color:var(--tiny-btn-c-main);border-color:var(--tiny-btn-c-main)}.tiny-btn[data-variant=outline] .tiny-btn__bg{background-color:var(--tiny-btn-c-main);opacity:0}.tiny-btn[data-variant=outline]:hover .tiny-btn__bg{opacity:.1}.tiny-btn[data-variant=outline]:active .tiny-btn__bg{opacity:.2}.tiny-btn[data-variant=outline][data-disabled] .tiny-btn__bg{display:none}.tiny-btn[data-variant=outline][data-disabled]{border-color:var(--tiny-c-neutral-5)}.tiny-btn[data-variant=subtle]{color:var(--tiny-btn-c-main)}.tiny-btn[data-variant=subtle] .tiny-btn__bg{background-color:var(--tiny-btn-c-main);opacity:.2}.tiny-btn[data-variant=subtle]:hover .tiny-btn__bg{opacity:.3}.tiny-btn[data-variant=subtle]:active .tiny-btn__bg{opacity:.2}.tiny-btn[data-variant=text]{color:var(--tiny-btn-c-main)}.tiny-btn[data-variant=text] .tiny-btn__bg{background-color:var(--tiny-btn-c-main);opacity:0}.tiny-btn[data-variant=text]:hover .tiny-btn__bg{opacity:.2}.tiny-btn[data-variant=text]:active .tiny-btn__bg{opacity:.3}.tiny-btn[data-variant=text][data-disabled] .tiny-btn__bg{display:none}.tiny-btn[data-variant=text][data-disabled]{border-color:#0000}.tiny-btn[data-variant=link]{color:var(--tiny-btn-c-main);padding:0}.tiny-btn[data-variant=link] .tiny-btn__bg{opacity:0}.tiny-btn[data-variant=link]:hover{text-decoration:underline}.tiny-btn[data-variant=link]:active{opacity:.8}.tiny-btn[data-variant=link][data-disabled] .tiny-btn__bg{display:none}.tiny-btn[data-variant=link][data-disabled]{border-color:#0000}.tiny-btn[data-disabled]{pointer-events:none;opacity:.6;--tiny-btn-c-main:var(--tiny-c-text-disabled);border-color:var(--tiny-c-neutral-5);color:var(--tiny-c-text-description)}.tiny-btn[data-disabled] .tiny-btn__bg{opacity:.5}.tiny-btn__content{position:relative}.tiny-btn__bg{border-radius:inherit;pointer-events:none;transition:opacity .2s;position:absolute;inset:-1px}";
+var basic_button_default = ".tiny-btn{border-color:var(--tiny-btn-c-border,transparent);--tiny-btn-height:32px;height:var(--tiny-btn-height);border-style:solid;border-width:1px;border-radius:4px;justify-content:center;align-items:center;gap:4px;width:fit-content;padding:0 6px;display:inline-flex;position:relative}.tiny-btn[data-icon-placement=end]{flex-direction:row-reverse}.tiny-btn[data-size=small]{--tiny-btn-height:24px;padding:0 4px}.tiny-btn[data-size=large]{--tiny-btn-height:40px;font-size:16px}.tiny-btn[data-rounded]{border-radius:calc(var(--tiny-btn-height)/2)}.tiny-btn[data-icon-only]{width:var(--tiny-btn-height)}.tiny-btn[data-color=primary]{--tiny-btn-c-main:var(--tiny-c-brand-5)}.tiny-btn[data-color=secondary]{--tiny-btn-c-main:var(--tiny-c-neutral-9)}.tiny-btn[data-color=secondary][data-variant=solid]{color:var(--tiny-c-neutral-0)}.tiny-btn[data-color=link]{--tiny-btn-c-main:var(--tiny-c-link)}.tiny-btn[data-color=danger]{--tiny-btn-c-main:var(--tiny-c-danger)}.tiny-btn[data-color=warning]{--tiny-btn-c-main:var(--tiny-c-warning)}.tiny-btn[data-color=success]{--tiny-btn-c-main:var(--tiny-c-success)}.tiny-btn[data-color=info]{--tiny-btn-c-main:var(--tiny-c-info)}.tiny-btn[data-variant=solid]{color:var(--tiny-c-white)}.tiny-btn[data-variant=solid] .tiny-btn__bg{background-color:var(--tiny-btn-c-main)}.tiny-btn[data-variant=solid]:hover{opacity:.85}.tiny-btn[data-variant=solid]:active{opacity:1}.tiny-btn[data-variant=outline]{color:var(--tiny-btn-c-main);border-color:var(--tiny-btn-c-main)}.tiny-btn[data-variant=outline] .tiny-btn__bg{background-color:var(--tiny-btn-c-main);opacity:0}.tiny-btn[data-variant=outline]:hover .tiny-btn__bg{opacity:.1}.tiny-btn[data-variant=outline]:active .tiny-btn__bg{opacity:.2}.tiny-btn[data-variant=outline][data-disabled] .tiny-btn__bg{display:none}.tiny-btn[data-variant=outline][data-disabled]{border-color:var(--tiny-c-neutral-5)}.tiny-btn[data-variant=subtle]{color:var(--tiny-btn-c-main)}.tiny-btn[data-variant=subtle] .tiny-btn__bg{background-color:var(--tiny-btn-c-main);opacity:.2}.tiny-btn[data-variant=subtle]:hover .tiny-btn__bg{opacity:.3}.tiny-btn[data-variant=subtle]:active .tiny-btn__bg{opacity:.2}.tiny-btn[data-variant=text]{color:var(--tiny-btn-c-main)}.tiny-btn[data-variant=text] .tiny-btn__bg{background-color:var(--tiny-btn-c-main);opacity:0}.tiny-btn[data-variant=text]:hover .tiny-btn__bg{opacity:.2}.tiny-btn[data-variant=text]:active .tiny-btn__bg{opacity:.3}.tiny-btn[data-variant=text][data-disabled] .tiny-btn__bg{display:none}.tiny-btn[data-variant=text][data-disabled]{border-color:#0000}.tiny-btn[data-variant=link]{color:var(--tiny-btn-c-main);padding:0}.tiny-btn[data-variant=link] .tiny-btn__bg{opacity:0}.tiny-btn[data-variant=link]:hover{text-decoration:underline}.tiny-btn[data-variant=link]:active{opacity:.8}.tiny-btn[data-variant=link][data-disabled] .tiny-btn__bg{display:none}.tiny-btn[data-variant=link][data-disabled]{border-color:#0000}.tiny-btn[data-disabled]{pointer-events:none;opacity:.6;--tiny-btn-c-main:var(--tiny-c-text-disabled);border-color:var(--tiny-c-neutral-5);color:var(--tiny-c-text-description)}.tiny-btn[data-disabled] .tiny-btn__bg{opacity:.5}.tiny-btn__content{position:relative}.tiny-btn__bg{border-radius:inherit;pointer-events:none;transition:opacity .2s;position:absolute;inset:-1px}";
 
 //#endregion
 export { basic_button_default as default };

package/dist/_virtual/__viteSafe__/home/runner/work/solid-tiny-ui/solid-tiny-ui/packages/core/src/components/time-picker/time-picker.js

@@ -0,0 +1,5 @@
+//#region __viteSafe__/home/runner/work/solid-tiny-ui/solid-tiny-ui/packages/core/src/components/time-picker/time-picker.scss__viteSafe__
+var time_picker_default = ".tiny-time-picker-trigger-vars{--tiny-time-picker-trigger-c-border:var(--tiny-c-border);--tiny-time-picker-trigger-radius:var(--tiny-radius-sm);--tiny-time-picker-trigger-width:116px;--tiny-time-picker-trigger-height:32px;--tiny-time-picker-trigger-font-size:var(--tiny-fs-sm);--tiny-time-picker-c-text-placeholder:var(--tiny-c-text-description);--tiny-time-picker-trigger-c-bg-disabled:var(--tiny-c-neutral-2)}.tiny-time-picker-trigger{border:1px solid var(--tiny-time-picker-trigger-c-border);border-radius:var(--tiny-time-picker-trigger-radius);width:fit-content;width:var(--tiny-time-picker-trigger-width);height:var(--tiny-time-picker-trigger-height);font-size:var(--tiny-time-picker-trigger-font-size);align-items:center;display:inline-flex}.tiny-time-picker-trigger[data-size=small]{--tiny-time-picker-trigger-width:96px;--tiny-time-picker-trigger-height:24px}.tiny-time-picker-trigger[data-size=large]{--tiny-time-picker-trigger-width:132px;--tiny-time-picker-trigger-height:40px;--tiny-time-picker-trigger-font-size:var(--tiny-fs-md)}.tiny-time-picker-trigger[data-disabled]{pointer-events:none;user-select:none;background-color:var(--tiny-time-picker-trigger-c-bg-disabled);opacity:.6}.tiny-time-picker-trigger__item{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.tiny-time-picker-trigger__item:not(:last-child):after{content:\":\";align-items:center;width:2px;display:flex;position:absolute;top:-1px;bottom:0;right:-1px}.tiny-time-picker-trigger__item[data-empty]{color:var(--tiny-time-picker-c-text-placeholder)}.tiny-time-picker-popover-vars{--tiny-time-picker-thumb-c-bg:var(--tiny-c-brand-2)}.tiny-popover__content.tiny-time-picker-popover[data-opening]{transform-origin:50%;animation:.125s both time-picker-clip-open}.tiny-popover__content.tiny-time-picker-popover[data-size=large]{font-size:var(--tiny-fs-md)}.tiny-popover__content.tiny-time-picker-popover{padding:0}@keyframes time-picker-clip-open{0%{opacity:0;transform:scaleY(.8)}50%{opacity:1}to{opacity:1;transform:scaleY(1)}}.tiny-time-picker__listbox-item{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.tiny-time-picker__thumb{top:var(--tiny-time-picker-thumb-top);height:var(--tiny-time-picker-thumb-height);background-color:var(--tiny-time-picker-thumb-c-bg);width:100%;position:absolute}.tiny-time-picker__action{border-top:1px solid var(--tiny-c-border);padding:var(--tiny-space-xs);align-items:center;display:flex}.tiny-time-picker__action>button{width:100%;height:100%;font-size:var(--tiny-fs-md);opacity:.5;border-radius:var(--tiny-radius-sm);justify-content:center;align-items:center;display:flex}.tiny-time-picker__action>button:hover{opacity:.6;background-color:var(--tiny-c-neutral-2)}";
+
+//#endregion
+export { time_picker_default as default };

package/dist/_virtual/__viteSafe__/home/runner/work/solid-tiny-ui/solid-tiny-ui/packages/core/src/components/time-picker/time-picker.jsx

@@ -0,0 +1,5 @@
+//#region __viteSafe__/home/runner/work/solid-tiny-ui/solid-tiny-ui/packages/core/src/components/time-picker/time-picker.scss__viteSafe__
+var time_picker_default = ".tiny-time-picker-trigger-vars{--tiny-time-picker-trigger-c-border:var(--tiny-c-border);--tiny-time-picker-trigger-radius:var(--tiny-radius-sm);--tiny-time-picker-trigger-width:116px;--tiny-time-picker-trigger-height:32px;--tiny-time-picker-trigger-font-size:var(--tiny-fs-sm);--tiny-time-picker-c-text-placeholder:var(--tiny-c-text-description);--tiny-time-picker-trigger-c-bg-disabled:var(--tiny-c-neutral-2)}.tiny-time-picker-trigger{border:1px solid var(--tiny-time-picker-trigger-c-border);border-radius:var(--tiny-time-picker-trigger-radius);width:fit-content;width:var(--tiny-time-picker-trigger-width);height:var(--tiny-time-picker-trigger-height);font-size:var(--tiny-time-picker-trigger-font-size);align-items:center;display:inline-flex}.tiny-time-picker-trigger[data-size=small]{--tiny-time-picker-trigger-width:96px;--tiny-time-picker-trigger-height:24px}.tiny-time-picker-trigger[data-size=large]{--tiny-time-picker-trigger-width:132px;--tiny-time-picker-trigger-height:40px;--tiny-time-picker-trigger-font-size:var(--tiny-fs-md)}.tiny-time-picker-trigger[data-disabled]{pointer-events:none;user-select:none;background-color:var(--tiny-time-picker-trigger-c-bg-disabled);opacity:.6}.tiny-time-picker-trigger__item{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.tiny-time-picker-trigger__item:not(:last-child):after{content:\":\";align-items:center;width:2px;display:flex;position:absolute;top:-1px;bottom:0;right:-1px}.tiny-time-picker-trigger__item[data-empty]{color:var(--tiny-time-picker-c-text-placeholder)}.tiny-time-picker-popover-vars{--tiny-time-picker-thumb-c-bg:var(--tiny-c-brand-2)}.tiny-popover__content.tiny-time-picker-popover[data-opening]{transform-origin:50%;animation:.125s both time-picker-clip-open}.tiny-popover__content.tiny-time-picker-popover[data-size=large]{font-size:var(--tiny-fs-md)}.tiny-popover__content.tiny-time-picker-popover{padding:0}@keyframes time-picker-clip-open{0%{opacity:0;transform:scaleY(.8)}50%{opacity:1}to{opacity:1;transform:scaleY(1)}}.tiny-time-picker__listbox-item{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.tiny-time-picker__thumb{top:var(--tiny-time-picker-thumb-top);height:var(--tiny-time-picker-thumb-height);background-color:var(--tiny-time-picker-thumb-c-bg);width:100%;position:absolute}.tiny-time-picker__action{border-top:1px solid var(--tiny-c-border);padding:var(--tiny-space-xs);align-items:center;display:flex}.tiny-time-picker__action>button{width:100%;height:100%;font-size:var(--tiny-fs-md);opacity:.5;border-radius:var(--tiny-radius-sm);justify-content:center;align-items:center;display:flex}.tiny-time-picker__action>button:hover{opacity:.6;background-color:var(--tiny-c-neutral-2)}";
+
+//#endregion
+export { time_picker_default as default };

package/dist/_virtual/__viteSafe__/home/runner/work/solid-tiny-ui/solid-tiny-ui/packages/core/src/components/visually-hidden/visually-hidden.js

@@ -0,0 +1,5 @@
+//#region __viteSafe__/home/runner/work/solid-tiny-ui/solid-tiny-ui/packages/core/src/components/visually-hidden/visually-hidden.scss__viteSafe__
+var visually_hidden_default = ".tiny-visually-hidden{clip:rect(0px,0px,0px,0px);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}";
+
+//#endregion
+export { visually_hidden_default as default };

package/dist/_virtual/__viteSafe__/home/runner/work/solid-tiny-ui/solid-tiny-ui/packages/core/src/components/visually-hidden/visually-hidden.jsx

@@ -0,0 +1,5 @@
+//#region __viteSafe__/home/runner/work/solid-tiny-ui/solid-tiny-ui/packages/core/src/components/visually-hidden/visually-hidden.scss__viteSafe__
+var visually_hidden_default = ".tiny-visually-hidden{clip:rect(0px,0px,0px,0px);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}";
+
+//#endregion
+export { visually_hidden_default as default };

package/dist/components/buttons/state-button/state-button.d.ts

@@ -1,6 +1,6 @@
 import { ButtonProps } from "../basic-button/basic-button.js";
 import "../basic-button/index.js";
-import * as solid_js20 from "solid-js";
+import * as solid_js22 from "solid-js";
 import { MaybePromise } from "solid-tiny-utils";
 
 //#region src/components/buttons/state-button/state-button.d.ts
@@ -9,6 +9,6 @@ type StateButtonProps = {
   disabled?: boolean | string;
   onClick?: (e: MouseEvent) => MaybePromise<void>;
 } & Omit<ButtonProps, "disabled" | "onClick" | "slot">;
-declare function StateButton(props: StateButtonProps): solid_js20.JSX.Element;
+declare function StateButton(props: StateButtonProps): solid_js22.JSX.Element;
 //#endregion
 export { StateButton, StateButtonProps };

package/dist/components/combobox/combobox.d.ts

@@ -1,5 +1,5 @@
 import { ClassNames, Styles } from "../../utils/types.js";
-import * as solid_js9 from "solid-js";
+import * as solid_js15 from "solid-js";
 
 //#region src/components/combobox/combobox.d.ts
 interface ComboboxProps<T extends {
@@ -20,6 +20,6 @@ declare function Combobox<T extends {
   label: string;
   value: unknown;
   disabled?: boolean;
-}>(props: ComboboxProps<T>): solid_js9.JSX.Element;
+}>(props: ComboboxProps<T>): solid_js15.JSX.Element;
 //#endregion
 export { Combobox, ComboboxProps };

package/dist/components/input/input.d.ts

@@ -1,4 +1,4 @@
-import * as solid_js10 from "solid-js";
+import * as solid_js16 from "solid-js";
 
 //#region src/components/input/input.d.ts
 interface InputProps {
@@ -10,6 +10,6 @@ interface InputProps {
   size?: "small" | "medium" | "large";
   id?: string;
 }
-declare function Input(props: InputProps): solid_js10.JSX.Element;
+declare function Input(props: InputProps): solid_js16.JSX.Element;
 //#endregion
 export { Input, InputProps };

package/dist/components/modal/index.d.ts

@@ -3,7 +3,7 @@ import { Trigger } from "../../primitives/modal/trigger.js";
 import { ModalCore } from "../../primitives/modal/index.js";
 import { ModalHelper } from "./helpers.js";
 import { JSX } from "solid-js";
-import * as solid_js_store1 from "solid-js/store";
+import * as solid_js_store2 from "solid-js/store";
 
 //#region src/components/modal/index.d.ts
 declare function Root(props: Parameters<typeof ModalCore>[0]): JSX.Element;
@@ -24,7 +24,7 @@ declare const Modal: typeof Root & {
     closeOnClickMask: boolean;
     closeOnEsc: boolean;
   } & {}>, Omit<{}, "setState"> & {
-    setState: solid_js_store1.SetStoreFunction<{
+    setState: solid_js_store2.SetStoreFunction<{
       id: string;
       open: boolean;
       refContent: HTMLElement | null;

package/dist/components/popover/index.js

@@ -1,6 +1,7 @@
+import { extraAriasAndDatasets } from "../../utils/index.js";
 import { FloatingUiCore } from "../../primitives/floating/index.js";
 import popover_default from "../../_virtual/__viteSafe__/home/runner/work/solid-tiny-ui/solid-tiny-ui/packages/core/src/components/popover/popover.js";
-import { createComponent } from "solid-js/web";
+import { createComponent, mergeProps } from "solid-js/web";
 import { createMemo } from "solid-js";
 import { combineClass, combineStyle, mountStyle } from "solid-tiny-utils";
 
@@ -36,7 +37,7 @@ function Content(props) {
 		if (placement.startsWith("right")) return "-8px, 0";
 		return "0, 0";
 	});
-	return createComponent(FloatingUiCore.Content, {
+	return createComponent(FloatingUiCore.Content, mergeProps(() => extraAriasAndDatasets(props), {
 		get ["class"]() {
 			return combineClass("tiny-popover__content tiny-popover-vars", props.class);
 		},
@@ -49,7 +50,7 @@ function Content(props) {
 		get children() {
 			return props.children;
 		}
-	});
+	}));
 }
 const Popover = Object.assign(Root, {
 	Content,

package/dist/components/popover/index.jsx

@@ -1,3 +1,4 @@
+import { extraAriasAndDatasets } from "../../utils/index.jsx";
 import { FloatingUiCore } from "../../primitives/floating/index.jsx";
 import popover_default from "../../_virtual/__viteSafe__/home/runner/work/solid-tiny-ui/solid-tiny-ui/packages/core/src/components/popover/popover.jsx";
 import { createMemo } from "solid-js";
@@ -35,7 +36,7 @@ function Content(props) {
 		if (placement.startsWith("right")) return "-8px, 0";
 		return "0, 0";
 	});
-	return <FloatingUiCore.Content class={combineClass("tiny-popover__content tiny-popover-vars", props.class)} style={combineStyle({
+	return <FloatingUiCore.Content {...extraAriasAndDatasets(props)} class={combineClass("tiny-popover__content tiny-popover-vars", props.class)} style={combineStyle({
 		"--tiny-popover-transform-origin": transformOrigin(),
 		"--tiny-popover-transform-from": transformFrom()
 	}, props.style)}>

package/dist/components/progress/line-progress.d.ts

@@ -1,5 +1,5 @@
 import { ClassNames, Styles } from "../../utils/types.js";
-import * as solid_js14 from "solid-js";
+import * as solid_js18 from "solid-js";
 
 //#region src/components/progress/line-progress.d.ts
 interface LineProgressState {
@@ -17,6 +17,6 @@ declare function LineProgress(props: {
   width?: string;
   classNames?: ClassNames<"root" | "rail" | "fill", LineProgressState>;
   styles?: Styles<"root" | "rail" | "fill", LineProgressState>;
-}): solid_js14.JSX.Element;
+}): solid_js18.JSX.Element;
 //#endregion
 export { LineProgress, LineProgressState };

package/dist/components/progress/loading-bar.d.ts

@@ -1,4 +1,4 @@
-import * as solid_js13 from "solid-js";
+import * as solid_js17 from "solid-js";
 
 //#region src/components/progress/loading-bar.d.ts
 
@@ -9,6 +9,6 @@ import * as solid_js13 from "solid-js";
  */
 declare function LoadingBar(props: {
   open: boolean;
-}): solid_js13.JSX.Element;
+}): solid_js17.JSX.Element;
 //#endregion
 export { LoadingBar };

package/dist/components/spin/spin-ring.d.ts

@@ -1,5 +1,5 @@
 import { ClassNames, Styles } from "../../utils/types.js";
-import * as solid_js15 from "solid-js";
+import * as solid_js19 from "solid-js";
 
 //#region src/components/spin/spin-ring.d.ts
 declare function SpinRing(props: {
@@ -16,6 +16,6 @@ declare function SpinRing(props: {
     color: string;
     strokeWidth: number;
   }>;
-}): solid_js15.JSX.Element;
+}): solid_js19.JSX.Element;
 //#endregion
 export { SpinRing };

package/dist/components/time-picker/index.d.ts

@@ -0,0 +1,18 @@
+import * as solid_js2 from "solid-js";
+
+//#region src/components/time-picker/index.d.ts
+declare function TimePicker(props: {
+  type?: "hour" | "minute" | "second";
+  size?: "small" | "medium" | "large";
+  hour?: number | null;
+  minute?: number | null;
+  second?: number | null;
+  onChange?: (time: {
+    hour: number | null;
+    minute: number | null;
+    second: number | null;
+  }) => void;
+  disabled?: boolean;
+}): solid_js2.JSX.Element;
+//#endregion
+export { TimePicker };

package/dist/components/time-picker/index.js

@@ -0,0 +1,90 @@
+import { Popover } from "../popover/index.js";
+import time_picker_default from "../../_virtual/__viteSafe__/home/runner/work/solid-tiny-ui/solid-tiny-ui/packages/core/src/components/time-picker/time-picker.js";
+import { TimePanel } from "./panel.js";
+import { TimeTrigger } from "./trigger.js";
+import { createComponent, memo } from "solid-js/web";
+import { mountStyle, noop } from "solid-tiny-utils";
+import { getHours, getMinutes, getSeconds } from "time-core";
+
+//#region src/components/time-picker/index.tsx
+function TimePicker(props) {
+	mountStyle(time_picker_default, "tiny-time-picker");
+	return createComponent(Popover, {
+		get disabled() {
+			return props.disabled;
+		},
+		floatingOption: {
+			offset: ({ rects }) => {
+				return -rects.reference.height * 4 + 6;
+			},
+			flip: false,
+			shift: { crossAxis: true }
+		},
+		placement: "bottom",
+		trigger: "click",
+		children: (state, actions) => [createComponent(Popover.Trigger, { get children() {
+			return createComponent(TimeTrigger, {
+				get disabled() {
+					return props.disabled ?? false;
+				},
+				get hour() {
+					return props.hour ?? null;
+				},
+				get minute() {
+					return props.minute ?? null;
+				},
+				get second() {
+					return props.second ?? null;
+				},
+				get size() {
+					return props.size ?? "medium";
+				},
+				get type() {
+					return props.type ?? "hour";
+				}
+			});
+		} }), createComponent(Popover.Content, {
+			"class": "tiny-time-picker-popover tiny-time-picker-popover-vars",
+			get ["data-size"]() {
+				return props.size || "medium";
+			},
+			get children() {
+				return createComponent(TimePanel, {
+					get hour() {
+						return props.hour || getHours(Date.now());
+					},
+					get itemHeight() {
+						return state.refTrigger?.clientHeight || 32;
+					},
+					get minute() {
+						return props.minute || getMinutes(Date.now());
+					},
+					onCancel: () => {
+						actions.setOpen(false);
+					},
+					onChange: noop,
+					onConfirm: (hour, minute, second) => {
+						props.onChange?.({
+							hour,
+							minute,
+							second
+						});
+						actions.setOpen(false);
+					},
+					get second() {
+						return props.second || getSeconds(Date.now());
+					},
+					get type() {
+						return props.type || "hour";
+					},
+					get width() {
+						return state.refTrigger?.clientWidth || 128;
+					}
+				});
+			}
+		})]
+	});
+}
+
+//#endregion
+export { TimePicker };

package/dist/components/time-picker/index.jsx

@@ -0,0 +1,39 @@
+import { Popover } from "../popover/index.jsx";
+import time_picker_default from "../../_virtual/__viteSafe__/home/runner/work/solid-tiny-ui/solid-tiny-ui/packages/core/src/components/time-picker/time-picker.jsx";
+import { TimePanel } from "./panel.jsx";
+import { TimeTrigger } from "./trigger.jsx";
+import { mountStyle, noop } from "solid-tiny-utils";
+import { getHours, getMinutes, getSeconds } from "time-core";
+
+//#region src/components/time-picker/index.tsx
+function TimePicker(props) {
+	mountStyle(time_picker_default, "tiny-time-picker");
+	return <Popover disabled={props.disabled} floatingOption={{
+		offset: ({ rects }) => {
+			return -rects.reference.height * 4 + 6;
+		},
+		flip: false,
+		shift: { crossAxis: true }
+	}} placement="bottom" trigger="click">
+      {(state, actions) => <>
+          <Popover.Trigger>
+            <TimeTrigger disabled={props.disabled ?? false} hour={props.hour ?? null} minute={props.minute ?? null} second={props.second ?? null} size={props.size ?? "medium"} type={props.type ?? "hour"} />
+          </Popover.Trigger>
+          <Popover.Content class="tiny-time-picker-popover tiny-time-picker-popover-vars" data-size={props.size || "medium"}>
+            <TimePanel hour={props.hour || getHours(Date.now())} itemHeight={state.refTrigger?.clientHeight || 32} minute={props.minute || getMinutes(Date.now())} onCancel={() => {
+		actions.setOpen(false);
+	}} onChange={noop} onConfirm={(hour, minute, second) => {
+		props.onChange?.({
+			hour,
+			minute,
+			second
+		});
+		actions.setOpen(false);
+	}} second={props.second || getSeconds(Date.now())} type={props.type || "hour"} width={state.refTrigger?.clientWidth || 128} />
+          </Popover.Content>
+        </>}
+    </Popover>;
+}
+
+//#endregion
+export { TimePicker };

package/dist/components/time-picker/panel.js

@@ -0,0 +1,185 @@
+import { CheckLine } from "../../icons/check-line.js";
+import { CloseLine } from "../../icons/close-line.js";
+import "../../icons/index.js";
+import { FakeScrollListCore } from "../../primitives/fake-scroll-list/index.js";
+import "../../primitives/index.js";
+import { createComponent, delegateEvents, effect, insert, setStyleProperty, template } from "solid-js/web";
+import { Show, createMemo } from "solid-js";
+import { createWatch, list } from "solid-tiny-utils";
+import { createStore } from "solid-js/store";
+
+//#region src/components/time-picker/panel.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<div style=display:flex;flex-direction:column;position:relative><div class=tiny-time-picker__thumb></div><div style=width:100%;display:flex;position:relative></div><div class=tiny-time-picker__action><button type=button></button><button type=button>`);
+function CommonTimeList(props) {
+	return createComponent(FakeScrollListCore, {
+		get inViewIndex() {
+			return props.inViewItem;
+		},
+		get itemHeight() {
+			return props.itemHeight;
+		},
+		get items() {
+			return props.items.map((v) => v.toString().padStart(2, "0"));
+		},
+		onInViewIndexChange: (i) => {
+			props.onChange(i);
+		},
+		visibleItemsCount: 7,
+		get children() {
+			return createComponent(FakeScrollListCore.Listbox, { children: (label, key) => createComponent(FakeScrollListCore.Item, {
+				"class": "tiny-time-picker__listbox-item",
+				key,
+				children: label
+			}) });
+		}
+	});
+}
+function HourList(props) {
+	return createComponent(CommonTimeList, {
+		get inViewItem() {
+			return props.hour;
+		},
+		get itemHeight() {
+			return props.itemHeight;
+		},
+		get items() {
+			return list(0, 23);
+		},
+		onChange: (hour) => {
+			props.onChange(hour);
+		}
+	});
+}
+function MinuteList(props) {
+	return createComponent(CommonTimeList, {
+		get inViewItem() {
+			return props.minute;
+		},
+		get itemHeight() {
+			return props.itemHeight;
+		},
+		get items() {
+			return list(0, 59);
+		},
+		onChange: (minute) => {
+			props.onChange(minute);
+		}
+	});
+}
+function SecondList(props) {
+	return createComponent(CommonTimeList, {
+		get inViewItem() {
+			return props.second;
+		},
+		get itemHeight() {
+			return props.itemHeight;
+		},
+		get items() {
+			return list(0, 59);
+		},
+		onChange: (second) => {
+			props.onChange(second);
+		}
+	});
+}
+function TimePanel(props) {
+	const [time, setTime] = createStore({
+		hour: 0,
+		minute: 0,
+		second: 0
+	});
+	createWatch(() => [
+		props.hour,
+		props.minute,
+		props.second
+	], ([hour, minute, second]) => {
+		setTime({
+			hour,
+			minute,
+			second
+		});
+	});
+	createWatch(() => [
+		time.hour,
+		time.minute,
+		time.second
+	], ([hour, minute, second]) => {
+		if (hour === props.hour && minute === props.minute && second === props.second) return;
+		props.onChange(hour, minute, second);
+	});
+	const typeIndex = createMemo(() => {
+		return [
+			"hour",
+			"minute",
+			"second"
+		].indexOf(props.type);
+	});
+	return (() => {
+		var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$5 = _el$3.nextSibling.firstChild, _el$6 = _el$5.nextSibling;
+		insert(_el$3, createComponent(HourList, {
+			get hour() {
+				return time.hour;
+			},
+			get itemHeight() {
+				return props.itemHeight;
+			},
+			onChange: (hour) => setTime("hour", hour)
+		}), null);
+		insert(_el$3, createComponent(Show, {
+			get when() {
+				return typeIndex() > 0;
+			},
+			get children() {
+				return createComponent(MinuteList, {
+					get itemHeight() {
+						return props.itemHeight;
+					},
+					get minute() {
+						return time.minute;
+					},
+					onChange: (minute) => setTime("minute", minute)
+				});
+			}
+		}), null);
+		insert(_el$3, createComponent(Show, {
+			get when() {
+				return typeIndex() > 1;
+			},
+			get children() {
+				return createComponent(SecondList, {
+					get itemHeight() {
+						return props.itemHeight;
+					},
+					onChange: (second) => setTime("second", second),
+					get second() {
+						return time.second;
+					}
+				});
+			}
+		}), null);
+		_el$5.$$click = () => {
+			props.onCancel(time.hour, time.minute, time.second);
+		};
+		insert(_el$5, createComponent(CloseLine, {}));
+		_el$6.$$click = () => {
+			props.onConfirm(time.hour, time.minute, time.second);
+		};
+		insert(_el$6, createComponent(CheckLine, {}));
+		effect((_p$) => {
+			var _v$ = `${props.width}px`, _v$2 = `${props.itemHeight}px`, _v$3 = `${props.itemHeight * 7 / 2 - props.itemHeight / 2}px`;
+			_v$ !== _p$.e && setStyleProperty(_el$, "width", _p$.e = _v$);
+			_v$2 !== _p$.t && setStyleProperty(_el$2, "--tiny-time-picker-thumb-height", _p$.t = _v$2);
+			_v$3 !== _p$.a && setStyleProperty(_el$2, "--tiny-time-picker-thumb-top", _p$.a = _v$3);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0
+		});
+		return _el$;
+	})();
+}
+delegateEvents(["click"]);
+
+//#endregion
+export { TimePanel };