milk-lib 0.0.53 → 0.0.55

package/dist/components/ButtonOverlay/ButtonOverlay.svelte

@@ -0,0 +1,62 @@
+<script lang="ts">
+  import type { IButtonOverlayProps } from "./ButtonOverlay.types";
+
+  let buttonEl: HTMLButtonElement;
+
+  export const focus = () => buttonEl?.focus();
+
+  let {
+    onClick,
+    onMouseEnter,
+    onMouseLeave,
+    classNames,
+    disabled = false,
+    type = "button",
+    name,
+    id,
+    style,
+    children,
+    ...rest
+  }: IButtonOverlayProps = $props();
+</script>
+
+<button
+  bind:this={buttonEl}
+  onclick={onClick}
+  onmouseenter={onMouseEnter}
+  onmouseleave={onMouseLeave}
+  disabled={disabled}
+  {type}
+  {name}
+  {id}
+  {style}
+  class={`ButtonOverlay ${classNames ? classNames : ""}`}
+  {...rest}
+>
+  {@render children?.()}
+</button>
+
+<style>.ButtonOverlay {
+  appearance: none;
+  background: transparent;
+  border: 0;
+  padding: 0;
+  margin: 0;
+  color: inherit;
+  font: inherit;
+  line-height: inherit;
+  text-align: inherit;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: inherit;
+  justify-content: inherit;
+}
+
+.ButtonOverlay:disabled {
+  cursor: not-allowed;
+}
+
+.ButtonOverlay:focus,
+.ButtonOverlay:focus-visible {
+  outline: none;
+}</style>

package/dist/components/ButtonOverlay/ButtonOverlay.svelte.d.ts

@@ -0,0 +1,6 @@
+import type { IButtonOverlayProps } from "./ButtonOverlay.types";
+declare const ButtonOverlay: import("svelte").Component<IButtonOverlayProps, {
+    focus: () => void;
+}, "">;
+type ButtonOverlay = ReturnType<typeof ButtonOverlay>;
+export default ButtonOverlay;

package/dist/components/ButtonOverlay/ButtonOverlay.types.d.ts

@@ -0,0 +1,3 @@
+import type { IButtonProps } from "../Button/Button.types";
+export interface IButtonOverlayProps extends IButtonProps {
+}

package/dist/components/ButtonOverlay/ButtonOverlay.types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,2 @@
+export { default as ButtonOverlay } from "./ButtonOverlay.svelte";
+export * from "./ButtonOverlay.types";

package/dist/components/ButtonOverlay/index.js

@@ -0,0 +1,2 @@
+export { default as ButtonOverlay } from "./ButtonOverlay.svelte";
+export * from "./ButtonOverlay.types";

package/dist/components/Menu/Menu.svelte

@@ -17,6 +17,7 @@
     fullWidth,
     minWidth = 320,
     animate = false,
+    onTransitionEnd,
     id,
     children
   }: IMenuProps = $props();
@@ -85,6 +86,7 @@
   tabindex={isVisible ? 0 : -1}
   aria-hidden={!isVisible}
   onmouseleave={mouseLeaveHandler}
+  ontransitionend={onTransitionEnd}
   bind:this={menuElement}
   class={`Menu ${isVisible ? "Menu-open" : "Menu-closed"} ${animate ? "Menu-animate" : ""}`}
   style={`

package/dist/components/Menu/Menu.types.d.ts

@@ -11,6 +11,7 @@ export interface IMenuProps {
     minWidth?: number;
     fullWidth?: boolean;
     animate?: boolean;
+    onTransitionEnd?: (e: TransitionEvent) => void;
     id?: string;
     children: Snippet;
 }

package/dist/components/index.d.ts

@@ -5,6 +5,7 @@ export * from './Sidebar';
 export * from './ThemeProvider';
 export * from './Button';
 export * from './ButtonMilk';
+export * from './ButtonOverlay';
 export * from './Badge';
 export * from './Label';
 export * from './TextInput';

package/dist/components/index.js

@@ -5,6 +5,7 @@ export * from './Sidebar';
 export * from './ThemeProvider';
 export * from './Button';
 export * from './ButtonMilk';
+export * from './ButtonOverlay';
 export * from './Badge';
 export * from './Label';
 export * from './TextInput';

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "milk-lib",
 	"license": "MIT",
-	"version": "0.0.53",
+	"version": "0.0.55",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",