@ifloppy/maxcraftmc-ui-svelte 0.1.0

package/types/Dropdown/DropdownSkeleton.svelte.d.ts

@@ -0,0 +1,27 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["div"];
+
+type $Props = {
+  /**
+   * Set to `true` to use the inline variant
+   * @default false
+   */
+  inline?: boolean;
+
+  [key: `data-${string}`]: any;
+};
+
+export type DropdownSkeletonProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class DropdownSkeleton extends SvelteComponentTyped<
+  DropdownSkeletonProps,
+  {
+    click: WindowEventMap["click"];
+    mouseover: WindowEventMap["mouseover"];
+    mouseenter: WindowEventMap["mouseenter"];
+    mouseleave: WindowEventMap["mouseleave"];
+  },
+  {}
+> {}

package/types/FileUploader/FileUploader.svelte.d.ts

@@ -0,0 +1,104 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["div"];
+
+type $Props = {
+  /**
+   * Specify the file uploader status
+   * @default "uploading"
+   */
+  status?: "uploading" | "edit" | "complete";
+
+  /**
+   * Set to `true` to disable the file uploader
+   * @default false
+   */
+  disabled?: boolean;
+
+  /**
+   * Specify the accepted file types
+   * @default []
+   */
+  accept?: ReadonlyArray<string>;
+
+  /**
+   * Obtain a reference to the uploaded files
+   * @default []
+   */
+  files?: ReadonlyArray<File>;
+
+  /**
+   * Set to `true` to allow multiple files
+   * @default false
+   */
+  multiple?: boolean;
+
+  /**
+   * Specify the label title.
+   * Alternatively, use the named slot "labelTitle" (e.g., `<span slot="labelTitle">...</span>`)
+   * @default ""
+   */
+  labelTitle?: string;
+
+  /**
+   * Specify the label description.
+   * Alternatively, use the named slot "labelDescription" (e.g., `<span slot="labelDescription">...</span>`)
+   * @default ""
+   */
+  labelDescription?: string;
+
+  /**
+   * Specify the kind of file uploader button
+   * @default "primary"
+   */
+  kind?: import("../Button/Button.svelte").ButtonProps["kind"];
+
+  /**
+   * Specify the size of the file uploader button
+   * @default "small"
+   */
+  size?: import("../Button/Button.svelte").ButtonProps["size"];
+
+  /**
+   * Specify the button label
+   * @default ""
+   */
+  buttonLabel?: string;
+
+  /**
+   * Specify the ARIA label used for the status icons
+   * @default "Provide icon description"
+   */
+  iconDescription?: string;
+
+  /**
+   * Specify a name attribute for the file button uploader input
+   * @default ""
+   */
+  name?: string;
+
+  [key: `data-${string}`]: any;
+};
+
+export type FileUploaderProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class FileUploader extends SvelteComponentTyped<
+  FileUploaderProps,
+  {
+    add: CustomEvent<ReadonlyArray<File>>;
+    remove: CustomEvent<ReadonlyArray<File>>;
+    change: CustomEvent<ReadonlyArray<File>>;
+    click: WindowEventMap["click"];
+    mouseover: WindowEventMap["mouseover"];
+    mouseenter: WindowEventMap["mouseenter"];
+    mouseleave: WindowEventMap["mouseleave"];
+    keydown: WindowEventMap["keydown"];
+  },
+  { labelDescription: {}; labelTitle: {} }
+> {
+  /**
+   * Programmatically clear the uploaded files
+   */
+  clearFiles: () => void;
+}

package/types/FileUploader/FileUploaderButton.svelte.d.ts

