@ifloppy/maxcraftmc-ui-svelte 0.1.0

package/types/Select/SelectItem.svelte.d.ts

@@ -0,0 +1,46 @@
+import type { SvelteComponentTyped } from "svelte";
+
+export type SelectItemProps = {
+  /**
+   * Specify the option value
+   * @default ""
+   */
+  value?: string | number;
+
+  /**
+   * Specify the option text
+   * If not specified, the value will be used as the text.
+   * @default undefined
+   */
+  text?: string;
+
+  /**
+   * Set to `true` to hide the option
+   * @default false
+   */
+  hidden?: boolean;
+
+  /**
+   * Set to `true` to disable the option
+   * @default false
+   */
+  disabled?: boolean;
+
+  /**
+   * Specify the class of the `option` element
+   * @default undefined
+   */
+  class?: string;
+
+  /**
+   * Specify the style of the `option` element
+   * @default undefined
+   */
+  style?: string;
+};
+
+export default class SelectItem extends SvelteComponentTyped<
+  SelectItemProps,
+  Record<string, any>,
+  {}
+> {}

package/types/Select/SelectItemGroup.svelte.d.ts

@@ -0,0 +1,28 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["optgroup"];
+
+type $Props = {
+  /**
+   * Set to `true` to disable the optgroup element
+   * @default false
+   */
+  disabled?: boolean;
+
+  /**
+   * Specify the label attribute of the optgroup element
+   * @default "Provide label"
+   */
+  label?: string;
+
+  [key: `data-${string}`]: any;
+};
+
+export type SelectItemGroupProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class SelectItemGroup extends SvelteComponentTyped<
+  SelectItemGroupProps,
+  Record<string, any>,
+  { default: {} }
+> {}

package/types/Select/SelectSkeleton.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 hide the label text
+   * @default false
+   */
+  hideLabel?: boolean;
+
+  [key: `data-${string}`]: any;
+};
+
+export type SelectSkeletonProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class SelectSkeleton extends SvelteComponentTyped<
+  SelectSkeletonProps,
+  {
+    click: WindowEventMap["click"];
+    mouseover: WindowEventMap["mouseover"];
+    mouseenter: WindowEventMap["mouseenter"];
+    mouseleave: WindowEventMap["mouseleave"];
+  },
+  {}
+> {}

package/types/SkeletonPlaceholder/SkeletonPlaceholder.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 SkeletonPlaceholderProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class SkeletonPlaceholder extends SvelteComponentTyped<
+  SkeletonPlaceholderProps,
+  {
+    click: WindowEventMap["click"];
+    mouseover: WindowEventMap["mouseover"];
+    mouseenter: WindowEventMap["mouseenter"];
+    mouseleave: WindowEventMap["mouseleave"];
+  },
+  {}
+> {}

package/types/SkeletonText/SkeletonText.svelte.d.ts

@@ -0,0 +1,45 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["div"];
+
+type $Props = {
+  /**
+   * Specify the number of lines to render
+   * @default 3
+   */
+  lines?: number;
+
+  /**
+   * Set to `true` to use the heading size variant
+   * @default false
+   */
+  heading?: boolean;
+
+  /**
+   * Set to `true` to use the paragraph size variant
+   * @default false
+   */
+  paragraph?: boolean;
+
+  /**
+   * Specify the width of the text (% or px)
+   * @default "100%"
+   */
+  width?: string;
+
+  [key: `data-${string}`]: any;
+};
+
+export type SkeletonTextProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class SkeletonText extends SvelteComponentTyped<
+  SkeletonTextProps,
+  {
+    click: WindowEventMap["click"];
+    mouseover: WindowEventMap["mouseover"];
+    mouseenter: WindowEventMap["mouseenter"];
+    mouseleave: WindowEventMap["mouseleave"];
+  },
+  {}
+> {}

package/types/Slider/Slider.svelte.d.ts

