@profidev/pleiades 1.7.1 → 1.8.1

package/dist/components/ui-extra/split-button/split-button.svelte

@@ -0,0 +1,53 @@
+<script lang="ts" module>
+  import type { ButtonGroupOrientation } from '../button-group';
+  import type { HTMLAttributes } from 'svelte/elements';
+  import type { WithChildren, WithoutChildren } from 'bits-ui';
+  import type { SplitButtonClickEvent } from './split-button.svelte.js';
+
+  export type SplitButtonPropsWithoutHTML = WithChildren<{
+    ref?: HTMLDivElement | null;
+    orientation?: ButtonGroupOrientation;
+    value?: string;
+    disabled?: boolean;
+    onclick?: (event: SplitButtonClickEvent) => void;
+    onClickPromise?: (event: SplitButtonClickEvent) => Promise<void>;
+    onActionSelect?: (value: string) => void;
+  }>;
+
+  export type SplitButtonProps = SplitButtonPropsWithoutHTML &
+    WithoutChildren<Omit<HTMLAttributes<HTMLDivElement>, 'onclick'>>;
+</script>
+
+<script lang="ts">
+  import ButtonGroup from '../button-group/button-group.svelte';
+  import { useSplitButtonRoot } from './split-button.svelte.js';
+  import { box } from 'svelte-toolbelt';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    orientation = 'horizontal',
+    value = $bindable(undefined),
+    disabled,
+    onclick,
+    onClickPromise,
+    onActionSelect,
+    children,
+    ...rest
+  }: SplitButtonProps = $props();
+
+  useSplitButtonRoot({
+    value: box.with(
+      () => value,
+      (v) => (value = v)
+    ),
+    disabled: box.with(() => disabled),
+    onclick: box.with(() => onclick),
+    onClickPromise: box.with(() => onClickPromise),
+    onActionSelect: box.with(() => onActionSelect)
+  });
+</script>
+
+<ButtonGroup bind:ref class={className} {orientation} {...rest}>
+  {@render children?.()}
+</ButtonGroup>

package/dist/components/ui-extra/split-button/split-button.svelte.d.ts

@@ -0,0 +1,17 @@
+import type { ButtonGroupOrientation } from '../button-group';
+import type { HTMLAttributes } from 'svelte/elements';
+import type { WithChildren, WithoutChildren } from 'bits-ui';
+import type { SplitButtonClickEvent } from './split-button.svelte.js';
+export type SplitButtonPropsWithoutHTML = WithChildren<{
+    ref?: HTMLDivElement | null;
+    orientation?: ButtonGroupOrientation;
+    value?: string;
+    disabled?: boolean;
+    onclick?: (event: SplitButtonClickEvent) => void;
+    onClickPromise?: (event: SplitButtonClickEvent) => Promise<void>;
+    onActionSelect?: (value: string) => void;
+}>;
+export type SplitButtonProps = SplitButtonPropsWithoutHTML & WithoutChildren<Omit<HTMLAttributes<HTMLDivElement>, 'onclick'>>;
+declare const SplitButton: import("svelte").Component<SplitButtonProps, {}, "value" | "ref">;
+type SplitButton = ReturnType<typeof SplitButton>;
+export default SplitButton;

package/dist/components/ui-extra/split-button/split-button.svelte.js