@@ -0,0 +1,98 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["input"];
+
+type $Props = {
+  /**
+   * Specify the accepted file types
+   * @default []
+   */
+  accept?: ReadonlyArray<string>;
+
+  /**
+   * Obtain a reference to the uploaded files
+   * @default []
+   */
+  files?: ReadonlyArray<File>;
+
+  /**
+   * Set to `true` to allow multiple files
+   * @default false
+   */
+  multiple?: boolean;
+
+  /**
+   * Set to `true` to disable the input
+   * @default false
+   */
+  disabled?: boolean;
+
+  /**
+   * Set to `true` to disable label changes
+   * @default false
+   */
+  disableLabelChanges?: boolean;
+
+  /**
+   * Specify the kind of file uploader button
+   * @default "primary"
+   */
+  kind?: import("../Button/Button.svelte").ButtonProps["kind"];
+
+  /**
+   * Specify the size of the file uploader button
+   * @default "small"
+   */
+  size?: import("../Button/Button.svelte").ButtonProps["size"];
+
+  /**
+   * Specify the label text
+   * @default "Add file"
+   */
+  labelText?: string;
+
+  /**
+   * Specify the label role
+   * @default "button"
+   */
+  role?: string;
+
+  /**
+   * Specify `tabindex` attribute
+   * @default "0"
+   */
+  tabindex?: string;
+
+  /**
+   * Set an id for the input element
+   * @default "ccs-" + Math.random().toString(36)
+   */
+  id?: string;
+
+  /**
+   * Specify a name attribute for the input
+   * @default ""
+   */
+  name?: string;
+
+  /**
+   * Obtain a reference to the input HTML element
+   * @default null
+   */
+  ref?: null | HTMLInputElement;
+
+  [key: `data-${string}`]: any;
+};
+
+export type FileUploaderButtonProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class FileUploaderButton extends SvelteComponentTyped<
+  FileUploaderButtonProps,
+  {
+    change: CustomEvent<ReadonlyArray<File>>;
+    keydown: WindowEventMap["keydown"];
+    click: WindowEventMap["click"];
+  },
+  { labelText: {} }
+> {}

package/types/FileUploader/FileUploaderDropContainer.svelte.d.ts

@@ -0,0 +1,92 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["div"];
+
+type $Props = {
+  /**
+   * Specify the accepted file types
+   * @default []
+   */
+  accept?: ReadonlyArray<string>;
+
+  /**
+   * Obtain a reference to the uploaded files
+   * @default []
+   */
+  files?: ReadonlyArray<File>;
+
+  /**
+   * Set to `true` to allow multiple files
+   * @default false
+   */
+  multiple?: boolean;
+
+  /**
+   * Override the default behavior of validating uploaded files.
+   * By default, files are not validated
+   * @default (files) => files
+   */
+  validateFiles?: (files: ReadonlyArray<File>) => ReadonlyArray<File>;
+
+  /**
+   * Specify the label text
+   * @default "Add file"
+   */
+  labelText?: string;
+
+  /**
+   * Specify the `role` attribute of the drop container
+   * @default "button"
+   */
+  role?: string;
+
+  /**
+   * Set to `true` to disable the input
+   * @default false
+   */
+  disabled?: boolean;
+
+  /**
+   * Specify `tabindex` attribute
+   * @default "0"
+   */
+  tabindex?: string;
+
+  /**
+   * Set an id for the input element
+   * @default "ccs-" + Math.random().toString(36)
+   */
+  id?: string;
+
+  /**
+   * Specify a name attribute for the input
+   * @default ""
+   */
+  name?: string;
+
+  /**
+   * Obtain a reference to the input HTML element
+   * @default null
+   */
+  ref?: null | HTMLInputElement;
+
+  [key: `data-${string}`]: any;
+};
+
+export type FileUploaderDropContainerProps = Omit<$RestProps, keyof $Props> &
+  $Props;
+
+export default class FileUploaderDropContainer extends SvelteComponentTyped<
+  FileUploaderDropContainerProps,
+  {
+    add: CustomEvent<ReadonlyArray<File>>;
+    change: CustomEvent<ReadonlyArray<File>>;
+    dragover: WindowEventMap["dragover"];
+    dragleave: WindowEventMap["dragleave"];
+    drop: WindowEventMap["drop"];
+    keydown: WindowEventMap["keydown"];
+    click: WindowEventMap["click"];
+  },
+  { labelText: {} }
+> {}

package/types/FileUploader/FileUploaderItem.svelte.d.ts

