@noxlovette/material 0.1.9 → 0.1.11

package/dist/components/buttons/ButtonIcon.svelte

@@ -49,7 +49,7 @@ Icon buttons help people take minor actions and are often used in app bars.
 </script>
 
 <Tooltip {triggerClass} variant="snack" supportingText={tooltipContent}>
-  {#snippet trigger()}
+  {#snippet trigger(triggerAttrs)}
     {#if variation === 'toggle'}
       <Toggle.Root
         bind:pressed
@@ -58,6 +58,7 @@ Icon buttons help people take minor actions and are often used in app bars.
         class={btnCls}
         data-cy="m3-button-icon"
         {...restProps as ToggleRootProps}
+        {...triggerAttrs}
       >
         {#if loading}
           <LoadingIndicator />
@@ -73,6 +74,7 @@ Icon buttons help people take minor actions and are often used in app bars.
         class={btnCls}
         data-cy="m3-button-icon"
         {...restProps as ButtonRootProps}
+        {...triggerAttrs}
       >
         {#if loading}
           <LoadingIndicator />

package/dist/components/containers/dialogue/Dialogue.svelte

@@ -31,6 +31,7 @@ on screen until confirmed, dismissed, or a required action has been taken.
     maxWidth = '560px',
     children,
     disabled = false,
+    delegateClose = false,
     class: className,
     contentProps,
     ...rootRest
@@ -100,11 +101,17 @@ on screen until confirmed, dismissed, or a required action has been taken.
                 {cancelText}
               </Button>
 
-              <Dialog.Close>
+              {#if delegateClose}
                 <Button type="submit" {disabled} {loading} data-cy="dialogue-confirm">
                   {confirmText}
                 </Button>
-              </Dialog.Close>
+              {:else}
+                <Dialog.Close>
+                  <Button type="submit" {disabled} {loading} data-cy="dialogue-confirm">
+                    {confirmText}
+                  </Button>
+                </Dialog.Close>
+              {/if}
             </div>
           </form>
         {/if}

package/dist/components/containers/dialogue/types.d.ts

@@ -41,4 +41,11 @@ export type DialogueProps = DialogueVariants & Dialog.RootProps & {
     class?: string;
     /** Optional callback when the confirm button is clicked. */
     onconfirm?: () => void;
+    /**
+     * When true, Dialog.Close is NOT rendered around the confirm button.
+     * The consumer is responsible for closing the dialog (e.g. via onResult in superforms).
+     * Useful when you need to keep the dialog open on validation failure.
+     * @default false
+     */
+    delegateClose?: boolean;
 };

package/dist/components/forms/tooltip/Tooltip.svelte

@@ -51,8 +51,13 @@ Plain tooltips are used for simple labels, while rich tooltips can contain forma
 </script>
 
 <Tooltip.Root {...restProps} {delayDuration} bind:open={isOpen}>
-  <Tooltip.Trigger {...triggerProps} class={triggerCls({ class: clsx(triggerClass) })}>
-    {@render trigger?.()}
+  <Tooltip.Trigger {...triggerProps}>
+    {#snippet child({ props })}
+      {@render trigger?.({
+        ...props,
+        class: triggerCls({ class: clsx(triggerClass, props.class as string) })
+      })}
+    {/snippet}
   </Tooltip.Trigger>
   <Tooltip.Portal>
     {#if showArrow}

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

@@ -9,7 +9,7 @@ export type TooltipProps = TooltipVariants & TooltipRootProps & {
     /** Secondary text providing additional context */
     supportingText?: string | null;
     /** The element that triggers the tooltip on hover or focus */
-    trigger?: Snippet;
+    trigger?: Snippet<[Record<string, unknown>]>;
     /** CSS class applied to the trigger element */
     triggerClass?: string;
     /** Additional props passed to the underlying Tooltip.Trigger component */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@noxlovette/material",
-  "version": "0.1.9",
+  "version": "0.1.11",
   "type": "module",
   "license": "MIT",
   "repository": {