@profidev/pleiades 1.8.0 → 1.8.1

package/dist/components/form/form-dialog.svelte

@@ -128,7 +128,7 @@
       {children}
     >
       {#snippet footer({ defaultBtn })}
-        <Dialog.Footer class="mt-4">
+        <Dialog.Footer>
           {@render defaultBtn({ variant: confirmVariant, content: confirm })}
         </Dialog.Footer>
       {/snippet}

package/dist/components/table/multiselect.svelte

@@ -120,7 +120,7 @@
       </Button>
     {/snippet}
   </Popover.Trigger>
-  <Popover.Content>
+  <Popover.Content class="p-0">
     <Command.Root>
       <Command.Input placeholder={`Search ${label.toLowerCase()}...`} />
       <Command.List class="h-full overflow-hidden">
@@ -137,7 +137,7 @@
                     class={cn(
                       'mr-2 size-4',
                       !selected.some((i) => compare(i, item.value)) &&
-                        'text-transparent'
+                        'text-transparent!'
                     )}
                   />
                   {item.label}

package/dist/components/ui/native-select/native-select-option.svelte

@@ -1,14 +1,20 @@
 <script lang="ts">
   import type { HTMLOptionAttributes } from 'svelte/elements';
-  import type { WithElementRef } from '../../../utils.js';
+  import { cn, type WithElementRef } from '../../../utils.js';
 
   let {
     ref = $bindable(null),
+    class: className,
     children,
     ...restProps
   }: WithElementRef<HTMLOptionAttributes> = $props();
 </script>
 
-<option bind:this={ref} data-slot="native-select-option" {...restProps}>
+<option
+  bind:this={ref}
+  data-slot="native-select-option"
+  class={cn('bg-[Canvas] text-[CanvasText]', className)}
+  {...restProps}
+>
   {@render children?.()}
 </option>

package/dist/components/ui/native-select/native-select-option.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HTMLOptionAttributes } from 'svelte/elements';
-import type { WithElementRef } from '../../../utils.js';
+import { type WithElementRef } from '../../../utils.js';
 declare const NativeSelectOption: import("svelte").Component<WithElementRef<HTMLOptionAttributes>, {}, "ref">;
 type NativeSelectOption = ReturnType<typeof NativeSelectOption>;
 export default NativeSelectOption;

package/dist/components/ui/pagination/pagination-next.svelte

@@ -1,20 +1,26 @@
 <script lang="ts">
-  import type { ComponentProps } from 'svelte';
+  import { Pagination as PaginationPrimitive } from 'bits-ui';
   import { cn } from '../../../utils.js';
-  import { PaginationLink } from './index.js';
+  import { buttonVariants } from '../button/index.js';
   import ChevronRightIcon from '@lucide/svelte/icons/chevron-right';
 
-  type PaginationNextProps = ComponentProps<typeof PaginationLink>;
-
-  let { class: className, ...restProps }: PaginationNextProps = $props();
+  let {
+    ref = $bindable(null),
+    class: className,
+    ...restProps
+  }: PaginationPrimitive.NextButtonProps = $props();
 </script>
 
-<PaginationLink
+<PaginationPrimitive.NextButton
+  bind:ref
   aria-label="Go to next page"
-  size="default"
-  class={cn('pr-1.5!', className)}
+  class={cn(
+    buttonVariants({ variant: 'ghost', size: 'default' }),
+    'pr-1.5!',
+    className
+  )}
   {...restProps}
 >
   <span class="cn-pagination-next-text hidden sm:block">Next</span>
   <ChevronRightIcon data-icon="inline-end" />
-</PaginationLink>
+</PaginationPrimitive.NextButton>

package/dist/components/ui/pagination/pagination-next.svelte.d.ts

@@ -1,15 +1,4 @@
-declare const PaginationNext: import("svelte").Component<Omit<{
-    page: import("bits-ui").Page;
-}, "child" | "children"> & {
-    child?: import("svelte").Snippet<[{
-        props: Record<string, unknown>;
-    }]> | undefined;
-    children?: import("svelte").Snippet<[]> | undefined;
-    style?: import("bits-ui").StyleProperties | string | null | undefined;
-    ref?: HTMLElement | null | undefined;
-} & import("bits-ui").Without<import("bits-ui").BitsPrimitiveButtonAttributes, import("bits-ui").PaginationPagePropsWithoutHTML> & {
-    size?: import("../button/button.svelte.js").ButtonSize;
-    isActive: boolean;
-}, {}, "">;
+import { Pagination as PaginationPrimitive } from 'bits-ui';
+declare const PaginationNext: import("svelte").Component<PaginationPrimitive.NextButtonProps, {}, "ref">;
 type PaginationNext = ReturnType<typeof PaginationNext>;
 export default PaginationNext;

package/dist/components/ui/pagination/pagination-previous.svelte

@@ -1,20 +1,26 @@
 <script lang="ts">
-  import type { ComponentProps } from 'svelte';
+  import { Pagination as PaginationPrimitive } from 'bits-ui';
   import { cn } from '../../../utils.js';
-  import { PaginationLink } from './index.js';
+  import { buttonVariants } from '../button/index.js';
   import ChevronLeftIcon from '@lucide/svelte/icons/chevron-left';
 