@@ -0,0 +1,69 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["span"];
+
+type $Props = {
+  /**
+   * Specify the file uploader status
+   * @default "uploading"
+   */
+  status?: "uploading" | "edit" | "complete";
+
+  /**
+   * Specify the size of button skeleton
+   * @default "default"
+   */
+  size?: "default" | "field" | "small";
+
+  /**
+   * Specify the ARIA label used for the status icons
+   * @default ""
+   */
+  iconDescription?: string;
+
+  /**
+   * Set to `true` to indicate an invalid state
+   * @default false
+   */
+  invalid?: boolean;
+
+  /**
+   * Specify the error subject text
+   * @default ""
+   */
+  errorSubject?: string;
+
+  /**
+   * Specify the error body text
+   * @default ""
+   */
+  errorBody?: string;
+
+  /**
+   * Set an id for the top-level element
+   * @default "ccs-" + Math.random().toString(36)
+   */
+  id?: string;
+
+  /**
+   * Specify the file uploader name
+   * @default ""
+   */
+  name?: string;
+
+  [key: `data-${string}`]: any;
+};
+
+export type FileUploaderItemProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class FileUploaderItem extends SvelteComponentTyped<
+  FileUploaderItemProps,
+  {
+    delete: CustomEvent<string>;
+    mouseover: WindowEventMap["mouseover"];
+    mouseenter: WindowEventMap["mouseenter"];
+    mouseleave: WindowEventMap["mouseleave"];
+  },
+  {}
+> {}

package/types/FileUploader/FileUploaderSkeleton.svelte.d.ts

@@ -0,0 +1,21 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["div"];
+
+type $Props = {
+  [key: `data-${string}`]: any;
+};
+
+export type FileUploaderSkeletonProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class FileUploaderSkeleton extends SvelteComponentTyped<
+  FileUploaderSkeletonProps,
+  {
+    click: WindowEventMap["click"];
+    mouseover: WindowEventMap["mouseover"];
+    mouseenter: WindowEventMap["mouseenter"];
+    mouseleave: WindowEventMap["mouseleave"];
+  },
+  {}
+> {}

package/types/FileUploader/Filename.svelte.d.ts

@@ -0,0 +1,36 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["div"] &
+  SvelteHTMLElements["button"] &
+  SvelteHTMLElements["svg"];
+
+type $Props = {
+  /**
+   * Specify the file name status
+   * @default "uploading"
+   */
+  status?: "uploading" | "edit" | "complete";
+
+  /**
+   * Specify the ARIA label used for the status icons
+   * @default ""
+   */
+  iconDescription?: string;
+
+  /**
+   * Set to `true` to indicate an invalid state
+   * @default false
+   */
+  invalid?: boolean;
+
+  [key: `data-${string}`]: any;
+};
+
+export type FilenameProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class Filename extends SvelteComponentTyped<
+  FilenameProps,
+  { click: WindowEventMap["click"]; keydown: WindowEventMap["keydown"] },
+  {}
+> {}

package/types/FluidForm/FluidForm.svelte.d.ts

@@ -0,0 +1,23 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["form"];
+
+type $Props = {
+  [key: `data-${string}`]: any;
+};
+
+export type FluidFormProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class FluidForm extends SvelteComponentTyped<
+  FluidFormProps,
+  {
+    click: WindowEventMap["click"];
+    keydown: WindowEventMap["keydown"];
+    mouseover: WindowEventMap["mouseover"];
+    mouseenter: WindowEventMap["mouseenter"];
+    mouseleave: WindowEventMap["mouseleave"];
+    submit: WindowEventMap["submit"];
+  },
+  { default: {} }
+> {}

package/types/Form/Form.svelte.d.ts

@@ -0,0 +1,29 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["form"];
+
+type $Props = {
+  /**
+   * Obtain a reference to the form element
+   * @default null
+   */
+  ref?: null | HTMLFormElement;
+
+  [key: `data-${string}`]: any;
+};
+
+export type FormProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class Form extends SvelteComponentTyped<
+  FormProps,
+  {
+    click: WindowEventMap["click"];
+    keydown: WindowEventMap["keydown"];
+    mouseover: WindowEventMap["mouseover"];
+    mouseenter: WindowEventMap["mouseenter"];
+    mouseleave: WindowEventMap["mouseleave"];
+    submit: WindowEventMap["submit"];
+  },
+  { default: {} }
+> {}

package/types/FormGroup/FormGroup.svelte.d.ts

