@ui-organized/svelte 0.0.0-stage → 0.1.0

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

@@ -0,0 +1,59 @@
+import type { Snippet } from "svelte";
+import type { HTMLAttributes, HTMLButtonAttributes } from "svelte/elements";
+import type { DialogVariants } from "@ui-organized/core";
+import type { ArkForwardable } from "../../types.js";
+/** Props handed to an `asChild` snippet. Mirrors Ark's own `PropsFn`. */
+export type AlertDialogPropsFn = (props?: HTMLButtonAttributes) => HTMLAttributes<HTMLElement>;
+export interface AlertDialogProps {
+    /**
+     * Open state. Bindable: `bind:open`.
+     *
+     * There is no `modal` prop, unlike Dialog: an alert dialog that could be
+     * dismissed by clicking past it would defeat the point of asking.
+     */
+    open?: boolean;
+    /** Initial open state for uncontrolled usage. */
+    defaultOpen?: boolean;
+    /** Callback fired when the open state changes. */
+    onOpenChange?: (open: boolean) => void;
+    children?: Snippet;
+}
+export interface AlertDialogTriggerProps extends ArkForwardable<Omit<HTMLButtonAttributes, "class" | "value">> {
+    class?: string;
+    children?: Snippet;
+    /** Project the trigger onto a custom element instead of rendering a button. */
+    asChild?: Snippet<[AlertDialogPropsFn]>;
+}
+export interface AlertDialogCancelProps extends ArkForwardable<Omit<HTMLButtonAttributes, "class" | "value">> {
+    class?: string;
+    children?: Snippet;
+}
+export interface AlertDialogConfirmProps extends ArkForwardable<Omit<HTMLButtonAttributes, "class" | "value">> {
+    /** Button intent. Defaults to 'primary'. Use 'destructive' for dangerous actions. */
+    intent?: "primary" | "destructive";
+    class?: string;
+    children?: Snippet;
+}
+export interface AlertDialogContentProps extends ArkForwardable<Omit<HTMLAttributes<HTMLDivElement>, "class">> {
+    /** Width preset. Defaults to 'sm'. */
+    size?: DialogVariants["size"];
+    /** Render a close (x) button. Defaults to false — confirm with the actions. */
+    showClose?: boolean;
+    /** Portal container. Defaults to document.body. */
+    container?: HTMLElement | null;
+    class?: string;
+    children?: Snippet;
+}
+export interface AlertDialogTitleProps extends ArkForwardable<Omit<HTMLAttributes<HTMLHeadingElement>, "class">> {
+    class?: string;
+    children?: Snippet;
+}
+export interface AlertDialogDescriptionProps extends ArkForwardable<Omit<HTMLAttributes<HTMLParagraphElement>, "class">> {
+    class?: string;
+    children?: Snippet;
+}
+export interface AlertDialogFooterProps extends Omit<HTMLAttributes<HTMLDivElement>, "class"> {
+    class?: string;
+    children?: Snippet;
+}
+//# sourceMappingURL=AlertDialog.types.d.ts.map

package/dist/components/AlertDialog/AlertDialog.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/AlertDialog/AlertDialog.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAC5E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,yEAAyE;AACzE,MAAM,MAAM,kBAAkB,GAAG,CAAC,KAAK,CAAC,EAAE,oBAAoB,KAAK,cAAc,CAAC,WAAW,CAAC,CAAC;AAE/F,MAAM,WAAW,gBAAgB;IAC/B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iDAAiD;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kDAAkD;IAClD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AASD,MAAM,WAAW,uBACf,SAAQ,cAAc,CAAC,IAAI,CAAC,oBAAoB,EAAE,OAAO,GAAG,OAAO,CAAC,CAAC;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC;CACzC;AAED,MAAM,WAAW,sBACf,SAAQ,cAAc,CAAC,IAAI,CAAC,oBAAoB,EAAE,OAAO,GAAG,OAAO,CAAC,CAAC;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,uBACf,SAAQ,cAAc,CAAC,IAAI,CAAC,oBAAoB,EAAE,OAAO,GAAG,OAAO,CAAC,CAAC;IACrE,qFAAqF;IACrF,MAAM,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,uBACf,SAAQ,cAAc,CAAC,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,CAAC;IACrE,sCAAsC;IACtC,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAC9B,+EAA+E;IAC/E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mDAAmD;IACnD,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,qBACf,SAAQ,cAAc,CAAC,IAAI,CAAC,cAAc,CAAC,kBAAkB,CAAC,EAAE,OAAO,CAAC,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,2BACf,SAAQ,cAAc,CAAC,IAAI,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC3F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/components/AlertDialog/AlertDialog.types.js

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

