@ui-organized/svelte 0.0.0-stage → 0.1.0

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or Derivative
+          Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright 2026 arossi58
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -1,3 +1,127 @@
-# Temporary Holding Version
+# @ui-organized/svelte
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Svelte component library for the **ui-organized** design system, built on
+[Ark UI](https://ark-ui.com/) and themed entirely through design tokens
+(CSS custom properties from [`@ui-organized/tokens`](https://www.npmjs.com/package/@ui-organized/tokens)).
+
+The same 68 components the React, Vue and Angular libraries ship, rendering the
+same DOM: one stylesheet, one set of class names, one token contract. A gate in
+this repo renders every component in every library and diffs the markup, so
+"same component" is asserted rather than intended.
+
+## Install
+
+```sh
+npm install @ui-organized/svelte @ui-organized/tokens
+```
+
+`svelte` (>=5.20) is a peer dependency. The components are written with runes.
+
+## Icons
+
+Icon libraries are **optional** peers, and genuinely so: this package imports
+none of them. Install the one you want and register it with a single import.
+
+```sh
+npm install @lucide/svelte        # or @tabler/icons-svelte
+```
+
+```ts
+// once, near your app entry
+import { registerIcons } from "@ui-organized/svelte/icons/lucide";
+import { ChevronDown, Search, X } from "@lucide/svelte";
+
+registerIcons({ ChevronDown, Search, X });
+```
+
+Names are the icon library's own, exactly as it publishes them: `search` and
+`x` in Lucide, `x-mark` in Heroicons. Nothing is renamed, so a name belongs to
+one library, and only the icons you register reach your bundle. The subpath
+import alone is enough for the components' own icons (a dialog's close button,
+a select's chevron), which follow whichever library is active.
+
+```svelte
+<script>
+  import { Icon, IconProvider } from "@ui-organized/svelte";
+</script>
+
+<IconProvider library="lucide" style="outline">
+  <Icon name="search" label="Search" />
+</IconProvider>
+```
+
+The subpath is the only module that touches `@lucide/svelte`, so the library you
+didn't choose is never resolved — not at install, not at build. Forget the import
+and `<Icon>` renders nothing and logs the line to add.
+
+Prefer not to rely on import side effects? Pass the set explicitly:
+
+```svelte
+<script>
+  import { lucideIcons } from "@ui-organized/svelte/icons/lucide";
+</script>
+
+<IconProvider library="lucide" icons={lucideIcons}>
+```
+
+You can also hand `<Icon>` a component directly, which needs no registration:
+
+```svelte
+<script>
+  import { Rocket } from "@lucide/svelte";
+</script>
+
+<Icon name={Rocket} label="Launch" />
+```
+
+## Usage
+
+Import the stylesheets once, at your app entry, **in this order**:
+
+```ts
+// src/main.ts
+import "@ui-organized/tokens/variables.css"; // 1. token baseline
+import "@ui-organized/svelte/styles"; // 2. component styles
+import "./styles/theme.css"; // 3. your theme — last, so it wins
+```
+
+Order is load-bearing. A theme and the baseline both declare on `:root`, and
+`:root` vs `:root` is a specificity tie — decided by source order. Import the
+theme earlier and the baseline silently wins.
+
+`@ui-organized/svelte/styles.css` is exported as an alias of `/styles`, so either
+spelling resolves.
+
+```svelte
+<script>
+  import { Button } from "@ui-organized/svelte";
+</script>
+
+<Button intent="primary">Save</Button>
+```
+
+Handlers follow Svelte 5's convention rather than React's — `onclick`, `onremove`
+— and two-way props are bindable: `<Select bind:value />`.
+
+## Theming
+
+Components reference semantic _roles_ — `--color-surface-primary`,
+`--color-interactive-primary-default` — never literal colors, so re-theming
+means redefining those properties. The contract is shared with every other
+library in the system, so a theme written once themes all four.
+
+Light and dark ship together and are switched by attribute, not by re-import:
+
+```ts
+document.documentElement.setAttribute("data-theme", "dark");
+```
+
+Pin the default in your HTML (`<html data-theme="light">`) so the first frame
+paints correctly, before any JavaScript runs.
+
+Full guide, including the three ways to produce a theme:
+<https://uiorganized.com/docs/theming>.
+
+## License
+
+Apache-2.0

package/dist/components/Accordion/Accordion.svelte

@@ -0,0 +1,61 @@
+<script lang="ts">
+  import { Accordion as ArkAccordion } from "@ark-ui/svelte";
+  import { clsx } from "clsx";
+  import { accordionStyles } from "@ui-organized/core";
+  import Icon from "../Icon/Icon.svelte";
+  import type { AccordionProps } from "./Accordion.types.js";
+  import "@ui-organized/core/components/Accordion/Accordion.css";
+  import { glyph } from "../../icons/glyph.js";
+
+  let {
+    items,
+    multiple = true,
+    value = $bindable(),
+    defaultValue,
+    onValueChange,
+    disabled,
+    variant,
+    size,
+    class: className,
+  }: AccordionProps = $props();
+</script>
+
+<!--
+  `collapsible` is derived rather than exposed: in single mode it keeps the
+  behaviour of closing the open item by clicking it again, which zag already
+  implies when `multiple` is set.
+-->
+<ArkAccordion.Root
+  {multiple}
+  collapsible={!multiple}
+  value={value?.map(String)}
+  defaultValue={defaultValue?.map(String)}
+  onValueChange={(details) => {
+    value = details.value;
+    onValueChange?.(details.value);
+  }}
+  {disabled}
+  class={clsx(accordionStyles({ variant, size }), className)}
+>
+  {#each items as item (item.value)}
+    <ArkAccordion.Item value={String(item.value)} disabled={item.disabled} class="accordion__item">
+      <!--
+        Ark has no Header part — wrap the trigger in a heading ourselves so the
+        trigger stays inside a heading for assistive tech.
+      -->
+      <h3 class="accordion__header">
+        <ArkAccordion.ItemTrigger class="accordion__trigger">
+          <span class="accordion__title">
+            {#if typeof item.title === "string"}{item.title}{:else}{@render item.title(item)}{/if}
+          </span>
+          <Icon name={glyph("chevron-down")} size={20} class="accordion__icon" />
+        </ArkAccordion.ItemTrigger>
+      </h3>
+      <ArkAccordion.ItemContent class="accordion__panel text-default-body-medium">
+        <div class="accordion__content">
+          {#if typeof item.content === "string"}{item.content}{:else}{@render item.content(item)}{/if}
+        </div>
+      </ArkAccordion.ItemContent>
+    </ArkAccordion.Item>
+  {/each}
+</ArkAccordion.Root>

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Accordion/Accordion.svelte.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,uDAAuD,CAAC;AAoD/D,QAAA,MAAM,SAAS,yDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,37 @@
+import type { Snippet } from "svelte";
+import type { ControlSize } from "@ui-organized/core";
+export interface AccordionItem {
+    /** Unique value identifying this item. */
+    value: string | number;
+    /**
+     * Header label shown in the trigger. A string, or a snippet. The snippet is
+     * handed its item, so one snippet can render every item from a list — Svelte
+     * has no public way to bind an argument to a snippet, and a snippet per item
+     * cannot be declared from a loop.
+     */
+    title: string | Snippet<[AccordionItem]>;
+    /** Panel content revealed when the item is open. Handed its item, as `title` is. */
+    content: string | Snippet<[AccordionItem]>;
+    /** Whether this item is disabled. */
+    disabled?: boolean;
+}
+export interface AccordionProps {
+    /** Item definitions including titles and panel content. */
+    items: AccordionItem[];
+    /** Whether multiple panels can be open at once. Defaults to true. */
+    multiple?: boolean;
+    /** Open item values. Bindable: `bind:value`. */
+    value?: (string | number)[];
+    /** Initial open item values for uncontrolled usage. */
+    defaultValue?: (string | number)[];
+    /** Callback fired when the set of open items changes. */
+    onValueChange?: (value: (string | number)[]) => void;
+    /** Whether the entire accordion is disabled. */
+    disabled?: boolean;
+    /** Visual variant. Defaults to 'default'. */
+    variant?: "default" | "bordered" | "separated";
+    /** Sizing of triggers and panels. Defaults to 'md'. */
+    size?: ControlSize;
+    class?: string;
+}
+//# sourceMappingURL=Accordion.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Accordion/Accordion.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,WAAW,aAAa;IAC5B,0CAA0C;IAC1C,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;;;;OAKG;IACH,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC;IACzC,oFAAoF;IACpF,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC;IAC3C,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,cAAc;IAC7B,2DAA2D;IAC3D,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAC5B,uDAAuD;IACvD,YAAY,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACnC,yDAAyD;IACzD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;IACrD,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,WAAW,CAAC;IAC/C,uDAAuD;IACvD,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

package/dist/components/Accordion/Accordion.types.js

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/Accordion/index.js

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

package/dist/components/Alert/Alert.svelte

@@ -0,0 +1,48 @@
+<!--
+  A prominent message about the state of something.
+
+  `role="alert"` is the component's own, not the caller's job: an alert that
+  assistive technology does not announce is a colored box.
+
+  There is no Ark machine behind this one — Ark UI has no Alert primitive — so
+  the markup here *is* the contract, and the parity gate compares it element for
+  element against the React library's.
+-->
+<script lang="ts">
+  import { clsx } from "clsx";
+  import { alertStyles } from "@ui-organized/core";
+  import type { SystemGlyph } from "@ui-organized/core";
+  import Icon from "../Icon/Icon.svelte";
+  import type { AlertProps } from "./Alert.types.js";
+  import "@ui-organized/core/components/Alert/Alert.css";
+  import { glyph } from "../../icons/glyph.js";
+
+  /** Each variant announces itself with its own glyph before anyone reads the text. */
+  const VARIANT_ICONS: Record<NonNullable<AlertProps["variant"]>, SystemGlyph> = {
+    info:    "info",
+    success: "check-circle",
+    warning: "alert-triangle",
+    error:   "alert-circle",
+  };
+
+  const ICON_SIZE = 20;
+
+  let { variant = "info", title, children, onDismiss, class: className }: AlertProps = $props();
+</script>
+
+<div role="alert" class={clsx(alertStyles({ variant }), className)}>
+  <span class="alert__icon">
+    <Icon name={glyph(VARIANT_ICONS[variant])} size={ICON_SIZE} />
+  </span>
+  <div class="alert__body">
+    {#if title}
+      <div class="alert__title text-strong-body-medium">{title}</div>
+    {/if}
+    <div class="alert__message text-default-body-medium">{@render children()}</div>
+  </div>
+  {#if onDismiss}
+    <button type="button" class="alert__dismiss" aria-label="Dismiss alert" onclick={() => onDismiss()}>
+      <Icon name={glyph("close")} size={ICON_SIZE} />
+    </button>
+  {/if}
+</div>

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Alert/Alert.svelte.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,+CAA+C,CAAC;AA6CvD,QAAA,MAAM,KAAK,gDAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}

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

@@ -0,0 +1,16 @@
+import type { Snippet } from "svelte";
+export interface AlertProps {
+    /** Semantic variant driving icon and color. Defaults to 'info'. */
+    variant?: "info" | "success" | "warning" | "error";
+    /** Optional title text rendered above the message. */
+    title?: string;
+    /** The alert message content. */
+    children: Snippet;
+    /**
+     * Called when the dismiss button is activated. Its *presence* renders the
+     * button — omit it and there is none, exactly as in the React package.
+     */
+    onDismiss?: () => void;
+    class?: string;
+}
+//# sourceMappingURL=Alert.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Alert/Alert.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,MAAM,WAAW,UAAU;IACzB,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACnD,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,QAAQ,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

package/dist/components/Alert/Alert.types.js

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,YAAY,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACnD,YAAY,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/Alert/index.js

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

package/dist/components/AlertDialog/AlertDialog.svelte

@@ -0,0 +1,31 @@
+<!--
+  AlertDialog root — a focus-trapping confirm dialog dismissed via its actions.
+
+  There is no `modal` prop, unlike Dialog: an alert dialog that could be
+  dismissed by clicking past it would defeat the point of asking.
+-->
+<script lang="ts">
+  import { Dialog as ArkDialog } from "@ark-ui/svelte";
+  import type { AlertDialogProps } from "./AlertDialog.types.js";
+  // Reuses the Dialog chrome (backdrop, popup sizing, title/description/footer/close).
+  import "@ui-organized/core/components/Dialog/Dialog.css";
+  // The Cancel/Confirm actions render the design-system button without going
+  // through <Button>, so its rules have to come with this component rather than
+  // being left to an app that happens to import Button elsewhere.
+  import "@ui-organized/core/components/Button/Button.css";
+
+  let { open = $bindable(), defaultOpen, onOpenChange, children }: AlertDialogProps = $props();
+</script>
+
+<!-- role="alertdialog" gives it the alert semantics + no outside-click dismiss. -->
+<ArkDialog.Root
+  role="alertdialog"
+  bind:open
+  {defaultOpen}
+  onOpenChange={(details) => {
+    open = details.open;
+    onOpenChange?.(details.open);
+  }}
+>
+  {@render children?.()}
+</ArkDialog.Root>

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/AlertDialog/AlertDialog.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,OAAO,iDAAiD,CAAC;AAIzD,OAAO,iDAAiD,CAAC;AA0BzD,QAAA,MAAM,WAAW,0DAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}