@@ -0,0 +1,57 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["fieldset"];
+
+type $Props = {
+  /**
+   * Set to `true` for to remove the bottom margin
+   * @default false
+   */
+  noMargin?: boolean;
+
+  /**
+   * Set to `true` to indicate an invalid state
+   * @default false
+   */
+  invalid?: boolean;
+
+  /**
+   * Set to `true` to render a form requirement
+   * @default false
+   */
+  message?: boolean;
+
+  /**
+   * Specify the message text
+   * @default ""
+   */
+  messageText?: string;
+
+  /**
+   * Specify the legend text
+   * @default ""
+   */
+  legendText?: string;
+
+  /**
+   * Specify an id for the legend element
+   * @default ""
+   */
+  legendId?: string;
+
+  [key: `data-${string}`]: any;
+};
+
+export type FormGroupProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class FormGroup extends SvelteComponentTyped<
+  FormGroupProps,
+  {
+    click: WindowEventMap["click"];
+    mouseover: WindowEventMap["mouseover"];
+    mouseenter: WindowEventMap["mouseenter"];
+    mouseleave: WindowEventMap["mouseleave"];
+  },
+  { default: {} }
+> {}

package/types/FormItem/FormItem.svelte.d.ts

@@ -0,0 +1,21 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["div"];
+
+type $Props = {
+  [key: `data-${string}`]: any;
+};
+
+export type FormItemProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class FormItem extends SvelteComponentTyped<
+  FormItemProps,
+  {
+    click: WindowEventMap["click"];
+    mouseover: WindowEventMap["mouseover"];
+    mouseenter: WindowEventMap["mouseenter"];
+    mouseleave: WindowEventMap["mouseleave"];
+  },
+  { default: {} }
+> {}

package/types/FormLabel/FormLabel.svelte.d.ts

@@ -0,0 +1,27 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["label"];
+
+type $Props = {
+  /**
+   * Set an id to be used by the label element
+   * @default "ccs-" + Math.random().toString(36)
+   */
+  id?: string;
+
+  [key: `data-${string}`]: any;
+};
+
+export type FormLabelProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class FormLabel extends SvelteComponentTyped<
+  FormLabelProps,
+  {
+    click: WindowEventMap["click"];
+    mouseover: WindowEventMap["mouseover"];
+    mouseenter: WindowEventMap["mouseenter"];
+    mouseleave: WindowEventMap["mouseleave"];
+  },
+  { default: {} }
+> {}

package/types/Grid/Column.svelte.d.ts

@@ -0,0 +1,92 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+export type ColumnSize = boolean | number;
+
+export interface ColumnSizeDescriptor {
+  span?: ColumnSize;
+  offset: number;
+}
+
+export type ColumnBreakpoint = ColumnSize | ColumnSizeDescriptor;
+
+type $RestProps = SvelteHTMLElements["div"];
+
+type $Props = {
+  /**
+   * Set to `true` to render a custom HTML element
+   * Props are destructured as `props` in the default slot (e.g., <Column let:props><article {...props}>...</article></Column>)
+   * @default false
+   */
+  as?: boolean;
+
+  /**
+   * Set to `true` to remove the gutter
+   * @default false
+   */
+  noGutter?: boolean;
+
+  /**
+   * Set to `true` to remove the left gutter
+   * @default false
+   */
+  noGutterLeft?: boolean;
+
+  /**
+   * Set to `true` to remove the right gutter
+   * @default false
+   */
+  noGutterRight?: boolean;
+
+  /**
+   * Set to `true` to add top and bottom padding to the column
+   * @default false
+   */
+  padding?: boolean;
+
+  /**
+   * Specify the aspect ratio of the column
+   * @default undefined
+   */
+  aspectRatio?: "2x1" | "16x9" | "9x16" | "1x2" | "4x3" | "3x4" | "1x1";
+
+  /**
+   * Set the small breakpoint
+   * @default undefined
+   */
+  sm?: ColumnBreakpoint;
+
+  /**
+   * Set the medium breakpoint
+   * @default undefined
+   */
+  md?: ColumnBreakpoint;
+
+  /**
+   * Set the large breakpoint
+   * @default undefined
+   */
+  lg?: ColumnBreakpoint;
+
+  /**
+   * Set the extra large breakpoint
+   * @default undefined
+   */
+  xlg?: ColumnBreakpoint;
+
+  /**
+   * Set the maximum breakpoint
+   * @default undefined
+   */
+  max?: ColumnBreakpoint;
+
+  [key: `data-${string}`]: any;
+};
+
+export type ColumnProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class Column extends SvelteComponentTyped<
+  ColumnProps,
+  Record<string, any>,
+  { default: { props: { class: string; [key: string]: any } } }
+> {}