@@ -0,0 +1,82 @@
+import { Context } from 'runed';
+class SplitButtonRootState {
+    opts;
+    pending = $state(false);
+    constructor(opts) {
+        this.opts = opts;
+    }
+    seed(value) {
+        if (this.opts.value.current === undefined) {
+            this.opts.value.current = value;
+        }
+    }
+    get action() {
+        return this.opts.value.current ?? '';
+    }
+    set action(value) {
+        this.opts.value.current = value;
+    }
+    get disabled() {
+        return this.opts.disabled.current === true || this.pending;
+    }
+    get loading() {
+        return this.pending;
+    }
+    onSelect(value) {
+        this.opts.onActionSelect.current?.(value);
+    }
+    async onclick(event) {
+        const action = this.opts.value.current;
+        if (action === undefined)
+            return;
+        const payload = { action, originalEvent: event };
+        this.opts.onclick.current?.(payload);
+        const promiseFn = this.opts.onClickPromise.current;
+        if (promiseFn) {
+            this.pending = true;
+            try {
+                await promiseFn(payload);
+            }
+            finally {
+                this.pending = false;
+            }
+        }
+    }
+}
+class SplitButtonActionState {
+    opts;
+    rootState;
+    constructor(opts, rootState) {
+        this.opts = opts;
+        this.rootState = rootState;
+        this.rootState.seed(this.opts.value.current);
+    }
+    isActive = $derived.by(() => this.opts.value.current === this.rootState.opts.value.current);
+    onclick(event) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.opts.onclick.current?.(event);
+        this.rootState.onclick(event);
+    }
+}
+class SplitButtonSelectActionState {
+    opts;
+    rootState;
+    constructor(opts, rootState) {
+        this.opts = opts;
+        this.rootState = rootState;
+        this.rootState.seed(this.opts.value.current);
+    }
+}
+const SplitButtonCtx = new Context('split-button-root');
+export function useSplitButtonRoot(props) {
+    return SplitButtonCtx.set(new SplitButtonRootState(props));
+}
+export function useSplitButtonAction(props) {
+    return new SplitButtonActionState(props, SplitButtonCtx.get());
+}
+export function useSplitButtonSelectAction(props) {
+    return new SplitButtonSelectActionState(props, SplitButtonCtx.get());
+}
+export function useSplitButtonRootCtx() {
+    return SplitButtonCtx.get();
+}

package/dist/components/ui-extra/stepper/stepper-indicator.svelte

@@ -14,6 +14,7 @@
   class={cn(
     'bg-primary text-primary-foreground z-1 flex size-7 shrink-0 items-center justify-center rounded-full ring-3 transition-colors select-none [&_svg]:size-4',
     'group-data-[state=inactive]/stepper-trigger:text-muted-foreground group-data-[state=inactive]/stepper-trigger:bg-muted ring-background',
+    'group-focus-visible/stepper-trigger:ring-ring/50',
     className
   )}
   {...rest}

package/dist/components/ui-extra/stepper/stepper-trigger.svelte