@@ -0,0 +1,139 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["div"];
+
+type $Props = {
+  /**
+   * Specify the value of the slider
+   * @default 0
+   */
+  value?: number;
+
+  /**
+   * Set the maximum slider value
+   * @default 100
+   */
+  max?: number;
+
+  /**
+   * Specify the label for the max value
+   * @default ""
+   */
+  maxLabel?: string;
+
+  /**
+   * Set the minimum slider value
+   * @default 0
+   */
+  min?: number;
+
+  /**
+   * Specify the label for the min value
+   * @default ""
+   */
+  minLabel?: string;
+
+  /**
+   * Set the step value
+   * @default 1
+   */
+  step?: number;
+
+  /**
+   * Set the step multiplier value
+   * @default 4
+   */
+  stepMultiplier?: number;
+
+  /**
+   * Set to `true` to require a value
+   * @default false
+   */
+  required?: boolean;
+
+  /**
+   * Specify the input type
+   * @default "number"
+   */
+  inputType?: string;
+
+  /**
+   * Set to `true` to disable the slider
+   * @default false
+   */
+  disabled?: boolean;
+
+  /**
+   * Set to `true` to enable the light variant
+   * @default false
+   */
+  light?: boolean;
+
+  /**
+   * Set to `true` to hide the text input
+   * @default false
+   */
+  hideTextInput?: boolean;
+
+  /**
+   * Set to `true` for the slider to span
+   * the full width of its containing element.
+   * @default false
+   */
+  fullWidth?: boolean;
+
+  /**
+   * Set an id for the slider div element
+   * @default "ccs-" + Math.random().toString(36)
+   */
+  id?: string;
+
+  /**
+   * Set to `true` to indicate an invalid state
+   * @default false
+   */
+  invalid?: boolean;
+
+  /**
+   * Specify the label text.
+   * Alternatively, use the "labelText" slot (e.g., `<span slot="labelText">...</span>`)
+   * @default ""
+   */
+  labelText?: string;
+
+  /**
+   * Set to `true` to visually hide the label text
+   * @default false
+   */
+  hideLabel?: boolean;
+
+  /**
+   * Set a name for the slider element
+   * @default ""
+   */
+  name?: string;
+
+  /**
+   * Obtain a reference to the HTML element
+   * @default null
+   */
+  ref?: null | HTMLDivElement;
+
+  [key: `data-${string}`]: any;
+};
+
+export type SliderProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class Slider extends SvelteComponentTyped<
+  SliderProps,
+  {
+    change: CustomEvent<number>;
+    input: CustomEvent<number>;
+    click: WindowEventMap["click"];
+    mouseover: WindowEventMap["mouseover"];
+    mouseenter: WindowEventMap["mouseenter"];
+    mouseleave: WindowEventMap["mouseleave"];
+  },
+  { labelText: {} }
+> {}

package/types/Slider/SliderSkeleton.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 hide the label text
+   * @default false
+   */
+  hideLabel?: boolean;
+
+  [key: `data-${string}`]: any;
+};
+
+export type SliderSkeletonProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class SliderSkeleton extends SvelteComponentTyped<
+  SliderSkeletonProps,
+  {
+    click: WindowEventMap["click"];
+    mouseover: WindowEventMap["mouseover"];
+    mouseenter: WindowEventMap["mouseenter"];
+    mouseleave: WindowEventMap["mouseleave"];
+  },
+  {}
+> {}

package/types/StructuredList/StructuredList.svelte.d.ts

@@ -0,0 +1,46 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["div"];
+
+type $Props = {
+  /**
+   * Specify the selected structured list row value
+   * @default undefined
+   */
+  selected?: string;
+
+  /**
+   * Set to `true` to use the condensed variant
+   * @default false
+   */
+  condensed?: boolean;
+
+  /**
+   * Set to `true` to flush the list
+   * @default false
+   */
+  flush?: boolean;
+
+  /**
+   * Set to `true` to use the selection variant
+   * @default false
+   */
+  selection?: boolean;
+
+  [key: `data-${string}`]: any;
+};
+
+export type StructuredListProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class StructuredList extends SvelteComponentTyped<
+  StructuredListProps,
+  {
+    change: CustomEvent<string>;
+    click: WindowEventMap["click"];
+    mouseover: WindowEventMap["mouseover"];
+    mouseenter: WindowEventMap["mouseenter"];
+    mouseleave: WindowEventMap["mouseleave"];
+  },
+  { default: {} }
+> {}

package/types/StructuredList/StructuredListBody.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 StructuredListBodyProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class StructuredListBody extends SvelteComponentTyped<
+  StructuredListBodyProps,
+  {
+    click: WindowEventMap["click"];
+    mouseover: WindowEventMap["mouseover"];
+    mouseenter: WindowEventMap["mouseenter"];
+    mouseleave: WindowEventMap["mouseleave"];
+  },
+  { default: {} }
+> {}

package/types/StructuredList/StructuredListCell.svelte.d.ts

@@ -0,0 +1,33 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["div"];
+
+type $Props = {
+  /**
+   * Set to `true` to use as a header
+   * @default false
+   */
+  head?: boolean;
+
+  /**
+   * Set to `true` to prevent wrapping
+   * @default false
+   */
+  noWrap?: boolean;
+
+  [key: `data-${string}`]: any;
+};
+
+export type StructuredListCellProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class StructuredListCell extends SvelteComponentTyped<
+  StructuredListCellProps,
+  {
+    click: WindowEventMap["click"];
+    mouseover: WindowEventMap["mouseover"];
+    mouseenter: WindowEventMap["mouseenter"];
+    mouseleave: WindowEventMap["mouseleave"];
+  },
+  { default: {} }
+> {}