package/dist/components/AlertDialog/AlertDialogCancel.svelte

@@ -0,0 +1,13 @@
+<!-- Dismisses the dialog without acting. Styled as a secondary button. -->
+<script lang="ts">
+  import { Dialog as ArkDialog } from "@ark-ui/svelte";
+  import { clsx } from "clsx";
+  import { buttonStyles } from "@ui-organized/core";
+  import type { AlertDialogCancelProps } from "./AlertDialog.types.js";
+
+  let { class: className, children, ...rest }: AlertDialogCancelProps = $props();
+</script>
+
+<ArkDialog.CloseTrigger class={clsx(buttonStyles({ intent: "secondary" }), className)} {...rest}>
+  {@render children?.()}
+</ArkDialog.CloseTrigger>

package/dist/components/AlertDialog/AlertDialogCancel.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { AlertDialogCancelProps } from "./AlertDialog.types.js";
+declare const AlertDialogCancel: import("svelte").Component<AlertDialogCancelProps, {}, "">;
+type AlertDialogCancel = ReturnType<typeof AlertDialogCancel>;
+export default AlertDialogCancel;
+//# sourceMappingURL=AlertDialogCancel.svelte.d.ts.map

package/dist/components/AlertDialog/AlertDialogCancel.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogCancel.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/AlertDialog/AlertDialogCancel.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAkBrE,QAAA,MAAM,iBAAiB,4DAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/dist/components/AlertDialog/AlertDialogConfirm.svelte

@@ -0,0 +1,24 @@
+<!--
+  Confirms the action and closes. Pass `onclick` to run the action.
+
+  A CloseTrigger rather than a plain button, so the dialog closes whether or not
+  the handler throws — an alert left open over a failed action reads as "nothing
+  happened" and invites a second click.
+-->
+<script lang="ts">
+  import { Dialog as ArkDialog } from "@ark-ui/svelte";
+  import { clsx } from "clsx";
+  import { buttonStyles } from "@ui-organized/core";
+  import type { AlertDialogConfirmProps } from "./AlertDialog.types.js";
+
+  let {
+    intent = "primary",
+    class: className,
+    children,
+    ...rest
+  }: AlertDialogConfirmProps = $props();
+</script>
+
+<ArkDialog.CloseTrigger class={clsx(buttonStyles({ intent }), className)} {...rest}>
+  {@render children?.()}
+</ArkDialog.CloseTrigger>

package/dist/components/AlertDialog/AlertDialogConfirm.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { AlertDialogConfirmProps } from "./AlertDialog.types.js";
+declare const AlertDialogConfirm: import("svelte").Component<AlertDialogConfirmProps, {}, "">;
+type AlertDialogConfirm = ReturnType<typeof AlertDialogConfirm>;
+export default AlertDialogConfirm;
+//# sourceMappingURL=AlertDialogConfirm.svelte.d.ts.map

package/dist/components/AlertDialog/AlertDialogConfirm.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogConfirm.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/AlertDialog/AlertDialogConfirm.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAuBtE,QAAA,MAAM,kBAAkB,6DAAwC,CAAC;AACjE,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChE,eAAe,kBAAkB,CAAC"}

package/dist/components/AlertDialog/AlertDialogContent.svelte