-  type PaginationPreviousProps = ComponentProps<typeof PaginationLink>;
-
-  let { class: className, ...restProps }: PaginationPreviousProps = $props();
+  let {
+    ref = $bindable(null),
+    class: className,
+    ...restProps
+  }: PaginationPrimitive.PrevButtonProps = $props();
 </script>
 
-<PaginationLink
+<PaginationPrimitive.PrevButton
+  bind:ref
   aria-label="Go to previous page"
-  size="default"
-  class={cn('pl-1.5!', className)}
+  class={cn(
+    buttonVariants({ variant: 'ghost', size: 'default' }),
+    'pl-1.5!',
+    className
+  )}
   {...restProps}
 >
   <ChevronLeftIcon data-icon="inline-start" />
   <span class="cn-pagination-previous-text hidden sm:block">Previous</span>
-</PaginationLink>
+</PaginationPrimitive.PrevButton>

package/dist/components/ui/pagination/pagination-previous.svelte.d.ts

@@ -1,15 +1,4 @@
-declare const PaginationPrevious: import("svelte").Component<Omit<{
-    page: import("bits-ui").Page;
-}, "child" | "children"> & {
-    child?: import("svelte").Snippet<[{
-        props: Record<string, unknown>;
-    }]> | undefined;
-    children?: import("svelte").Snippet<[]> | undefined;
-    style?: import("bits-ui").StyleProperties | string | null | undefined;
-    ref?: HTMLElement | null | undefined;
-} & import("bits-ui").Without<import("bits-ui").BitsPrimitiveButtonAttributes, import("bits-ui").PaginationPagePropsWithoutHTML> & {
-    size?: import("../button/button.svelte.js").ButtonSize;
-    isActive: boolean;
-}, {}, "">;
+import { Pagination as PaginationPrimitive } from 'bits-ui';
+declare const PaginationPrevious: import("svelte").Component<PaginationPrimitive.PrevButtonProps, {}, "ref">;
 type PaginationPrevious = ReturnType<typeof PaginationPrevious>;
 export default PaginationPrevious;

package/dist/components/ui/sidebar/constants.d.ts

@@ -1,4 +1,4 @@
-export declare const SIDEBAR_COOKIE_NAME = "sidebar:state";
+export declare const SIDEBAR_COOKIE_NAME = "sidebar_state";
 export declare const SIDEBAR_COOKIE_MAX_AGE: number;
 export declare const SIDEBAR_WIDTH = "16rem";
 export declare const SIDEBAR_WIDTH_MOBILE = "18rem";

package/dist/components/ui/sidebar/constants.js

@@ -1,4 +1,4 @@
-export const SIDEBAR_COOKIE_NAME = 'sidebar:state';
+export const SIDEBAR_COOKIE_NAME = 'sidebar_state';
 export const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 export const SIDEBAR_WIDTH = '16rem';
 export const SIDEBAR_WIDTH_MOBILE = '18rem';

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

@@ -22,6 +22,7 @@
   import Button from '../../../blocks/button.svelte';
   import { UseClipboard } from '../../../blocks/use-clipboard.svelte';
   import { cn } from '../../../blocks/utils.js';
+  import { mergeProps } from 'bits-ui';
   import CheckIcon from '@lucide/svelte/icons/check';
   import CopyIcon from '@lucide/svelte/icons/copy';
   import XIcon from '@lucide/svelte/icons/x';
@@ -48,6 +49,16 @@
   }
 
   const clipboard = new UseClipboard();
+
+  const merged = $derived(
+    mergeProps(rest, {
+      onclick: async () => {
+        const status = await clipboard.copy(text);
+
+        onCopy?.(status);
+      }
+    })
+  );
 </script>
 
 <Button
@@ -58,12 +69,7 @@
   class={cn('flex items-center gap-2', className)}
   type="button"
   name="copy"
-  onclick={async () => {
-    const status = await clipboard.copy(text);
-
-    onCopy?.(status);
-  }}
-  {...rest as /* eslint-disable-line @typescript-eslint/no-explicit-any */ any}
+  {...merged as /* eslint-disable-line @typescript-eslint/no-explicit-any */ any}
 >
   {#if clipboard.status === 'success'}
     <div in:scale={{ duration: animationDuration, start: 0.85 }}>

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.8.0",
+  "version": "1.8.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/Profiidev/pleiades"
@@ -751,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",
@@ -775,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",
@@ -795,24 +796,23 @@
     "zod": "^4.0.0"
   },
   "devDependencies": {
-    "@jsrepo/transform-prettier": "7.0.0",
+    "@jsrepo/transform-oxfmt": "^7.0.0",
     "@sveltejs/adapter-auto": "7.0.1",
     "@sveltejs/package": "2.5.7",
-    "@sveltejs/vite-plugin-svelte": "7.0.0",
+    "@sveltejs/vite-plugin-svelte": "7.1.2",
     "@tailwindcss/typography": "0.5.19",
-    "@types/node": "25.6.0",
+    "@types/node": "25.9.1",
     "jsrepo": "3.7.0",
-    "oxlint": "1.61.0",
-    "oxlint-tsgolint": "0.21.1",
-    "prettier": "3.8.3",
-    "prettier-plugin-svelte": "3.5.1",
-    "prettier-plugin-tailwindcss": "0.7.2",
-    "publint": "0.3.18",
-    "svelte-check": "4.4.6",
-    "tailwindcss": "4.2.4",
+    "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.10"
+    "vite": "8.0.14"
   },
   "peerDependencies": {
     "@sveltejs/kit": "^2.0.0",