@@ -26,7 +26,7 @@
   bind:this={ref}
   data-slot="stepper-trigger"
   class={cn(
-    'group/stepper-trigger z-1 flex',
+    'group/stepper-trigger z-1 flex outline-none',
     'group-data-[orientation=horizontal]/stepper-nav:flex-col',
     'group-data-[orientation=vertical]/stepper-nav:flex-row group-data-[orientation=vertical]/stepper-nav:gap-4',
     className

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@profidev/pleiades",
-  "version": "1.7.1",
+  "version": "1.8.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/Profiidev/pleiades"
@@ -226,6 +226,10 @@
       "types": "./dist/components/table/table-head.svelte.d.ts",
       "svelte": "./dist/components/table/table-head.svelte"
     },
+    "./components/ui-extra/alert-dialog": {
+      "types": "./dist/components/ui-extra/alert-dialog/index.d.ts",
+      "svelte": "./dist/components/ui-extra/alert-dialog/index.js"
+    },
     "./components/ui-extra/avatar": {
       "types": "./dist/components/ui-extra/avatar/index.d.ts",
       "svelte": "./dist/components/ui-extra/avatar/index.js"
@@ -238,6 +242,10 @@
       "types": "./dist/components/ui-extra/button/index.d.ts",
       "svelte": "./dist/components/ui-extra/button/index.js"
     },
+    "./components/ui-extra/button-group": {
+      "types": "./dist/components/ui-extra/button-group/index.d.ts",
+      "svelte": "./dist/components/ui-extra/button-group/index.js"
+    },
     "./components/ui-extra/chat": {
       "types": "./dist/components/ui-extra/chat/index.d.ts",
       "svelte": "./dist/components/ui-extra/chat/index.js"
@@ -250,6 +258,10 @@
       "types": "./dist/components/ui-extra/command/index.d.ts",
       "svelte": "./dist/components/ui-extra/command/index.js"
     },
+    "./components/ui-extra/confirm-delete-dialog": {
+      "types": "./dist/components/ui-extra/confirm-delete-dialog/index.d.ts",
+      "svelte": "./dist/components/ui-extra/confirm-delete-dialog/index.js"
+    },
     "./components/ui-extra/copy-button": {
       "types": "./dist/components/ui-extra/copy-button/index.d.ts",
       "svelte": "./dist/components/ui-extra/copy-button/index.js"
@@ -278,6 +290,10 @@
       "types": "./dist/components/ui-extra/file-drop-zone/index.d.ts",
       "svelte": "./dist/components/ui-extra/file-drop-zone/index.js"
     },
+    "./components/ui-extra/github-button": {
+      "types": "./dist/components/ui-extra/github-button/index.d.ts",
+      "svelte": "./dist/components/ui-extra/github-button/index.js"
+    },
     "./components/ui-extra/image-cropper": {
       "types": "./dist/components/ui-extra/image-cropper/index.d.ts",
       "svelte": "./dist/components/ui-extra/image-cropper/index.js"
@@ -342,6 +358,14 @@
       "types": "./dist/components/ui-extra/scroll-area/index.d.ts",
       "svelte": "./dist/components/ui-extra/scroll-area/index.js"
     },
+    "./components/ui-extra/select": {
+      "types": "./dist/components/ui-extra/select/index.d.ts",
+      "svelte": "./dist/components/ui-extra/select/index.js"
+    },
+    "./components/ui-extra/separator": {
+      "types": "./dist/components/ui-extra/separator/index.d.ts",
+      "svelte": "./dist/components/ui-extra/separator/index.js"
+    },
     "./components/ui-extra/snippet": {
       "types": "./dist/components/ui-extra/snippet/index.d.ts",
       "svelte": "./dist/components/ui-extra/snippet/index.js"
@@ -350,6 +374,10 @@
       "types": "./dist/components/ui-extra/spinner/index.d.ts",
       "svelte": "./dist/components/ui-extra/spinner/index.js"
     },
+    "./components/ui-extra/split-button": {
+      "types": "./dist/components/ui-extra/split-button/index.d.ts",
+      "svelte": "./dist/components/ui-extra/split-button/index.js"
+    },
     "./components/ui-extra/star-rating": {
       "types": "./dist/components/ui-extra/star-rating/index.d.ts",
       "svelte": "./dist/components/ui-extra/star-rating/index.js"
@@ -723,8 +751,8 @@
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
     "dev": "vite dev",
-    "format": "prettier --write .",
-    "lint": "prettier --check .",
+    "format": "oxfmt",
+    "lint": "oxfmt --check",
     "prepack": "svelte-kit sync && svelte-package && publint",
     "prepare": "svelte-kit sync || echo ''",
     "preview": "vite preview",
@@ -747,6 +775,7 @@
     "country-flag-icons": "^1.0.0",
     "embla-carousel-svelte": "^8.0.0",
     "formsnap": "^2.0.0",
+    "jsencrypt": "^3.0.0",
     "layerchart": "^2.0.0-next.53",
     "luxon": "^3.0.0",
     "mode-watcher": "^1.0.0",
@@ -767,24 +796,23 @@
     "zod": "^4.0.0"
   },
   "devDependencies": {
-    "@jsrepo/transform-prettier": "^7.0.0",
-    "@sveltejs/adapter-auto": "^7.0.0",
-    "@sveltejs/package": "^2.0.0",
-    "@sveltejs/vite-plugin-svelte": "^7.0.0",
-    "@tailwindcss/typography": "^0.5.0",
-    "@types/node": "^25.6.0",
-    "jsrepo": "^3.0.0",
-    "oxlint": "^1.60.0",
-    "oxlint-tsgolint": "^0.21.1",
-    "prettier": "^3.0.0",
-    "prettier-plugin-svelte": "^3.0.0",
-    "prettier-plugin-tailwindcss": "^0.7.0",
-    "publint": "^0.3.0",
-    "svelte-check": "^4.0.0",
-    "tailwindcss": "^4.0.0",
-    "tw-animate-css": "^1.0.0",
-    "typescript": "^6.0.0",
-    "vite": "^8.0.0"
+    "@jsrepo/transform-oxfmt": "^7.0.0",
+    "@sveltejs/adapter-auto": "7.0.1",
+    "@sveltejs/package": "2.5.7",
+    "@sveltejs/vite-plugin-svelte": "7.1.2",
+    "@tailwindcss/typography": "0.5.19",
+    "@types/node": "25.9.1",
+    "jsrepo": "3.7.0",
+    "oxfmt": "0.51.0",
+    "oxlint": "1.66.0",
+    "oxlint-tsgolint": "0.23.0",
+    "prettier-plugin-svelte": "4.0.1",
+    "publint": "0.3.21",
+    "svelte-check": "4.4.8",
+    "tailwindcss": "4.3.0",
+    "tw-animate-css": "1.4.0",
+    "typescript": "6.0.3",
+    "vite": "8.0.14"
   },
   "peerDependencies": {
     "@sveltejs/kit": "^2.0.0",