@adriansyah/heroui-svelte 0.0.3 → 0.0.4

package/dist/components/autocomplete/autocomplete.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import type { HTMLAttributes } from "svelte/elements";
   import { Popover, AutocompleteContext, type AutocompleteOpts } from "../../index.js";
-  import { box } from "svelte-utils";
+  import { box } from "@adriansyah/svelte-utils";
   import { autocompleteVariants } from "@heroui/styles";
 
   type Props = HTMLAttributes<HTMLElement> &

package/dist/components/autocomplete/index.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { AutocompleteVariants } from "@heroui/styles";
-import { Context, type Box, type Getter, PopoverState } from "svelte-utils";
+import { Context, type Box, type Getter, PopoverState } from "@adriansyah/svelte-utils";
 import { ListBoxContext, type ListBoxOpts, type PopoverContextOpts } from "../../index.js";
 export type AutocompleteOpts = ListBoxOpts & AutocompleteVariants & PopoverContextOpts & {
     invalid?: boolean;

package/dist/components/autocomplete/index.svelte.js

@@ -1,4 +1,4 @@
-import { Context, isEventTargetInAny, watch, PopoverState } from "svelte-utils";
+import { Context, isEventTargetInAny, watch, PopoverState } from "@adriansyah/svelte-utils";
 import { ListBoxContext } from "../../index.js";
 export class AutocompleteContext extends Context {
     opts;

package/dist/components/avatar/context.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { AvatarVariants } from "@heroui/styles";
-import { Context, type Getter } from "svelte-utils";
+import { Context, type Getter } from "@adriansyah/svelte-utils";
 export type AvatarOpts = AvatarVariants;
 export declare class AvatarContext extends Context {
     readonly opts: AvatarOpts;

package/dist/components/avatar/context.svelte.js

@@ -1,4 +1,4 @@
-import { Context } from "svelte-utils";
+import { Context } from "@adriansyah/svelte-utils";
 export class AvatarContext extends Context {
     opts;
     constructor(opts) {

package/dist/components/button/button.svelte

@@ -2,7 +2,7 @@
   import { buttonVariants } from "@heroui/styles";
   import type { HTMLButtonAttributes } from "svelte/elements";
   import { type ButtonOpts, ButtonContext, Spinner } from "../../index.js";
-  import { useRipples } from "svelte-utils";
+  import { useRipples } from "@adriansyah/svelte-utils";
 
   const {
     focused,

package/dist/components/button/index.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { ButtonVariants } from "@heroui/styles";
-import { Context, type Getter } from "svelte-utils";
+import { Context, type Getter } from "@adriansyah/svelte-utils";
 export type ButtonOpts = {
     focused?: boolean;
     hovered?: boolean;

package/dist/components/button/index.svelte.js

@@ -1,4 +1,4 @@
-import { coalesce, Context } from "svelte-utils";
+import { coalesce, Context } from "@adriansyah/svelte-utils";
 import { ButtonGroupContext } from "../button-group/context.svelte";
 export class ButtonContext extends Context {
     opts;

package/dist/components/button-group/context.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { ButtonVariants } from "@heroui/styles";
-import { Context, type Getter } from "svelte-utils";
+import { Context, type Getter } from "@adriansyah/svelte-utils";
 export type ButtonGroupOpts = ButtonVariants;
 export declare class ButtonGroupContext extends Context {
     readonly opts: ButtonGroupOpts;

package/dist/components/button-group/context.svelte.js

@@ -1,4 +1,4 @@
-import { Context } from "svelte-utils";
+import { Context } from "@adriansyah/svelte-utils";
 export class ButtonGroupContext extends Context {
     opts;
     constructor(opts) {

package/dist/components/card/context.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { CardVariants } from "@heroui/styles";
-import { Context, type Getter } from "svelte-utils";
+import { Context, type Getter } from "@adriansyah/svelte-utils";
 export declare class CardContext extends Context {
     opts: CardVariants;
     constructor(opts: Getter<CardVariants>);

package/dist/components/card/context.svelte.js

@@ -1,4 +1,4 @@
-import { Context } from "svelte-utils";
+import { Context } from "@adriansyah/svelte-utils";
 export class CardContext extends Context {
     opts;
     constructor(opts) {

package/dist/components/checkbox/checkbox.svelte

@@ -2,7 +2,7 @@
   import { checkboxVariants } from "@heroui/styles";
   import type { HTMLAttributes } from "svelte/elements";
   import { type InputOpts, InputContext } from "../../index.js";
-  import { box } from "svelte-utils";
+  import { box } from "@adriansyah/svelte-utils";
   import CheckboxContent from "./checkbox-content.svelte";
 
   type Props = InputOpts &

package/dist/components/collection/collection.svelte

@@ -5,7 +5,7 @@
     useResource,
     type Fn,
     type MaybePromise,
-  } from "svelte-utils";
+  } from "@adriansyah/svelte-utils";
   import type { Attachment } from "svelte/attachments";
 
   type ChildProps = {

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

@@ -1,5 +1,5 @@
 import type { Snippet } from "svelte";
-import { type Fn, type MaybePromise } from "svelte-utils";
+import { type Fn, type MaybePromise } from "@adriansyah/svelte-utils";
 import type { Attachment } from "svelte/attachments";
 declare function $$render<T>(): {
     props: {

package/dist/components/filter/filter-provider.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import type { Snippet } from "svelte";
   import { FilterContext, type FilterOpts } from "./index.svelte";
-  import { box } from "svelte-utils";
+  import { box } from "@adriansyah/svelte-utils";
 
   type Props = {
     children?: Snippet;

package/dist/components/filter/index.svelte.d.ts

@@ -1,7 +1,7 @@
-import { Context, type Box, type Fn, type Getter } from "svelte-utils";
+import { Context, type Box, type Fn, type Getter } from "@adriansyah/svelte-utils";
 export type FilterOpts = {
     caseSensitive?: boolean;
-    filter?: Fn<boolean, [string, string]>;
+    filter?: Fn<[string, string], boolean>;
 };
 export declare class FilterContext extends Context {
     #private;
@@ -13,5 +13,5 @@ export declare class FilterContext extends Context {
     matches: (text: string) => boolean;
     filter: (query: string, text: string) => boolean;
     constructor(opts: Getter<FilterOpts>, query?: Box<string>);
-    sync(box: Box<string>): void;
+    sync(value: Box<string>): void;
 }

package/dist/components/filter/index.svelte.js

@@ -1,5 +1,5 @@
 import { untrack } from "svelte";
-import { box, boxLink, Context } from "svelte-utils";
+import { box, Context } from "@adriansyah/svelte-utils";
 export class FilterContext extends Context {
     #opts;
     #query;
@@ -31,7 +31,7 @@ export class FilterContext extends Context {
         this.#opts = $derived.by(opts);
         this.#query = query;
     }
-    sync(box) {
-        boxLink(box, this.#query);
+    sync(value) {
+        box.link(value, this.#query);
     }
 }

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

@@ -1,5 +1,5 @@
 import type { InputVariants } from "@heroui/styles";
-import { Context, type Box, type Getter } from "svelte-utils";
+import { Context, type Box, type Getter } from "@adriansyah/svelte-utils";
 export type InputValue = string | number | undefined;
 export type InputOpts = InputVariants & {
     disabled?: boolean;

package/dist/components/input/index.svelte.js

@@ -1,4 +1,4 @@
-import { box, boxLink, coalesce, Context } from "svelte-utils";
+import { box, coalesce, Context } from "@adriansyah/svelte-utils";
 export class InputContext extends Context {
     opts;
     #value;
@@ -23,8 +23,8 @@ export class InputContext extends Context {
         this.#checked = checked;
         if (!parent)
             return;
-        boxLink(parent.#value, value);
-        boxLink(parent.#checked, checked);
+        box.link(parent.#value, value);
+        box.link(parent.#checked, checked);
     }
     get props() {
         return {

package/dist/components/input/input.svelte

@@ -2,7 +2,7 @@
   import { inputVariants } from "@heroui/styles";
   import type { HTMLInputAttributes } from "svelte/elements";
   import { type InputOpts, InputContext } from "../../index.js";
-  import { box } from "svelte-utils";
+  import { box } from "@adriansyah/svelte-utils";
 
   type Props = {
     headless?: boolean;

package/dist/components/input-group/input-group-input.svelte

@@ -2,7 +2,7 @@
   import { inputGroupVariants } from "@heroui/styles";
   import type { ComponentProps } from "svelte";
   import { Input, InputContext } from "../../index.js";
-  import { box } from "svelte-utils";
+  import { box } from "@adriansyah/svelte-utils";
 
   let {
     value = $bindable(),

package/dist/components/input-group/input-group-textarea.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { inputGroupVariants } from "@heroui/styles";
   import { InputContext, type InputOpts } from "../../index.js";
-  import { box, coalesce } from "svelte-utils";
+  import { box, coalesce } from "@adriansyah/svelte-utils";
   import type { HTMLAttributes } from "svelte/elements";
 
   let {

package/dist/components/input-group/input-group.svelte

@@ -2,7 +2,7 @@
   import { inputGroupVariants } from "@heroui/styles";
   import type { HTMLAttributes } from "svelte/elements";
   import { type InputOpts, type InputValue, InputContext } from "../../index.js";
-  import { box } from "svelte-utils";
+  import { box } from "@adriansyah/svelte-utils";
 
   type Props = InputOpts &
     HTMLAttributes<HTMLDivElement> & {

package/dist/components/list-box/index.svelte.d.ts

@@ -1,4 +1,4 @@
-import { Context, type Box, type Getter } from "svelte-utils";
+import { Context, type Box, type Getter } from "@adriansyah/svelte-utils";
 import { FilterContext } from "../filter";
 import type { HTMLAttributes } from "svelte/elements";
 export type ListBoxOpts = {

package/dist/components/list-box/index.svelte.js

@@ -1,11 +1,11 @@
-import { box, boxArray, boxLink, Context } from "svelte-utils";
+import { box, Context } from "@adriansyah/svelte-utils";
 import { FilterContext } from "../filter";
 import { onDestroy } from "svelte";
 export class ListBoxContext extends Context {
     #opts;
     get opts() { return this.#opts; }
     #selected;
-    get selected() { return boxArray(this.#selected); }
+    get selected() { return box.array(this.#selected); }
     set selected(values) { this.#selected.current = values; }
     get noSelected() { return this.selected.length === 0; }
     isSelected(value) {
@@ -43,7 +43,7 @@ export class ListBoxItemContext extends Context {
         onDestroy(() => {
             this.listbox.setSelected(this.value, false);
         });
-        boxLink(box(() => this.listbox.isSelected(this.value), v => this.listbox.setSelected(this.value, v)), selected);
+        box.link(box(() => this.listbox.isSelected(this.value), v => this.listbox.setSelected(this.value, v)), selected);
     }
     toggle = () => {
         this.selected = !this.selected;

package/dist/components/list-box/list-box-item.svelte

@@ -2,7 +2,7 @@
   import type { HTMLAttributes } from "svelte/elements";
   import { listboxItemVariants } from "@heroui/styles";
   import { ListBoxItemContext } from "../../index.js";
-  import { box } from "svelte-utils";
+  import { box } from "@adriansyah/svelte-utils";
   import type { Snippet } from "svelte";
 
   let {

package/dist/components/list-box/list-box.svelte

@@ -2,7 +2,7 @@
   import type { HTMLAttributes } from "svelte/elements";
   import { listboxVariants } from "@heroui/styles";
   import { type ListBoxOpts, ListBoxContext } from "../../index.js";
-  import { box } from "svelte-utils";
+  import { box } from "@adriansyah/svelte-utils";
 
   type Props = HTMLAttributes<HTMLDivElement> &
     Partial<ListBoxOpts> & {

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

@@ -1,5 +1,5 @@
 import type { ModalVariants } from "@heroui/styles";
-import { Context, DialogState, type Getter } from "svelte-utils";
+import { Context, DialogState, type Getter } from "@adriansyah/svelte-utils";
 export type ModalOpts = ModalVariants & {
     placement?: "top" | "bottom" | "center" | "auto";
 };

package/dist/components/modal/index.svelte.js

@@ -1,4 +1,4 @@
-import { Context, DialogState } from "svelte-utils";
+import { Context, DialogState } from "@adriansyah/svelte-utils";
 export class ModalContext extends Context {
     opts;
     dialog = new DialogState();

package/dist/components/modal/modal-content.svelte

@@ -2,7 +2,7 @@
   import type { HTMLDialogAttributes } from "svelte/elements";
   import { modalVariants } from "@heroui/styles";
   import { ModalContext } from "../../index.js";
-  import { getViewport } from "svelte-utils";
+  import { getViewport } from "@adriansyah/svelte-utils";
 
   type Props = HTMLDialogAttributes;
 

package/dist/components/pagination/index.svelte.d.ts

@@ -1,5 +1,5 @@
 import { type PaginationVariants } from "@heroui/styles";
-import { Context, type Box, type Getter } from "svelte-utils";
+import { Context, type Box, type Getter } from "@adriansyah/svelte-utils";
 export type PaginationProps = {
     total?: number;
     pageSize?: number;

package/dist/components/pagination/index.svelte.js

@@ -1,5 +1,5 @@
 import {} from "@heroui/styles";
-import { box, Context } from "svelte-utils";
+import { box, Context } from "@adriansyah/svelte-utils";
 export default class PaginationState extends Context {
     opts;
     #page;

package/dist/components/pagination/pagination.svelte

@@ -3,7 +3,7 @@
   import type { PaginationProps } from "./index.svelte";
   import type { HTMLAttributes } from "svelte/elements";
   import PaginationState from "./index.svelte";
-  import { box } from "svelte-utils";
+  import { box } from "@adriansyah/svelte-utils";
   import PaginationSummary from "./pagination-summary.svelte";
   import PaginationContent from "./pagination-content.svelte";
 

package/dist/components/popover/popover-trigger.svelte

@@ -2,7 +2,7 @@
   import type { ComponentProps, Snippet } from "svelte";
   import Button from "../button/button.svelte";
   import { PopoverContext } from "./index.svelte";
-  import type { PopoverState } from "@adriansyah/svelte-utils";
+  import type { PopoverState } from "@adriansyah/@adriansyah/svelte-utils";
 
   type Props = ComponentProps<typeof Button> & {
     child?: Snippet<

package/dist/components/popover/popover-trigger.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentProps, Snippet } from "svelte";
 import Button from "../button/button.svelte";
-import type { PopoverState } from "@adriansyah/svelte-utils";
+import type { PopoverState } from "@adriansyah/@adriansyah/svelte-utils";
 type Props = ComponentProps<typeof Button> & {
     child?: Snippet<[
         {

package/dist/components/popover/popover.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { PopoverContext, type PopoverContextOpts } from "./index.svelte";
-  import { box } from "svelte-utils";
+  import { box } from "@adriansyah/svelte-utils";
   import type { Snippet } from "svelte";
 
   type Props = Omit<PopoverContextOpts, "open" | "fallbackAnchor"> & {

package/dist/components/search-input/search-input.svelte

@@ -9,7 +9,7 @@
     InputContext,
   } from "../../index.js";
   import type { ComponentProps } from "svelte";
-  import { box, watch } from "svelte-utils";
+  import { box, watch } from "@adriansyah/svelte-utils";
   import { FilterContext } from "../filter/index.svelte";
 
   type Props = ComponentProps<typeof InputGroup> & {

package/dist/components/table/index.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { TableVariants } from "@heroui/styles";
-import { Context, type Getter } from "svelte-utils";
+import { Context, type Getter } from "@adriansyah/svelte-utils";
 export type TableOpts = TableVariants;
 export default class TableContext extends Context {
     readonly opts: TableOpts;

package/dist/components/table/index.svelte.js

@@ -1,4 +1,4 @@
-import { Context } from "svelte-utils";
+import { Context } from "@adriansyah/svelte-utils";
 export default class TableContext extends Context {
     opts;
     constructor(opts) {

package/dist/components/text-field/text-field.svelte

@@ -2,7 +2,7 @@
   import type { HTMLAttributes } from "svelte/elements";
   import { textFieldVariants } from "@heroui/styles";
   import { type InputOpts, type InputValue, InputContext } from "../../index.js";
-  import { box } from "svelte-utils";
+  import { box } from "@adriansyah/svelte-utils";
 
   type Props = InputOpts &
     HTMLAttributes<HTMLDivElement> & {

package/dist/components/textarea/textarea.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import type { HTMLAttributes } from "svelte/elements";
   import { InputContext, type InputOpts } from "../input";
-  import { box, coalesce } from "svelte-utils";
+  import { box, coalesce } from "@adriansyah/svelte-utils";
   import { textAreaVariants } from "@heroui/styles";
 
   type Props = InputOpts &

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@adriansyah/heroui-svelte",
-	"version": "0.0.3",
+	"version": "0.0.4",
 	"devDependencies": {
 		"@chromatic-com/storybook": "latest",
 		"@heroui/styles": "^3.2.6",
@@ -66,6 +66,6 @@
 	"type": "module",
 	"types": "./dist/index.d.ts",
 	"dependencies": {
-		"@adriansyah/svelte-utils": "^0.0.1"
+		"@adriansyah/svelte-utils": "^0.0.2"
 	}
 }