@@ -0,0 +1,36 @@
+<!-- Portalled backdrop + centered popup holding the alert body. -->
+<script lang="ts">
+  import { Dialog as ArkDialog, Portal } from "@ark-ui/svelte";
+  import { clsx } from "clsx";
+  import { dialogStyles } from "@ui-organized/core";
+  import Icon from "../Icon/Icon.svelte";
+  import type { AlertDialogContentProps } from "./AlertDialog.types.js";
+  import { glyph } from "../../icons/glyph.js";
+
+  // `showClose` defaults to false rather than Dialog's true: an alert is
+  // answered through its actions, and a third way out that neither confirms nor
+  // cancels is what the pattern exists to remove.
+  let {
+    size = "sm",
+    showClose = false,
+    container,
+    class: className,
+    children,
+    ...contentProps
+  }: AlertDialogContentProps = $props();
+</script>
+
+<!-- Ark centres the content with a Positioner rather than the popup centring itself. -->
+<Portal container={container ?? undefined}>
+  <ArkDialog.Backdrop class="dialog__backdrop" />
+  <ArkDialog.Positioner class="dialog__positioner">
+    <ArkDialog.Content class={clsx(dialogStyles({ size }), className)} {...contentProps}>
+      {#if showClose}
+        <ArkDialog.CloseTrigger class="dialog__close" aria-label="Close">
+          <Icon name={glyph("close")} size={20} />
+        </ArkDialog.CloseTrigger>
+      {/if}
+      {@render children?.()}
+    </ArkDialog.Content>
+  </ArkDialog.Positioner>
+</Portal>

package/dist/components/AlertDialog/AlertDialogContent.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { AlertDialogContentProps } from "./AlertDialog.types.js";
+declare const AlertDialogContent: import("svelte").Component<AlertDialogContentProps, {}, "">;
+type AlertDialogContent = ReturnType<typeof AlertDialogContent>;
+export default AlertDialogContent;
+//# sourceMappingURL=AlertDialogContent.svelte.d.ts.map

package/dist/components/AlertDialog/AlertDialogContent.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogContent.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/AlertDialog/AlertDialogContent.svelte.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AA0CtE,QAAA,MAAM,kBAAkB,6DAAwC,CAAC;AACjE,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChE,eAAe,kBAAkB,CAAC"}

package/dist/components/AlertDialog/AlertDialogDescription.svelte

@@ -0,0 +1,29 @@
+<!-- Supporting copy under the title; becomes the dialog's description.
+
+  ── Why the element is pinned ───────────────────────────────────────────────
+
+  `@ark-ui/svelte` is on 5.24 while React and Vue are on 5.37/5.39, and Ark
+  changed its default elements in between: this part renders a `<p>` in 5.24 and
+  a `<div>` in the newer packages. The `<p>` carries UA margins that a `<div>`
+  does not, so leaving the choice to Ark means this library lays out differently
+  from the other two against a stylesheet all three share.
+
+  Pinning it with `asChild` makes the element ours rather than whichever Ark
+  version happens to be installed — which is the point, since the packages
+  deliberately do not move in lockstep.
+-->
+<script lang="ts">
+  import { Dialog as ArkDialog } from "@ark-ui/svelte";
+  import { clsx } from "clsx";
+  import type { AlertDialogDescriptionProps } from "./AlertDialog.types.js";
+
+  let { class: className, children, ...rest }: AlertDialogDescriptionProps = $props();
+</script>
+
+<ArkDialog.Description {...rest}>
+  {#snippet asChild(project)}
+    <div {...project()} class={clsx("dialog__description", "text-default-body-medium", className)}>
+      {@render children?.()}
+    </div>
+  {/snippet}
+</ArkDialog.Description>

package/dist/components/AlertDialog/AlertDialogDescription.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { AlertDialogDescriptionProps } from "./AlertDialog.types.js";
+declare const AlertDialogDescription: import("svelte").Component<AlertDialogDescriptionProps, {}, "">;
+type AlertDialogDescription = ReturnType<typeof AlertDialogDescription>;
+export default AlertDialogDescription;
+//# sourceMappingURL=AlertDialogDescription.svelte.d.ts.map

package/dist/components/AlertDialog/AlertDialogDescription.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogDescription.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/AlertDialog/AlertDialogDescription.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AAqB1E,QAAA,MAAM,sBAAsB,iEAAwC,CAAC;AACrE,KAAK,sBAAsB,GAAG,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACxE,eAAe,sBAAsB,CAAC"}

package/dist/components/AlertDialog/AlertDialogFooter.svelte

@@ -0,0 +1,9 @@
+<!-- Right-aligned action row, typically holding Cancel + Confirm. -->
+<script lang="ts">
+  import { clsx } from "clsx";
+  import type { AlertDialogFooterProps } from "./AlertDialog.types.js";
+
+  let { class: className, children, ...rest }: AlertDialogFooterProps = $props();
+</script>
+
+<div class={clsx("dialog__footer", className)} {...rest}>{@render children?.()}</div>

package/dist/components/AlertDialog/AlertDialogFooter.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { AlertDialogFooterProps } from "./AlertDialog.types.js";
+declare const AlertDialogFooter: import("svelte").Component<AlertDialogFooterProps, {}, "">;
+type AlertDialogFooter = ReturnType<typeof AlertDialogFooter>;
+export default AlertDialogFooter;
+//# sourceMappingURL=AlertDialogFooter.svelte.d.ts.map

package/dist/components/AlertDialog/AlertDialogFooter.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogFooter.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/AlertDialog/AlertDialogFooter.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAcrE,QAAA,MAAM,iBAAiB,4DAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/dist/components/AlertDialog/AlertDialogTitle.svelte

@@ -0,0 +1,19 @@
+<!--
+  Heading for the alert, and the thing that names it.
+
+  Not pinned with `asChild`, unlike the description next to it: Ark renders this
+  part as an `<h2>` in 5.24 and in the newer packages alike, so the element is
+  already the same in all three libraries. Pinning it would be a second copy of
+  a decision Ark has not changed.
+-->
+<script lang="ts">
+  import { Dialog as ArkDialog } from "@ark-ui/svelte";
+  import { clsx } from "clsx";
+  import type { AlertDialogTitleProps } from "./AlertDialog.types.js";
+
+  let { class: className, children, ...rest }: AlertDialogTitleProps = $props();
+</script>
+
+<ArkDialog.Title class={clsx("dialog__title", "text-strong-heading-small", className)} {...rest}>
+  {@render children?.()}
+</ArkDialog.Title>

package/dist/components/AlertDialog/AlertDialogTitle.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { AlertDialogTitleProps } from "./AlertDialog.types.js";
+declare const AlertDialogTitle: import("svelte").Component<AlertDialogTitleProps, {}, "">;
+type AlertDialogTitle = ReturnType<typeof AlertDialogTitle>;
+export default AlertDialogTitle;
+//# sourceMappingURL=AlertDialogTitle.svelte.d.ts.map

package/dist/components/AlertDialog/AlertDialogTitle.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogTitle.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/AlertDialog/AlertDialogTitle.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAiBpE,QAAA,MAAM,gBAAgB,2DAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/components/AlertDialog/AlertDialogTrigger.svelte

@@ -0,0 +1,21 @@
+<!-- Element that opens the dialog. Pass `asChild` to project a custom element. -->
+<script lang="ts">
+  import { Dialog as ArkDialog, useDialogContext } from "@ark-ui/svelte";
+  import { popupControls } from "@ui-organized/core";
+  import type { AlertDialogTriggerProps } from "./AlertDialog.types.js";
+
+  let { asChild: project, children, ...rest }: AlertDialogTriggerProps = $props();
+
+  const dialog = useDialogContext();
+  // The content it names is only mounted while open; popupControls drops the
+  // reference the rest of the time so it cannot dangle.
+  const controls = $derived(popupControls(dialog().open));
+</script>
+
+{#if project}
+  <ArkDialog.Trigger {...controls} {...rest}>
+    {#snippet asChild(props)}{@render project(props)}{/snippet}
+  </ArkDialog.Trigger>
+{:else}
+  <ArkDialog.Trigger {...controls} {...rest}>{@render children?.()}</ArkDialog.Trigger>
+{/if}

package/dist/components/AlertDialog/AlertDialogTrigger.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { AlertDialogTriggerProps } from "./AlertDialog.types.js";
+declare const AlertDialogTrigger: import("svelte").Component<AlertDialogTriggerProps, {}, "">;
+type AlertDialogTrigger = ReturnType<typeof AlertDialogTrigger>;
+export default AlertDialogTrigger;
+//# sourceMappingURL=AlertDialogTrigger.svelte.d.ts.map

package/dist/components/AlertDialog/AlertDialogTrigger.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogTrigger.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/AlertDialog/AlertDialogTrigger.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AA0BtE,QAAA,MAAM,kBAAkB,6DAAwC,CAAC;AACjE,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChE,eAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,10 @@
+export { default as AlertDialog } from "./AlertDialog.svelte";
+export { default as AlertDialogTrigger } from "./AlertDialogTrigger.svelte";
+export { default as AlertDialogContent } from "./AlertDialogContent.svelte";
+export { default as AlertDialogTitle } from "./AlertDialogTitle.svelte";
+export { default as AlertDialogDescription } from "./AlertDialogDescription.svelte";
+export { default as AlertDialogFooter } from "./AlertDialogFooter.svelte";
+export { default as AlertDialogCancel } from "./AlertDialogCancel.svelte";
+export { default as AlertDialogConfirm } from "./AlertDialogConfirm.svelte";
+export type { AlertDialogProps, AlertDialogTriggerProps, AlertDialogContentProps, AlertDialogTitleProps, AlertDialogDescriptionProps, AlertDialogFooterProps, AlertDialogCancelProps, AlertDialogConfirmProps, AlertDialogPropsFn, } from "./AlertDialog.types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/AlertDialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/AlertDialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC5E,YAAY,EACV,gBAAgB,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,qBAAqB,EACzF,2BAA2B,EAAE,sBAAsB,EAAE,sBAAsB,EAC3E,uBAAuB,EAAE,kBAAkB,GAC5C,MAAM,wBAAwB,CAAC"}

package/dist/components/AlertDialog/index.js

@@ -0,0 +1,8 @@
+export { default as AlertDialog } from "./AlertDialog.svelte";
+export { default as AlertDialogTrigger } from "./AlertDialogTrigger.svelte";
+export { default as AlertDialogContent } from "./AlertDialogContent.svelte";
+export { default as AlertDialogTitle } from "./AlertDialogTitle.svelte";
+export { default as AlertDialogDescription } from "./AlertDialogDescription.svelte";
+export { default as AlertDialogFooter } from "./AlertDialogFooter.svelte";
+export { default as AlertDialogCancel } from "./AlertDialogCancel.svelte";
+export { default as AlertDialogConfirm } from "./AlertDialogConfirm.svelte";

package/dist/components/AngleSlider/AngleSlider.svelte

@@ -0,0 +1,121 @@
+<script lang="ts">
+  import { AngleSlider as ArkAngleSlider } from "@ark-ui/svelte";
+  import { clsx } from "clsx";
+  import { angleSliderStyles } from "@ui-organized/core";
+  import FieldError from "../FieldError/FieldError.svelte";
+  import type { AngleSliderProps } from "./AngleSlider.types.js";
+  import "@ui-organized/core/components/AngleSlider/AngleSlider.css";
+
+  let {
+    label,
+    helperText,
+    error,
+    value = $bindable(),
+    defaultValue,
+    onValueChange,
+    onValueChangeEnd,
+    step,
+    markers,
+    // Shown by default, as in the React library: the dial's whole readout is
+    // the angle, and a ring with no number in it says nothing.
+    showValue = true,
+    size,
+    disabled,
+    readOnly,
+    name,
+    class: className,
+  }: AngleSliderProps = $props();
+
+  const isInvalid = $derived(!!error);
+  const errorMessage = $derived(typeof error === "string" ? error : undefined);
+</script>
+
+<ArkAngleSlider.Root
+  class={clsx(angleSliderStyles({ size }), className)}
+  {value}
+  {defaultValue}
+  onValueChange={(details) => {
+    value = details.value;
+    onValueChange?.(details.value);
+  }}
+  onValueChangeEnd={onValueChangeEnd && ((details) => onValueChangeEnd(details.value))}
+  {step}
+  invalid={isInvalid}
+  {disabled}
+  {readOnly}
+  {name}
+>
+  <ArkAngleSlider.Control class="angle-slider__control">
+    {#if markers && markers.length > 0}
+      <ArkAngleSlider.MarkerGroup class="angle-slider__markers">
+        {#each markers as marker (marker)}
+          <!--
+            Pinned to a <div>: `@ark-ui/svelte` renders a <span> here while
+            `@ark-ui/react` renders a <div>, and a tick that is inline in one
+            library and block in the other cannot be positioned by one shared
+            rule. The class goes *through* Ark's props function rather than
+            being spread after it, so Ark's own attributes — including the
+            inline rotation the marker is placed by — survive the merge.
+          -->
+          <ArkAngleSlider.Marker value={marker}>
+            {#snippet asChild(props)}
+              <div {...props({ class: "angle-slider__marker" })}></div>
+            {/snippet}
+          </ArkAngleSlider.Marker>
+        {/each}
+      </ArkAngleSlider.MarkerGroup>
+    {/if}
+    <!--
+      The readout sits in the hollow of the ring. It stays inside Control so it
+      is centred on the dial rather than on the field column, and CSS makes it
+      click-through so the dial still tracks a press on it. Same placement as the
+      React library — `.angle-slider__readout` is the shared rule that positions
+      it, and the header this used to render had no rule at all.
+    -->
+    {#if showValue || label}
+      <div class="angle-slider__readout">
+        <!--
+          Ark's default text is the CSS angle (`135deg`). Supplying children
+          overrides it, so the readout is typeset as a degree rather than spelled
+          like a stylesheet value.
+
+          ── Why the projected props are dropped ───────────────────────────────
+
+          `@ark-ui/react@5.37` never calls `getValueTextProps()` — it renders the
+          caller's props and the degree text and nothing else — so its readout
+          carries no `id`, `data-scope` or `data-part` at all. This is the
+          wrapper, not the machine: both zag versions expose the getter. Ark
+          Svelte does call it, so spreading here would give this library three
+          attributes React's has none of, and an extra `id` shifts every later
+          element's placeholder in the parity gate.
+
+          So the element is written out in full rather than projected. When Ark
+          React starts calling the getter, spread `props({ class: … })` instead —
+          the gate goes red at that point, which is how you will find out.
+        -->
+        {#if showValue}
+          <ArkAngleSlider.ValueText>
+            {#snippet asChild()}
+              <div class="angle-slider__value">
+                <ArkAngleSlider.Context>
+                  {#snippet render(api)}{`${api().value}°`}{/snippet}
+                </ArkAngleSlider.Context>
+              </div>
+            {/snippet}
+          </ArkAngleSlider.ValueText>
+        {/if}
+        {#if label}
+          <ArkAngleSlider.Label class="angle-slider__label">{label}</ArkAngleSlider.Label>
+        {/if}
+      </div>
+    {/if}
+    <ArkAngleSlider.Thumb class="angle-slider__thumb" />
+  </ArkAngleSlider.Control>
+  {#if helperText && !isInvalid}
+    <span class="field__description">{helperText}</span>
+  {/if}
+  {#if isInvalid && errorMessage}
+    <FieldError message={errorMessage} />
+  {/if}
+  <ArkAngleSlider.HiddenInput />
+</ArkAngleSlider.Root>

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

@@ -0,0 +1,6 @@
+import type { AngleSliderProps } from "./AngleSlider.types.js";
+import "@ui-organized/core/components/AngleSlider/AngleSlider.css";
+declare const AngleSlider: import("svelte").Component<AngleSliderProps, {}, "value">;
+type AngleSlider = ReturnType<typeof AngleSlider>;
+export default AngleSlider;
+//# sourceMappingURL=AngleSlider.svelte.d.ts.map

package/dist/components/AngleSlider/AngleSlider.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AngleSlider.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/AngleSlider/AngleSlider.svelte.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,2DAA2D,CAAC;AAoFnE,QAAA,MAAM,WAAW,2DAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,35 @@
+export interface AngleSliderProps {
+    /** Accessible label text rendered above the dial. */
+    label?: string;
+    /** Helper text rendered below the dial. Hidden when an error is shown. */
+    helperText?: string;
+    /**
+     * Error state. Pass a string to show an error message.
+     * Pass `true` to mark the field invalid without a message.
+     */
+    error?: string | boolean;
+    /** Controlled angle in degrees, 0–360. Bindable: `bind:value`. */
+    value?: number;
+    /** Initial angle in degrees for the uncontrolled case. */
+    defaultValue?: number;
+    /** Called continuously as the dial is dragged. */
+    onValueChange?: (value: number) => void;
+    /** Called once, when the drag ends. */
+    onValueChangeEnd?: (value: number) => void;
+    /** Degrees per keyboard step. Defaults to 1. */
+    step?: number;
+    /** Tick marks in degrees, e.g. `[0, 90, 180, 270]`. */
+    markers?: number[];
+    /** Shows the current angle beside the label. Defaults to false. */
+    showValue?: boolean;
+    /** Size variant. Defaults to 'md'. */
+    size?: "sm" | "md" | "lg";
+    /** Disables the control. */
+    disabled?: boolean;
+    /** Makes the angle read-only while keeping it focusable. */
+    readOnly?: boolean;
+    /** Form field name for the hidden input. */
+    name?: string;
+    class?: string;
+}
+//# sourceMappingURL=AngleSlider.types.d.ts.map

package/dist/components/AngleSlider/AngleSlider.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AngleSlider.types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/AngleSlider/AngleSlider.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kDAAkD;IAClD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,uCAAuC;IACvC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,mEAAmE;IACnE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

package/dist/components/AngleSlider/AngleSlider.types.js

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

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

@@ -0,0 +1,4 @@
+export { default as AngleSlider } from "./AngleSlider.svelte";
+export type { AngleSliderProps } from "./AngleSlider.types.js";
+export type { AngleSliderVariants } from "@ui-organized/core";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/AngleSlider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/AngleSlider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,YAAY,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/AngleSlider/index.js

@@ -0,0 +1 @@
+export { default as AngleSlider } from "./AngleSlider.svelte";

package/dist/components/Avatar/Avatar.svelte

@@ -0,0 +1,43 @@
+<script lang="ts">
+  import { Avatar as ArkAvatar } from "@ark-ui/svelte";
+  import { clsx } from "clsx";
+  import { avatarStyles, initials } from "@ui-organized/core";
+  import Icon from "../Icon/Icon.svelte";
+  import type { AvatarProps } from "./Avatar.types.js";
+  import "@ui-organized/core/components/Avatar/Avatar.css";
+  import { glyph } from "../../icons/glyph.js";
+
+  const ICON_SIZE: Record<NonNullable<AvatarProps["size"]>, number> = {
+    xs: 14,
+    sm: 16,
+    md: 20,
+    lg: 24,
+    xl: 32,
+  };
+
+  let {
+    src,
+    alt,
+    name,
+    fallback,
+    size = "md",
+    shape,
+    class: className,
+    ...rest
+  }: AvatarProps = $props();
+</script>
+
+<ArkAvatar.Root class={clsx(avatarStyles({ size, shape }), className)} {...rest}>
+  {#if src}
+    <ArkAvatar.Image {src} alt={alt ?? name} class="avatar__image" />
+  {/if}
+  <ArkAvatar.Fallback class="avatar__fallback">
+    {#if fallback}
+      {@render fallback()}
+    {:else if name}
+      {initials(name)}
+    {:else}
+      <Icon name={glyph("user")} size={ICON_SIZE[size]} />
+    {/if}
+  </ArkAvatar.Fallback>
+</ArkAvatar.Root>

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

@@ -0,0 +1,6 @@
+import type { AvatarProps } from "./Avatar.types.js";
+import "@ui-organized/core/components/Avatar/Avatar.css";
+declare const Avatar: import("svelte").Component<AvatarProps, {}, "">;
+type Avatar = ReturnType<typeof Avatar>;
+export default Avatar;
+//# sourceMappingURL=Avatar.svelte.d.ts.map

package/dist/components/Avatar/Avatar.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Avatar/Avatar.svelte.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,iDAAiD,CAAC;AAiDzD,QAAA,MAAM,MAAM,iDAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}

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

@@ -0,0 +1,19 @@
+import type { HTMLAttributes } from "svelte/elements";
+import type { Snippet } from "svelte";
+import type { ArkForwardable } from "../../types.js";
+export interface AvatarProps extends ArkForwardable<Omit<HTMLAttributes<HTMLSpanElement>, "class" | "children">> {
+    /** Image source URL. When omitted (or it fails to load) the fallback is shown. */
+    src?: string;
+    /** Alt text for the image. Falls back to `name`. */
+    alt?: string;
+    /** Person's name — used to derive initials and as the image alt fallback. */
+    name?: string;
+    /** Custom fallback content. Overrides the derived initials / user icon. */
+    fallback?: Snippet;
+    /** Size. Defaults to 'md'. */
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+    /** Shape. Defaults to 'circle'. */
+    shape?: "circle" | "rounded" | "square";
+    class?: string;
+}
+//# sourceMappingURL=Avatar.types.d.ts.map

package/dist/components/Avatar/Avatar.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Avatar/Avatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,WAAW,WACf,SAAQ,cAAc,CAAC,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;IACnF,kFAAkF;IAClF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oDAAoD;IACpD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6EAA6E;IAC7E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,mCAAmC;IACnC,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

package/dist/components/Avatar/Avatar.types.js

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

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

@@ -0,0 +1,3 @@
+export { default as Avatar } from "./Avatar.svelte";
+export type { AvatarProps } from "./Avatar.types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/Avatar/index.js

@@ -0,0 +1 @@
+export { default as Avatar } from "./Avatar.svelte";