package/types/StructuredList/StructuredListHead.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 StructuredListHeadProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class StructuredListHead extends SvelteComponentTyped<
+  StructuredListHeadProps,
+  {
+    click: WindowEventMap["click"];
+    mouseover: WindowEventMap["mouseover"];
+    mouseenter: WindowEventMap["mouseenter"];
+    mouseleave: WindowEventMap["mouseleave"];
+  },
+  { default: {} }
+> {}

package/types/StructuredList/StructuredListInput.svelte.d.ts

@@ -0,0 +1,52 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["input"];
+
+type $Props = {
+  /**
+   * Set to `true` to check the input
+   * @default false
+   */
+  checked?: boolean;
+
+  /**
+   * Specify the title of the input
+   * @default "title"
+   */
+  title?: string;
+
+  /**
+   * Specify the value of the input
+   * @default "value"
+   */
+  value?: 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 StructuredListInputProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class StructuredListInput extends SvelteComponentTyped<
+  StructuredListInputProps,
+  Record<string, any>,
+  {}
+> {}

package/types/StructuredList/StructuredListRow.svelte.d.ts

@@ -0,0 +1,40 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["label"];
+
+type $Props = {
+  /**
+   * Set to `true` to use as a header
+   * @default false
+   */
+  head?: boolean;
+
+  /**
+   * Set to `true` to render a label slot
+   * @default false
+   */
+  label?: boolean;
+
+  /**
+   * Specify the tabindex
+   * @default "0"
+   */
+  tabindex?: string;
+
+  [key: `data-${string}`]: any;
+};
+
+export type StructuredListRowProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class StructuredListRow extends SvelteComponentTyped<
+  StructuredListRowProps,
+  {
+    click: WindowEventMap["click"];
+    mouseover: WindowEventMap["mouseover"];
+    mouseenter: WindowEventMap["mouseenter"];
+    mouseleave: WindowEventMap["mouseleave"];
+    keydown: WindowEventMap["keydown"];
+  },
+  { default: {} }
+> {}

package/types/StructuredList/StructuredListSkeleton.svelte.d.ts

@@ -0,0 +1,28 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["div"];
+
+type $Props = {
+  /**
+   * Specify the number of rows
+   * @default 5
+   */
+  rows?: number;
+
+  [key: `data-${string}`]: any;
+};
+
+export type StructuredListSkeletonProps = Omit<$RestProps, keyof $Props> &
+  $Props;
+
+export default class StructuredListSkeleton extends SvelteComponentTyped<
+  StructuredListSkeletonProps,
+  {
+    click: WindowEventMap["click"];
+    mouseover: WindowEventMap["mouseover"];
+    mouseenter: WindowEventMap["mouseenter"];
+    mouseleave: WindowEventMap["mouseleave"];
+  },
+  {}
+> {}

package/types/Tabs/Tab.svelte.d.ts

@@ -0,0 +1,58 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["li"];
+
+type $Props = {
+  /**
+   * Specify the tab label.
+   * Alternatively, use the default slot (e.g., `<Tab><span>Label</span></Tab>`)
+   * @default ""
+   */
+  label?: string;
+
+  /**
+   * Specify the href attribute
+   * @default "#"
+   */
+  href?: string;
+
+  /**
+   * Set to `true` to disable the tab
+   * @default false
+   */
+  disabled?: boolean;
+
+  /**
+   * Specify the tabindex
+   * @default "0"
+   */
+  tabindex?: string;
+
+  /**
+   * Set an id for the top-level element
+   * @default "ccs-" + Math.random().toString(36)
+   */
+  id?: string;
+
+  /**
+   * Obtain a reference to the anchor HTML element
+   * @default null
+   */
+  ref?: null | HTMLAnchorElement;
+
+  [key: `data-${string}`]: any;
+};
+
+export type TabProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class Tab extends SvelteComponentTyped<
+  TabProps,
+  {
+    click: WindowEventMap["click"];
+    mouseover: WindowEventMap["mouseover"];
+    mouseenter: WindowEventMap["mouseenter"];
+    mouseleave: WindowEventMap["mouseleave"];
+  },
+  { default: {} }
+> {}

package/types/Tabs/TabContent.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["div"];
+
+type $Props = {
+  /**
+   * Set an id for the top-level element
+   * @default "ccs-" + Math.random().toString(36)
+   */
+  id?: string;
+
+  [key: `data-${string}`]: any;
+};
+
+export type TabContentProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class TabContent extends SvelteComponentTyped<
+  TabContentProps,
+  Record<string, any>,
+  { default: {} }
+> {}