@stubber/ui 1.0.0

package/dist/components/checkbox/checkbox.svelte

@@ -0,0 +1,28 @@
+<script>import { Checkbox as CheckboxPrimitive } from "bits-ui";
+import { cn } from "../../utils/shadcn-utils.js";
+let className = void 0;
+export let checked = false;
+export { className as class };
+</script>
+
+<CheckboxPrimitive.Root
+  class={cn(
+    "bg-gray-200/15 border-white/15 ring-offset-background focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground peer box-content h-4 w-4 shrink-0 rounded-sm border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50",
+    className
+  )}
+  bind:checked
+  {...$$restProps}
+  on:click
+>
+  <CheckboxPrimitive.Indicator
+    class={cn("flex h-4 w-4 shadow-checkbox items-center justify-center text-current")}
+    let:isChecked
+    let:isIndeterminate
+  >
+    {#if isChecked}
+      <i class="fa-sharp fa-regular fa-check" />
+    {:else if isIndeterminate}
+      <i class="fa-regular fa-minus" />
+    {/if}
+  </CheckboxPrimitive.Indicator>
+</CheckboxPrimitive.Root>

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

@@ -0,0 +1,13 @@
+import { SvelteComponent } from "svelte";
+import { Checkbox as CheckboxPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: CheckboxPrimitive.Props;
+    slots: {};
+    events: CheckboxPrimitive.Events;
+};
+export type CheckboxProps = typeof __propDef.props;
+export type CheckboxEvents = typeof __propDef.events;
+export type CheckboxSlots = typeof __propDef.slots;
+export default class Checkbox extends SvelteComponent<CheckboxProps, CheckboxEvents, CheckboxSlots> {
+}
+export {};

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

@@ -0,0 +1,2 @@
+import Root from "./checkbox.svelte";
+export { Root, Root as Checkbox, };

package/dist/components/checkbox/index.js

@@ -0,0 +1,4 @@
+import Root from "./checkbox.svelte";
+export { Root, 
+//
+Root as Checkbox, };

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

@@ -0,0 +1,31 @@
+<script>import { Dialog as DialogPrimitive } from "bits-ui";
+import * as Dialog from "./index.js";
+import { cn, flyAndScale } from "../../utils/shadcn-utils.js";
+let className = void 0;
+export let transition = flyAndScale;
+export let transitionConfig = {
+  duration: 200
+};
+export { className as class };
+</script>
+
+<Dialog.Portal>
+  <Dialog.Overlay />
+  <DialogPrimitive.Content
+    {transition}
+    {transitionConfig}
+    class={cn(
+      "bg-background fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg sm:rounded-lg md:w-full",
+      className
+    )}
+    {...$$restProps}
+  >
+    <slot />
+    <DialogPrimitive.Close
+      class="ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none"
+    >
+      <i class="fa-regular fa-xmark h-4 w-4" />
+      <span class="sr-only">Close</span>
+    </DialogPrimitive.Close>
+  </DialogPrimitive.Content>
+</Dialog.Portal>

package/dist/components/dialog/dialog-content.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { Dialog as DialogPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: DialogPrimitive.ContentProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type DialogContentProps = typeof __propDef.props;
+export type DialogContentEvents = typeof __propDef.events;
+export type DialogContentSlots = typeof __propDef.slots;
+export default class DialogContent extends SvelteComponent<DialogContentProps, DialogContentEvents, DialogContentSlots> {
+}
+export {};

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

@@ -0,0 +1,12 @@
+<script>import { Dialog as DialogPrimitive } from "bits-ui";
+import { cn } from "../../utils/shadcn-utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<DialogPrimitive.Description
+  class={cn("text-muted-foreground text-sm", className)}
+  {...$$restProps}
+>
+  <slot />
+</DialogPrimitive.Description>

package/dist/components/dialog/dialog-description.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { Dialog as DialogPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: DialogPrimitive.DescriptionProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type DialogDescriptionProps = typeof __propDef.props;
+export type DialogDescriptionEvents = typeof __propDef.events;
+export type DialogDescriptionSlots = typeof __propDef.slots;
+export default class DialogDescription extends SvelteComponent<DialogDescriptionProps, DialogDescriptionEvents, DialogDescriptionSlots> {
+}
+export {};

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

@@ -0,0 +1,11 @@
+<script>import { cn } from "../../utils/shadcn-utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<div
+  class={cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)}
+  {...$$restProps}
+>
+  <slot />
+</div>

package/dist/components/dialog/dialog-footer.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLAttributes<HTMLDivElement>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type DialogFooterProps = typeof __propDef.props;
+export type DialogFooterEvents = typeof __propDef.events;
+export type DialogFooterSlots = typeof __propDef.slots;
+export default class DialogFooter extends SvelteComponent<DialogFooterProps, DialogFooterEvents, DialogFooterSlots> {
+}
+export {};

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

@@ -0,0 +1,8 @@
+<script>import { cn } from "../../utils/shadcn-utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<div class={cn("flex flex-col space-y-1.5 text-center sm:text-left", className)} {...$$restProps}>
+  <slot />
+</div>

package/dist/components/dialog/dialog-header.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLAttributes<HTMLDivElement>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type DialogHeaderProps = typeof __propDef.props;
+export type DialogHeaderEvents = typeof __propDef.events;
+export type DialogHeaderSlots = typeof __propDef.slots;
+export default class DialogHeader extends SvelteComponent<DialogHeaderProps, DialogHeaderEvents, DialogHeaderSlots> {
+}
+export {};

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

@@ -0,0 +1,17 @@
+<script>import { Dialog as DialogPrimitive } from "bits-ui";
+import { fade } from "svelte/transition";
+import { cn } from "../../utils/shadcn-utils.js";
+let className = void 0;
+export let transition = fade;
+export let transitionConfig = {
+  duration: 150
+};
+export { className as class };
+</script>
+
+<DialogPrimitive.Overlay
+  {transition}
+  {transitionConfig}
+  class={cn("bg-background/80 fixed inset-0 z-50 backdrop-blur-sm", className)}
+  {...$$restProps}
+/>

package/dist/components/dialog/dialog-overlay.svelte.d.ts

@@ -0,0 +1,15 @@
+import { SvelteComponent } from "svelte";
+import { Dialog as DialogPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: DialogPrimitive.OverlayProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type DialogOverlayProps = typeof __propDef.props;
+export type DialogOverlayEvents = typeof __propDef.events;
+export type DialogOverlaySlots = typeof __propDef.slots;
+export default class DialogOverlay extends SvelteComponent<DialogOverlayProps, DialogOverlayEvents, DialogOverlaySlots> {
+}
+export {};

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

@@ -0,0 +1,6 @@
+<script>import { Dialog as DialogPrimitive } from "bits-ui";
+</script>
+
+<DialogPrimitive.Portal {...$$restProps}>
+  <slot />
+</DialogPrimitive.Portal>

package/dist/components/dialog/dialog-portal.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { Dialog as DialogPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: DialogPrimitive.PortalProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type DialogPortalProps = typeof __propDef.props;
+export type DialogPortalEvents = typeof __propDef.events;
+export type DialogPortalSlots = typeof __propDef.slots;
+export default class DialogPortal extends SvelteComponent<DialogPortalProps, DialogPortalEvents, DialogPortalSlots> {
+}
+export {};

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

@@ -0,0 +1,12 @@
+<script>import { Dialog as DialogPrimitive } from "bits-ui";
+import { cn } from "../../utils/shadcn-utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<DialogPrimitive.Title
+  class={cn("text-lg font-semibold leading-none tracking-tight", className)}
+  {...$$restProps}
+>
+  <slot />
+</DialogPrimitive.Title>

package/dist/components/dialog/dialog-title.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { Dialog as DialogPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: DialogPrimitive.TitleProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type DialogTitleProps = typeof __propDef.props;
+export type DialogTitleEvents = typeof __propDef.events;
+export type DialogTitleSlots = typeof __propDef.slots;
+export default class DialogTitle extends SvelteComponent<DialogTitleProps, DialogTitleEvents, DialogTitleSlots> {
+}
+export {};

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

@@ -0,0 +1,12 @@
+import { Dialog as DialogPrimitive } from "bits-ui";
+import Title from "./dialog-title.svelte";
+import Portal from "./dialog-portal.svelte";
+import Footer from "./dialog-footer.svelte";
+import Header from "./dialog-header.svelte";
+import Overlay from "./dialog-overlay.svelte";
+import Content from "./dialog-content.svelte";
+import Description from "./dialog-description.svelte";
+declare const Root: typeof DialogPrimitive.Root;
+declare const Trigger: typeof DialogPrimitive.Trigger;
+declare const Close: typeof DialogPrimitive.Close;
+export { Root, Title, Portal, Footer, Header, Trigger, Overlay, Content, Description, Close, Root as Dialog, Title as DialogTitle, Portal as DialogPortal, Footer as DialogFooter, Header as DialogHeader, Trigger as DialogTrigger, Overlay as DialogOverlay, Content as DialogContent, Description as DialogDescription, Close as DialogClose, };

package/dist/components/dialog/index.js

@@ -0,0 +1,14 @@
+import { Dialog as DialogPrimitive } from "bits-ui";
+import Title from "./dialog-title.svelte";
+import Portal from "./dialog-portal.svelte";
+import Footer from "./dialog-footer.svelte";
+import Header from "./dialog-header.svelte";
+import Overlay from "./dialog-overlay.svelte";
+import Content from "./dialog-content.svelte";
+import Description from "./dialog-description.svelte";
+const Root = DialogPrimitive.Root;
+const Trigger = DialogPrimitive.Trigger;
+const Close = DialogPrimitive.Close;
+export { Root, Title, Portal, Footer, Header, Trigger, Overlay, Content, Description, Close, 
+//
+Root as Dialog, Title as DialogTitle, Portal as DialogPortal, Footer as DialogFooter, Header as DialogHeader, Trigger as DialogTrigger, Overlay as DialogOverlay, Content as DialogContent, Description as DialogDescription, Close as DialogClose, };

package/dist/components/fields/Checkbox.svelte

@@ -0,0 +1,24 @@
+<script>
+  export let checked;
+  export let label;
+  export let disabled;
+</script>
+
+<button
+  {disabled}
+  class="group h-10 flex items-center pr-4"
+  on:click={() => {
+    checked = !checked;
+  }}
+>
+  <div class="flex h-10 aspect-square items-center justify-center">
+    <i
+      class="far {checked
+        ? 'text-primary-500 fa-square-check'
+        : 'text-surface-900 fa-square'} group-disabled:text-surface-100"
+    />
+  </div>
+  <span class="text-button font-normal text-surface-900 group-disabled:text-surface-100"
+    >{label}</span
+  >
+</button>

package/dist/components/fields/Checkbox.svelte.d.ts

@@ -0,0 +1,27 @@
+/** @typedef {typeof __propDef.props}  CheckboxProps */
+/** @typedef {typeof __propDef.events}  CheckboxEvents */
+/** @typedef {typeof __propDef.slots}  CheckboxSlots */
+export default class Checkbox extends SvelteComponent<{
+    checked: any;
+    label: any;
+    disabled: any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type CheckboxProps = typeof __propDef.props;
+export type CheckboxEvents = typeof __propDef.events;
+export type CheckboxSlots = typeof __propDef.slots;
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        checked: any;
+        label: any;
+        disabled: any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/components/fields/Radio.svelte

@@ -0,0 +1,30 @@
+<script>
+  export let disabled;
+  export let options = [];
+  export let value = options[0].value;
+
+  function select_option(new_value) {
+    value = new_value;
+  }
+</script>
+
+<div>
+  {#each options as option}
+    <button
+      {disabled}
+      on:click={() => select_option(option.value)}
+      class=" group h-10 flex items-center"
+    >
+      <div class="flex h-10 aspect-square items-center justify-center">
+        <i
+          class="far {value == option.value
+            ? 'text-primary-500 fa-circle-dot'
+            : 'text-surface-900 fa-circle'} group-disabled:text-surface-100"
+        />
+      </div>
+      <span class="text-button font-normal text-surface-900 group-disabled:text-surface-100">
+        {option.label}
+      </span>
+    </button>
+  {/each}
+</div>

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

@@ -0,0 +1,27 @@
+/** @typedef {typeof __propDef.props}  RadioProps */
+/** @typedef {typeof __propDef.events}  RadioEvents */
+/** @typedef {typeof __propDef.slots}  RadioSlots */
+export default class Radio extends SvelteComponent<{
+    disabled: any;
+    value?: any;
+    options?: any[] | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type RadioProps = typeof __propDef.props;
+export type RadioEvents = typeof __propDef.events;
+export type RadioSlots = typeof __propDef.slots;
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        disabled: any;
+        value?: any;
+        options?: any[] | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/components/fields/StandardInput.svelte

@@ -0,0 +1,47 @@
+<script>
+  export let label = "";
+  export let placeholder = "";
+  export let help = "";
+  export let value = "";
+  export let autofocus;
+
+  //states
+  let is_help = false;
+
+  $: input_placeholder = placeholder || label;
+
+  function toggle_help() {
+    is_help = !is_help;
+  }
+</script>
+
+<div>
+  <div class="h-5 mb-[5px] flex items-center space-x-[6px]">
+    <p class="ml-[7px] text-label font-normal text-surface-900">{label}</p>
+    {#if help}
+      <button
+        on:click={toggle_help}
+        class="px-1 group h-5 flex items-center truncate {is_help
+          ? 'rounded-lg bg-surface-50'
+          : 'bg-transparent'}"
+      >
+        <i class="fa fa-circle-info text-surface-600 group-hover:text-surface-500" />
+        {#if is_help}
+          <span class="pl-[5px] text-surface-900 text-small truncate">
+            {help}
+          </span>
+        {/if}
+      </button>
+    {/if}
+  </div>
+  <div
+    class="h-10 px-3 flex items-center border border-surface-100 focus-within:border-primary-500 rounded-lg"
+  >
+    <input
+      {autofocus}
+      bind:value
+      class="w-full text-p-body font-normal text-surface-900 focus:outline-none placeholder:text-surface-200"
+      placeholder={input_placeholder}
+    />
+  </div>
+</div>

package/dist/components/fields/StandardInput.svelte.d.ts

@@ -0,0 +1,31 @@
+/** @typedef {typeof __propDef.props}  StandardInputProps */
+/** @typedef {typeof __propDef.events}  StandardInputEvents */
+/** @typedef {typeof __propDef.slots}  StandardInputSlots */
+export default class StandardInput extends SvelteComponent<{
+    autofocus: any;
+    label?: string | undefined;
+    value?: string | undefined;
+    placeholder?: string | undefined;
+    help?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type StandardInputProps = typeof __propDef.props;
+export type StandardInputEvents = typeof __propDef.events;
+export type StandardInputSlots = typeof __propDef.slots;
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        autofocus: any;
+        label?: string | undefined;
+        value?: string | undefined;
+        placeholder?: string | undefined;
+        help?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

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

@@ -0,0 +1,23 @@
+import Root from "./input.svelte";
+export type FormInputEvent<T extends Event = Event> = T & {
+    currentTarget: EventTarget & HTMLInputElement;
+};
+export type InputEvents = {
+    blur: FormInputEvent<FocusEvent>;
+    change: FormInputEvent<Event>;
+    click: FormInputEvent<MouseEvent>;
+    focus: FormInputEvent<FocusEvent>;
+    focusin: FormInputEvent<FocusEvent>;
+    focusout: FormInputEvent<FocusEvent>;
+    keydown: FormInputEvent<KeyboardEvent>;
+    keypress: FormInputEvent<KeyboardEvent>;
+    keyup: FormInputEvent<KeyboardEvent>;
+    mouseover: FormInputEvent<MouseEvent>;
+    mouseenter: FormInputEvent<MouseEvent>;
+    mouseleave: FormInputEvent<MouseEvent>;
+    mousemove: FormInputEvent<MouseEvent>;
+    paste: FormInputEvent<ClipboardEvent>;
+    input: FormInputEvent<InputEvent>;
+    wheel: FormInputEvent<WheelEvent>;
+};
+export { Root, Root as Input, };

package/dist/components/input/index.js

@@ -0,0 +1,4 @@
+import Root from "./input.svelte";
+export { Root, 
+//
+Root as Input, };

package/dist/components/input/input.svelte

@@ -0,0 +1,33 @@
+<script>import { cn } from "../../utils/shadcn-utils.js";
+let className = void 0;
+export let value = void 0;
+export { className as class };
+export let readonly = void 0;
+</script>
+
+<input
+  class={cn(
+    "border-input bg-white bg-opacity-[15] ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring flex h-10 w-full rounded-md border px-3 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+    className
+  )}
+  style="box-shadow: inset 0px 16px 16px -16px rgba(0, 0, 0, 0.1333);"
+  bind:value
+  {readonly}
+  on:blur
+  on:change
+  on:click
+  on:focus
+  on:focusin
+  on:focusout
+  on:keydown
+  on:keypress
+  on:keyup
+  on:mouseover
+  on:mouseenter
+  on:mouseleave
+  on:mousemove
+  on:paste
+  on:input
+  on:wheel|passive
+  {...$$restProps}
+/>

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

@@ -0,0 +1,14 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLInputAttributes } from "svelte/elements";
+import type { InputEvents } from "./index.js";
+declare const __propDef: {
+    props: HTMLInputAttributes;
+    slots: {};
+    events: InputEvents;
+};
+export type InputProps = typeof __propDef.props;
+type InputEvents_ = typeof __propDef.events;
+export { InputEvents_ as InputEvents };
+export type InputSlots = typeof __propDef.slots;
+export default class Input extends SvelteComponent<InputProps, InputEvents, InputSlots> {
+}

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

@@ -0,0 +1,2 @@
+import Root from "./label.svelte";
+export { Root, Root as Label, };

package/dist/components/label/index.js

@@ -0,0 +1,4 @@
+import Root from "./label.svelte";
+export { Root, 
+//
+Root as Label, };

package/dist/components/label/label.svelte

@@ -0,0 +1,16 @@
+<script>import { Label as LabelPrimitive } from "bits-ui";
+import { cn } from "../../utils/shadcn-utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<LabelPrimitive.Root
+  class={cn(
+    "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+    className
+  )}
+  {...$$restProps}
+  on:mousedown
+>
+  <slot />
+</LabelPrimitive.Root>

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

@@ -0,0 +1,15 @@
+import { SvelteComponent } from "svelte";
+import { Label as LabelPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: LabelPrimitive.Props;
+    slots: {
+        default: {};
+    };
+    events: LabelPrimitive.Events;
+};
+export type LabelProps = typeof __propDef.props;
+export type LabelEvents = typeof __propDef.events;
+export type LabelSlots = typeof __propDef.slots;
+export default class Label extends SvelteComponent<LabelProps, LabelEvents, LabelSlots> {
+}
+export {};

package/dist/components/radio-group/index.d.ts

@@ -0,0 +1,5 @@
+import { RadioGroup as RadioGroupPrimitive } from "bits-ui";
+import Root from "./radio-group.svelte";
+import Item from "./radio-group-item.svelte";
+declare const Input: typeof RadioGroupPrimitive.Input;
+export { Root, Input, Item, Root as RadioGroup, Input as RadioGroupInput, Item as RadioGroupItem, };

package/dist/components/radio-group/index.js

@@ -0,0 +1,7 @@
+import { RadioGroup as RadioGroupPrimitive } from "bits-ui";
+import Root from "./radio-group.svelte";
+import Item from "./radio-group-item.svelte";
+const Input = RadioGroupPrimitive.Input;
+export { Root, Input, Item, 
+//
+Root as RadioGroup, Input as RadioGroupInput, Item as RadioGroupItem, };