crayon-design-system-ui 0.0.1

package/dist/components/radio/Radio.svelte

@@ -0,0 +1,147 @@
+<svelte:options customElement="ui-radio" />
+
+<script>
+export let checked = false;
+export let disabled = false;
+export let name = void 0;
+export let value = void 0;
+export let ariaLabel = void 0;
+export let ariaDescribedby = void 0;
+export let onchange = void 0;
+function getHost(el) {
+  const root = el.getRootNode();
+  return root instanceof ShadowRoot ? root.host : null;
+}
+function handleChange(event) {
+  const target = event.target;
+  const nowChecked = target.checked;
+  if (!nowChecked) return;
+  checked = true;
+  const detail = { checked };
+  onchange?.(detail);
+  const host = getHost(target);
+  host?.dispatchEvent(new CustomEvent("change", { detail, bubbles: true }));
+}
+</script>
+
+<label
+  class="radio-root {checked ? 'is-checked' : ''} {disabled ? 'is-disabled' : ''}"
+>
+  <span class="radio-control">
+    <input
+      type="radio"
+      {name}
+      {value}
+      {checked}
+      {disabled}
+      aria-label={ariaLabel}
+      aria-describedby={ariaDescribedby}
+      on:change={handleChange}
+    />
+    <span class="radio-circle" aria-hidden="true"></span>
+  </span>
+  <span class="radio-label">
+    <slot />
+  </span>
+</label>
+
+<style>
+  .radio-root {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
+      sans-serif;
+    font-size: 14px;
+    line-height: 1.3;
+    color: var(--ui-radio-label-color, #111827);
+    cursor: pointer;
+  }
+
+  .radio-control {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .radio-control input {
+    position: absolute;
+    inset: 0;
+    margin: 0;
+    opacity: 0;
+    cursor: inherit;
+  }
+
+  .radio-circle {
+    width: var(--ui-radio-size, 22px);
+    height: var(--ui-radio-size, 22px);
+    border-radius: 999px;
+    box-sizing: border-box;
+    border: 2px solid var(--ui-radio-border-color, #111111);
+    background-color: var(--ui-radio-bg, transparent);
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    transition:
+      background-color 0.15s ease,
+      border-color 0.15s ease,
+      box-shadow 0.15s ease,
+      transform 0.1s ease;
+  }
+
+  .radio-circle::before {
+    content: "";
+    display: block;
+    width: 60%;
+    height: 60%;
+    border-radius: inherit;
+    background-color: transparent;
+    box-shadow: 0 0 0 0 transparent;
+    opacity: 0;
+    transition:
+      opacity 0.12s ease,
+      box-shadow 0.12s ease,
+      transform 0.12s ease;
+  }
+
+  /* Checked: purple ring with white center like screenshot */
+  .radio-root.is-checked .radio-circle {
+    background-color: var(--ui-radio-checked-bg, var(--ui-primary, #474bff));
+    border-color: var(--ui-radio-checked-border, var(--ui-primary, #474bff));
+  }
+
+  .radio-root.is-checked .radio-circle::before {
+    background-color: var(--ui-radio-inner, #ffffff);
+    box-shadow: 0 0 0 4px
+      var(--ui-radio-checked-bg, var(--ui-primary, #474bff));
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  /* Hover + focus */
+  .radio-root:not(.is-disabled):hover .radio-circle {
+    transform: translateY(-0.5px);
+  }
+
+  .radio-root:not(.is-disabled) .radio-control input:focus-visible
+    + .radio-circle {
+    box-shadow: 0 0 0 3px
+      var(--ui-radio-focus-ring, rgba(71, 75, 255, 0.45));
+  }
+
+  .radio-root.is-disabled {
+    cursor: not-allowed;
+    color: var(--ui-radio-label-disabled, #9ca3af);
+  }
+
+  .radio-root.is-disabled .radio-circle {
+    border-color: var(--ui-radio-border-disabled, #bdbdbc);
+    background-color: var(--ui-radio-bg-disabled, #e5e7eb);
+  }
+
+  .radio-label:empty {
+    display: none;
+  }
+</style>
+

package/dist/components/radio/Radio.svelte.d.ts

@@ -0,0 +1,26 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        checked?: boolean;
+        disabled?: boolean;
+        name?: string | undefined;
+        value?: string | undefined;
+        ariaLabel?: string | undefined;
+        ariaDescribedby?: string | undefined;
+        /** Callback when checked state changes. Only fires when this radio becomes checked. */ onchange?: ((detail: {
+            checked: boolean;
+        }) => void) | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type RadioProps = typeof __propDef.props;
+export type RadioEvents = typeof __propDef.events;
+export type RadioSlots = typeof __propDef.slots;
+export default class Radio extends SvelteComponentTyped<RadioProps, RadioEvents, RadioSlots> {
+}
+export {};

package/dist/components/textarea/Textarea.d.ts

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

package/dist/components/textarea/Textarea.js

@@ -0,0 +1,5 @@
+import{o as C,c as S,p as R,t as j,i as H,j as I,k as N,n as a}from"../../assets/custom-element-CN6vLcFC.js";import{b as O,a as T,s as d}from"../../assets/attributes-o88QCNuy.js";import{a as A,i as B,s as F,c as G}from"../../assets/lifecycle-BK5NY8qp.js";import{p as n}from"../../assets/props-DbUVX42-.js";var J=N("<textarea></textarea>");const K={hash:"svelte-gdvnmx",code:`textarea.svelte-gdvnmx {display:block;width:100%;padding:var(--ui-input-padding-y, 0.375rem) var(--ui-input-padding-x, 0.75rem);font-family:inherit;font-size:var(--ui-input-font-size, 1rem);font-weight:400;line-height:1.5;color:var(--ui-input-color, #212529);background-color:var(--ui-input-bg, #fff);border:var(--ui-input-border-width, 1px) solid var(--ui-input-border-color, #dee2e6);border-radius:var(--ui-input-border-radius, 0.375rem);box-shadow:var(--ui-input-box-shadow, inset 0 1px 2px rgba(0, 0, 0, 0.075));transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;box-sizing:border-box;resize:vertical;min-height:calc(1.5em + 0.75rem + 2px);}textarea.svelte-gdvnmx::placeholder {color:var(--ui-input-placeholder-color, #6c757d);}textarea.svelte-gdvnmx:hover:not(:disabled):not(:read-only) {border-color:var(--ui-input-hover-border-color, #adb5bd);}textarea.svelte-gdvnmx:focus {outline:0;border-color:var(--ui-input-focus-border-color, #86b7fe);box-shadow:0 0 0 0.25rem var(--ui-input-focus-ring, rgba(13, 110, 253, 0.25));}textarea.svelte-gdvnmx:disabled {background-color:var(--ui-input-disabled-bg, #e9ecef);color:var(--ui-input-disabled-color, #6c757d);cursor:not-allowed;opacity:1;}textarea.svelte-gdvnmx:read-only {background-color:var(--ui-input-bg, #fff);}\r
+\r
+  /* Sizes */.sm.svelte-gdvnmx {padding:var(--ui-input-padding-y-sm, 0.25rem) var(--ui-input-padding-x-sm, 0.5rem);font-size:var(--ui-input-font-size-sm, 0.875rem);border-radius:var(--ui-input-border-radius-sm, 0.25rem);}.md.svelte-gdvnmx {padding:var(--ui-input-padding-y, 0.375rem) var(--ui-input-padding-x, 0.75rem);font-size:var(--ui-input-font-size, 1rem);border-radius:var(--ui-input-border-radius, 0.375rem);}.lg.svelte-gdvnmx {padding:var(--ui-input-padding-y-lg, 0.5rem) var(--ui-input-padding-x-lg, 1rem);font-size:var(--ui-input-font-size-lg, 1.25rem);border-radius:var(--ui-input-border-radius-lg, 0.5rem);}`};function M(_,r){R(r,!1),A(_,K);let o=n(r,"value",12,""),u=n(r,"placeholder",12,""),s=n(r,"name",12,void 0),g=n(r,"id",12,void 0),c=n(r,"rows",12,3),m=n(r,"size",12,"md"),b=n(r,"disabled",12,!1),v=n(r,"readonly",12,!1),h=n(r,"required",12,!1),p=n(r,"maxlength",12,void 0),f=n(r,"minlength",12,void 0),x=n(r,"ariaLabel",12,void 0),y=n(r,"ariaDescribedby",12,void 0),w=n(r,"oninput",12,void 0),z=n(r,"onchange",12,void 0);function q(e){const i=e.getRootNode();return i instanceof ShadowRoot?i.host:null}function k(e){const i=e.target;o(i.value);const l={value:o()};w()?.(l),q(i)?.dispatchEvent(new CustomEvent("input",{detail:l,bubbles:!0}))}function D(e){const i=e.target;o(i.value);const l={value:o()};z()?.(l),q(i)?.dispatchEvent(new CustomEvent("change",{detail:l,bubbles:!0}))}var E={get value(){return o()},set value(e){o(e),a()},get placeholder(){return u()},set placeholder(e){u(e),a()},get name(){return s()},set name(e){s(e),a()},get id(){return g()},set id(e){g(e),a()},get rows(){return c()},set rows(e){c(e),a()},get size(){return m()},set size(e){m(e),a()},get disabled(){return b()},set disabled(e){b(e),a()},get readonly(){return v()},set readonly(e){v(e),a()},get required(){return h()},set required(e){h(e),a()},get maxlength(){return p()},set maxlength(e){p(e),a()},get minlength(){return f()},set minlength(e){f(e),a()},get ariaLabel(){return x()},set ariaLabel(e){x(e),a()},get ariaDescribedby(){return y()},set ariaDescribedby(e){y(e),a()},get oninput(){return w()},set oninput(e){w(e),a()},get onchange(){return z()},set onchange(e){z(e),a()}};B();var t=J();return O(t),t.__input=k,t.__change=D,j(()=>{T(t,o()),d(t,"placeholder",u()),d(t,"name",s()),d(t,"id",g()),d(t,"rows",c()),t.disabled=b(),t.readOnly=v(),t.required=h(),d(t,"maxlength",p()),d(t,"minlength",f()),F(t,1,G(m()),"svelte-gdvnmx"),d(t,"aria-label",x()),d(t,"aria-describedby",y())}),H(_,t),I(E)}C(["input","change"]);const __Default = (S(M,{value:{},placeholder:{},name:{},id:{},rows:{},size:{},disabled:{},readonly:{},required:{},maxlength:{},minlength:{},ariaLabel:{},ariaDescribedby:{},oninput:{},onchange:{}},[],[],{mode:"open"}));
+customElements.define("ui-textarea", __Default);
+export default __Default;

package/dist/components/textarea/Textarea.svelte

@@ -0,0 +1,122 @@
+<svelte:options customElement="ui-textarea" />
+
+<script>
+export let value = "";
+export let placeholder = "";
+export let name = void 0;
+export let id = void 0;
+export let rows = 3;
+export let size = "md";
+export let disabled = false;
+export let readonly = false;
+export let required = false;
+export let maxlength = void 0;
+export let minlength = void 0;
+export let ariaLabel = void 0;
+export let ariaDescribedby = void 0;
+export let oninput = void 0;
+export let onchange = void 0;
+function getHost(el) {
+  const root = el.getRootNode();
+  return root instanceof ShadowRoot ? root.host : null;
+}
+function handleInput(event) {
+  const target = event.target;
+  value = target.value;
+  const detail = { value };
+  oninput?.(detail);
+  const host = getHost(target);
+  host?.dispatchEvent(new CustomEvent("input", { detail, bubbles: true }));
+}
+function handleChange(event) {
+  const target = event.target;
+  value = target.value;
+  const detail = { value };
+  onchange?.(detail);
+  const host = getHost(target);
+  host?.dispatchEvent(new CustomEvent("change", { detail, bubbles: true }));
+}
+</script>
+
+<textarea
+  {value}
+  {placeholder}
+  {name}
+  {id}
+  {rows}
+  {disabled}
+  {readonly}
+  {required}
+  {maxlength}
+  {minlength}
+  class={size}
+  aria-label={ariaLabel}
+  aria-describedby={ariaDescribedby}
+  oninput={handleInput}
+  onchange={handleChange}
+></textarea>
+
+<style>
+  textarea {
+    display: block;
+    width: 100%;
+    padding: var(--ui-input-padding-y, 0.375rem) var(--ui-input-padding-x, 0.75rem);
+    font-family: inherit;
+    font-size: var(--ui-input-font-size, 1rem);
+    font-weight: 400;
+    line-height: 1.5;
+    color: var(--ui-input-color, #212529);
+    background-color: var(--ui-input-bg, #fff);
+    border: var(--ui-input-border-width, 1px) solid var(--ui-input-border-color, #dee2e6);
+    border-radius: var(--ui-input-border-radius, 0.375rem);
+    box-shadow: var(--ui-input-box-shadow, inset 0 1px 2px rgba(0, 0, 0, 0.075));
+    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+    box-sizing: border-box;
+    resize: vertical;
+    min-height: calc(1.5em + 0.75rem + 2px);
+  }
+
+  textarea::placeholder {
+    color: var(--ui-input-placeholder-color, #6c757d);
+  }
+
+  textarea:hover:not(:disabled):not(:read-only) {
+    border-color: var(--ui-input-hover-border-color, #adb5bd);
+  }
+
+  textarea:focus {
+    outline: 0;
+    border-color: var(--ui-input-focus-border-color, #86b7fe);
+    box-shadow: 0 0 0 0.25rem var(--ui-input-focus-ring, rgba(13, 110, 253, 0.25));
+  }
+
+  textarea:disabled {
+    background-color: var(--ui-input-disabled-bg, #e9ecef);
+    color: var(--ui-input-disabled-color, #6c757d);
+    cursor: not-allowed;
+    opacity: 1;
+  }
+
+  textarea:read-only {
+    background-color: var(--ui-input-bg, #fff);
+  }
+
+  /* Sizes */
+  .sm {
+    padding: var(--ui-input-padding-y-sm, 0.25rem) var(--ui-input-padding-x-sm, 0.5rem);
+    font-size: var(--ui-input-font-size-sm, 0.875rem);
+    border-radius: var(--ui-input-border-radius-sm, 0.25rem);
+  }
+
+  .md {
+    padding: var(--ui-input-padding-y, 0.375rem) var(--ui-input-padding-x, 0.75rem);
+    font-size: var(--ui-input-font-size, 1rem);
+    border-radius: var(--ui-input-border-radius, 0.375rem);
+  }
+
+  .lg {
+    padding: var(--ui-input-padding-y-lg, 0.5rem) var(--ui-input-padding-x-lg, 1rem);
+    font-size: var(--ui-input-font-size-lg, 1.25rem);
+    border-radius: var(--ui-input-border-radius-lg, 0.5rem);
+  }
+</style>

package/dist/components/textarea/Textarea.svelte.d.ts

@@ -0,0 +1,34 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        value?: string;
+        placeholder?: string;
+        name?: string | undefined;
+        id?: string | undefined;
+        rows?: number;
+        size?: "sm" | "md" | "lg";
+        disabled?: boolean;
+        readonly?: boolean;
+        required?: boolean;
+        maxlength?: number | undefined;
+        minlength?: number | undefined;
+        ariaLabel?: string | undefined;
+        ariaDescribedby?: string | undefined;
+        /** Callback when value changes on input (Svelte 5 replacement for deprecated createEventDispatcher). */ oninput?: ((detail: {
+            value: string;
+        }) => void) | undefined;
+        /** Callback when value is committed on change (Svelte 5 replacement for deprecated createEventDispatcher). */ onchange?: ((detail: {
+            value: string;
+        }) => void) | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type TextareaProps = typeof __propDef.props;
+export type TextareaEvents = typeof __propDef.events;
+export type TextareaSlots = typeof __propDef.slots;
+export default class Textarea extends SvelteComponentTyped<TextareaProps, TextareaEvents, TextareaSlots> {
+}
+export {};

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+export { default as Button } from "./components/button/Button.js";
+export { default as Accordion } from "./components/accordion/Accordion.js";
+export { default as AccordionItem } from "./components/accordion-item/AccordionItem.js";
+export { default as Input } from "./components/input/Input.js";
+export { default as Textarea } from "./components/textarea/Textarea.js";
+export { default as FormSelect } from "./components/form-select/FormSelect.js";
+export { default as FormSelectOption } from "./components/form-select/FormSelectOption.js";
+export { default as Checkbox } from "./components/checkbox/Checkbox.js";
+export { default as Radio } from "./components/radio/Radio.js";
+export { default as Label } from "./components/label/Label.js";
+export { default as Form } from "./components/form/Form.js";
+export { default as Avatar } from "./components/avatar/Avatar.js";
+export { default as Card } from "./components/card/Card.js";
+export {};

package/dist/index.js

@@ -0,0 +1,13 @@
+export { default as Button } from "./components/button/Button.js";
+export { default as Accordion } from "./components/accordion/Accordion.js";
+export { default as AccordionItem } from "./components/accordion-item/AccordionItem.js";
+export { default as Input } from "./components/input/Input.js";
+export { default as Textarea } from "./components/textarea/Textarea.js";
+export { default as FormSelect } from "./components/form-select/FormSelect.js";
+export { default as FormSelectOption } from "./components/form-select/FormSelectOption.js";
+export { default as Checkbox } from "./components/checkbox/Checkbox.js";
+export { default as Radio } from "./components/radio/Radio.js";
+export { default as Label } from "./components/label/Label.js";
+export { default as Form } from "./components/form/Form.js";
+export { default as Avatar } from "./components/avatar/Avatar.js";
+export { default as Card } from "./components/card/Card.js";

package/dist/react/index.d.ts

@@ -0,0 +1,24 @@
+/**
+ * React wrappers for crayon-design-system-ui.
+ * Use: import { Button, Input, ... } from 'crayon-design-system-ui/react'
+ * Import 'crayon-design-system-ui/register' once in your app (e.g. in main.tsx) so custom elements are defined.
+ */
+import { type ReactNode } from "react";
+type ElementProps = Record<string, unknown> & {
+    children?: ReactNode;
+};
+export declare const Button: import("react").ForwardRefExoticComponent<Omit<ElementProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export declare const Accordion: import("react").ForwardRefExoticComponent<Omit<ElementProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export declare const AccordionItem: import("react").ForwardRefExoticComponent<Omit<ElementProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export declare const Input: import("react").ForwardRefExoticComponent<Omit<ElementProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export declare const Textarea: import("react").ForwardRefExoticComponent<Omit<ElementProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export declare const FormSelect: import("react").ForwardRefExoticComponent<Omit<ElementProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export declare const FormSelectOption: import("react").ForwardRefExoticComponent<Omit<ElementProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<ElementProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export declare const Radio: import("react").ForwardRefExoticComponent<Omit<ElementProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export declare const Label: import("react").ForwardRefExoticComponent<Omit<ElementProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export declare const Form: import("react").ForwardRefExoticComponent<Omit<ElementProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export declare const Avatar: import("react").ForwardRefExoticComponent<Omit<ElementProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export declare const Card: import("react").ForwardRefExoticComponent<Omit<ElementProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/react/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/react/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAEL,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAEf,KAAK,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC;AAavE,eAAO,MAAM,MAAM,mHAAyC,CAAC;AAC7D,eAAO,MAAM,SAAS,mHAAyC,CAAC;AAChE,eAAO,MAAM,aAAa,mHAA8C,CAAC;AACzE,eAAO,MAAM,KAAK,mHAAuC,CAAC;AAC1D,eAAO,MAAM,QAAQ,mHAA6C,CAAC;AACnE,eAAO,MAAM,UAAU,mHAA8C,CAAC;AACtE,eAAO,MAAM,gBAAgB,mHAAqD,CAAC;AACnF,eAAO,MAAM,QAAQ,mHAA0C,CAAC;AAChE,eAAO,MAAM,KAAK,mHAAuC,CAAC;AAC1D,eAAO,MAAM,KAAK,mHAAuC,CAAC;AAC1D,eAAO,MAAM,IAAI,mHAAqC,CAAC;AACvD,eAAO,MAAM,MAAM,mHAAsC,CAAC;AAC1D,eAAO,MAAM,IAAI,mHAAoC,CAAC"}

package/dist/react/index.js

@@ -0,0 +1,26 @@
+/**
+ * React wrappers for crayon-design-system-ui.
+ * Use: import { Button, Input, ... } from 'crayon-design-system-ui/react'
+ * Import 'crayon-design-system-ui/register' once in your app (e.g. in main.tsx) so custom elements are defined.
+ */
+import { createElement, forwardRef, } from "react";
+function createWrapper(tag) {
+    return forwardRef(function Wrapper(props, ref) {
+        const { children, ...rest } = props;
+        return createElement(tag, { ...rest, ref }, children);
+    });
+}
+// Custom element tag names (must match svelte:options customElement in each .svelte)
+export const Button = createWrapper("ui-button");
+export const Accordion = createWrapper("ui-accordion");
+export const AccordionItem = createWrapper("ui-accordion-item");
+export const Input = createWrapper("ui-input");
+export const Textarea = createWrapper("ui-textarea");
+export const FormSelect = createWrapper("ui-form-select");
+export const FormSelectOption = createWrapper("ui-form-select-option");
+export const Checkbox = createWrapper("ui-checkbox");
+export const Radio = createWrapper("ui-radio");
+export const Label = createWrapper("ui-label");
+export const Form = createWrapper("ui-form");
+export const Avatar = createWrapper("ui-avatar");
+export const Card = createWrapper("ui-card");

package/dist/register/accordion-item.d.ts

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

package/dist/register/accordion-item.js

@@ -0,0 +1,4 @@
+// SSR-safe: register only this custom element in the browser.
+if (typeof window !== "undefined" && "customElements" in window) {
+  void import("../components/accordion-item/AccordionItem.js");
+}

package/dist/register/accordion.d.ts

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

package/dist/register/accordion.js

@@ -0,0 +1,4 @@
+// SSR-safe: register only this custom element in the browser.
+if (typeof window !== "undefined" && "customElements" in window) {
+  void import("../components/accordion/Accordion.js");
+}

package/dist/register/avatar.d.ts

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

package/dist/register/avatar.js

@@ -0,0 +1,4 @@
+// SSR-safe: register only this custom element in the browser.
+if (typeof window !== "undefined" && "customElements" in window) {
+  void import("../components/avatar/Avatar.js");
+}

package/dist/register/button.d.ts

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

package/dist/register/button.js

@@ -0,0 +1,4 @@
+// SSR-safe: register only this custom element in the browser.
+if (typeof window !== "undefined" && "customElements" in window) {
+  void import("../components/button/Button.js");
+}

package/dist/register/card.d.ts

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

package/dist/register/card.js

@@ -0,0 +1,4 @@
+// SSR-safe: register only this custom element in the browser.
+if (typeof window !== "undefined" && "customElements" in window) {
+  void import("../components/card/Card.js");
+}

package/dist/register/checkbox.d.ts

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

package/dist/register/checkbox.js

@@ -0,0 +1,4 @@
+// SSR-safe: register only this custom element in the browser.
+if (typeof window !== "undefined" && "customElements" in window) {
+  void import("../components/checkbox/Checkbox.js");
+}

package/dist/register/form-select-option.d.ts

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

package/dist/register/form-select-option.js

@@ -0,0 +1,4 @@
+// SSR-safe: register only this custom element in the browser.
+if (typeof window !== "undefined" && "customElements" in window) {
+  void import("../components/form-select/FormSelectOption.js");
+}

package/dist/register/form-select.d.ts

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

package/dist/register/form-select.js

@@ -0,0 +1,4 @@
+// SSR-safe: register only this custom element in the browser.
+if (typeof window !== "undefined" && "customElements" in window) {
+  void import("../components/form-select/FormSelect.js");
+}

package/dist/register/form.d.ts

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

package/dist/register/form.js

@@ -0,0 +1,4 @@
+// SSR-safe: register only this custom element in the browser.
+if (typeof window !== "undefined" && "customElements" in window) {
+  void import("../components/form/Form.js");
+}

package/dist/register/input.d.ts

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

package/dist/register/input.js

@@ -0,0 +1,4 @@
+// SSR-safe: register only this custom element in the browser.
+if (typeof window !== "undefined" && "customElements" in window) {
+  void import("../components/input/Input.js");
+}

package/dist/register/label.d.ts

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

package/dist/register/label.js

@@ -0,0 +1,4 @@
+// SSR-safe: register only this custom element in the browser.
+if (typeof window !== "undefined" && "customElements" in window) {
+  void import("../components/label/Label.js");
+}

package/dist/register/radio.d.ts

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

package/dist/register/radio.js

@@ -0,0 +1,4 @@
+// SSR-safe: register only this custom element in the browser.
+if (typeof window !== "undefined" && "customElements" in window) {
+  void import("../components/radio/Radio.js");
+}

package/dist/register/textarea.d.ts

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

package/dist/register/textarea.js

@@ -0,0 +1,4 @@
+// SSR-safe: register only this custom element in the browser.
+if (typeof window !== "undefined" && "customElements" in window) {
+  void import("../components/textarea/Textarea.js");
+}

package/dist/register.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=register.d.ts.map

package/dist/register.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["register.ts"],"names":[],"mappings":""}

package/dist/register.js

@@ -0,0 +1,18 @@
+"use strict";
+// SSR-safe: only register custom elements in the browser.
+// Each import causes the Svelte compiler output to call customElements.define(...).
+if (typeof window !== "undefined" && "customElements" in window) {
+    void import("./components/button/Button.svelte");
+    void import("./components/accordion/Accordion.svelte");
+    void import("./components/accordion-item/AccordionItem.svelte");
+    void import("./components/input/Input.svelte");
+    void import("./components/textarea/Textarea.svelte");
+    void import("./components/form-select/FormSelect.svelte");
+    void import("./components/form-select/FormSelectOption.svelte");
+    void import("./components/checkbox/Checkbox.svelte");
+    void import("./components/radio/Radio.svelte");
+    void import("./components/label/Label.svelte");
+    void import("./components/form/Form.svelte");
+    void import("./components/avatar/Avatar.svelte");
+    void import("./components/card/Card.svelte");
+}