dr-widget 0.1.3__py3-none-any.whl

dr_widget/widgets/config_file_manager/src/lib/components/ui/file-drop-zone/types.ts

@@ -0,0 +1,51 @@
+/*
+	Installed from @ieedan/shadcn-svelte-extras
+*/
+
+import type { WithChildren } from "bits-ui";
+import type { HTMLInputAttributes } from "svelte/elements";
+
+export type FileRejectedReason =
+  | "Maximum file size exceeded"
+  | "File type not allowed"
+  | "Maximum files uploaded";
+
+export type FileDropZonePropsWithoutHTML = WithChildren<{
+  ref?: HTMLInputElement | null;
+  /** Called with the uploaded files when the user drops or clicks and selects their files.
+   *
+   * @param files
+   */
+  onUpload: (files: File[]) => Promise<void>;
+  /** The maximum amount files allowed to be uploaded */
+  maxFiles?: number;
+  fileCount?: number;
+  /** The maximum size of a file in bytes */
+  maxFileSize?: number;
+  /** Called when a file does not meet the upload criteria (size, or type) */
+  onFileRejected?: (opts: { reason: FileRejectedReason; file: File }) => void;
+
+  // just for extra documentation
+  /** Takes a comma separated list of one or more file types.
+   *
+   *  [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept)
+   *
+   * ### Usage
+   * ```svelte
+   * <FileDropZone
+   * 		accept=".doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document"
+   * />
+   * ```
+   *
+   * ### Common Values
+   * ```svelte
+   * <FileDropZone accept="audio/*"/>
+   * <FileDropZone accept="image/*"/>
+   * <FileDropZone accept="video/*"/>
+   * ```
+   */
+  accept?: string;
+}>;
+
+export type FileDropZoneProps = FileDropZonePropsWithoutHTML &
+  Omit<HTMLInputAttributes, "multiple" | "files">;

dr_widget/widgets/config_file_manager/src/lib/components/ui/item/index.ts

@@ -0,0 +1,34 @@
+import Root from "./item.svelte";
+import Group from "./item-group.svelte";
+import Separator from "./item-separator.svelte";
+import Header from "./item-header.svelte";
+import Footer from "./item-footer.svelte";
+import Content from "./item-content.svelte";
+import Title from "./item-title.svelte";
+import Description from "./item-description.svelte";
+import Actions from "./item-actions.svelte";
+import Media from "./item-media.svelte";
+
+export {
+  Root,
+  Group,
+  Separator,
+  Header,
+  Footer,
+  Content,
+  Title,
+  Description,
+  Actions,
+  Media,
+  //
+  Root as Item,
+  Group as ItemGroup,
+  Separator as ItemSeparator,
+  Header as ItemHeader,
+  Footer as ItemFooter,
+  Content as ItemContent,
+  Title as ItemTitle,
+  Description as ItemDescription,
+  Actions as ItemActions,
+  Media as ItemMedia,
+};

dr_widget/widgets/config_file_manager/src/lib/components/ui/item/item-actions.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "$lib/utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="item-actions"
+	class={cn("flex items-center gap-2", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

dr_widget/widgets/config_file_manager/src/lib/components/ui/item/item-content.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "$lib/utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="item-content"
+	class={cn("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

dr_widget/widgets/config_file_manager/src/lib/components/ui/item/item-description.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "$lib/utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLParagraphElement>> = $props();
+</script>
+
+<p
+	bind:this={ref}
+	data-slot="item-description"
+	class={cn(
+		"text-muted-foreground line-clamp-2 text-balance text-sm font-normal leading-normal",
+		"[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+</p>

dr_widget/widgets/config_file_manager/src/lib/components/ui/item/item-footer.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "$lib/utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="item-footer"
+	class={cn("flex basis-full items-center justify-between gap-2", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

dr_widget/widgets/config_file_manager/src/lib/components/ui/item/item-group.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "$lib/utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+	bind:this={ref}
+	role="list"
+	data-slot="item-group"
+	class={cn("group/item-group flex flex-col", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

dr_widget/widgets/config_file_manager/src/lib/components/ui/item/item-header.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "$lib/utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="item-header"
+	class={cn("flex basis-full items-center justify-between gap-2", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

dr_widget/widgets/config_file_manager/src/lib/components/ui/item/item-media.svelte

@@ -0,0 +1,42 @@
+<script lang="ts" module>
+	import { tv, type VariantProps } from "tailwind-variants";
+
+	export const itemMediaVariants = tv({
+		base: "flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none",
+		variants: {
+			variant: {
+				default: "bg-transparent",
+				icon: "bg-muted size-8 rounded-sm border [&_svg:not([class*='size-'])]:size-4",
+				image: "size-10 overflow-hidden rounded-sm [&_img]:size-full [&_img]:object-cover",
+			},
+		},
+		defaultVariants: {
+			variant: "default",
+		},
+	});
+
+	export type ItemMediaVariant = VariantProps<typeof itemMediaVariants>["variant"];
+</script>
+
+<script lang="ts">
+	import { cn, type WithElementRef } from "$lib/utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		variant = "default",
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & { variant?: ItemMediaVariant } = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="item-media"
+	data-variant={variant}
+	class={cn(itemMediaVariants({ variant }), className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

dr_widget/widgets/config_file_manager/src/lib/components/ui/item/item-separator.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+	import { Separator } from "$lib/components/ui/separator/index.js";
+	import { cn } from "$lib/utils.js";
+	import type { ComponentProps } from "svelte";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: ComponentProps<typeof Separator> = $props();
+</script>
+
+<Separator
+	bind:ref
+	data-slot="item-separator"
+	orientation="horizontal"
+	class={cn("my-0", className)}
+	{...restProps}
+/>

dr_widget/widgets/config_file_manager/src/lib/components/ui/item/item-title.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "$lib/utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="item-title"
+	class={cn("flex w-fit items-center gap-2 text-sm font-medium leading-snug", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

dr_widget/widgets/config_file_manager/src/lib/components/ui/item/item.svelte

@@ -0,0 +1,60 @@
+<script lang="ts" module>
+	import { tv, type VariantProps } from "tailwind-variants";
+
+	export const itemVariants = tv({
+		base: "group/item [a]:hover:bg-accent/50 [a]:transition-colors focus-visible:border-ring focus-visible:ring-ring/50 flex flex-wrap items-center rounded-md border border-transparent text-sm outline-none transition-colors duration-100 focus-visible:ring-[3px]",
+		variants: {
+			variant: {
+				default: "bg-transparent",
+				outline: "border-border",
+				muted: "bg-muted/50",
+			},
+			size: {
+				default: "gap-4 p-4",
+				sm: "gap-2.5 px-4 py-3",
+			},
+		},
+		defaultVariants: {
+			variant: "default",
+			size: "default",
+		},
+	});
+
+	export type ItemSize = VariantProps<typeof itemVariants>["size"];
+	export type ItemVariant = VariantProps<typeof itemVariants>["variant"];
+</script>
+
+<script lang="ts">
+	import { cn, type WithElementRef } from "$lib/utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+	import type { Snippet } from "svelte";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		child,
+		variant,
+		size,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+		child?: Snippet<[{ props: Record<string, unknown> }]>;
+		variant?: ItemVariant;
+		size?: ItemSize;
+	} = $props();
+
+	const mergedProps = $derived({
+		class: cn(itemVariants({ variant, size }), className),
+		"data-slot": "item",
+		"data-variant": variant,
+		"data-size": size,
+		...restProps,
+	});
+</script>
+
+{#if child}
+	{@render child({ props: mergedProps })}
+{:else}
+	<div bind:this={ref} {...mergedProps}>
+		{@render mergedProps.children?.()}
+	</div>
+{/if}

dr_widget/widgets/config_file_manager/src/lib/components/ui/label/index.ts

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

dr_widget/widgets/config_file_manager/src/lib/components/ui/label/label.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { Label as LabelPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: LabelPrimitive.RootProps = $props();
+</script>
+
+<LabelPrimitive.Root
+	bind:ref
+	data-slot="label"
+	class={cn(
+		"flex select-none items-center gap-2 text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50 group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50",
+		className
+	)}
+	{...restProps}
+/>

dr_widget/widgets/config_file_manager/src/lib/components/ui/modal/index.ts

@@ -0,0 +1,13 @@
+/*
+	Installed from @ieedan/shadcn-svelte-extras
+*/
+
+import Root from "./modal.svelte";
+import Trigger from "./modal-trigger.svelte";
+import Content from "./modal-content.svelte";
+import Footer from "./modal-footer.svelte";
+import Header from "./modal-header.svelte";
+import Title from "./modal-title.svelte";
+import Description from "./modal-description.svelte";
+
+export { Root, Trigger, Content, Footer, Header, Title, Description };

dr_widget/widgets/config_file_manager/src/lib/components/ui/modal/modal-content.svelte

@@ -0,0 +1,29 @@
+<!--
+	Installed from @ieedan/shadcn-svelte-extras
+-->
+
+<script lang="ts">
+	import { useModalSub } from './modal.svelte.js';
+	import * as Dialog from '../dialog/index.js';
+	import * as Drawer from '../drawer/index.js';
+	import type { DialogContentProps } from 'bits-ui';
+
+	const modal = useModalSub();
+
+	let {
+		ref = $bindable(null),
+		hideClose = false,
+		children,
+		...rest
+	}: DialogContentProps & { hideClose?: boolean } = $props();
+</script>
+
+{#if modal.view === 'desktop'}
+	<Dialog.Content bind:ref {...rest} {hideClose}>
+		{@render children?.()}
+	</Dialog.Content>
+{:else}
+	<Drawer.Content bind:ref {...rest}>
+		{@render children?.()}
+	</Drawer.Content>
+{/if}

dr_widget/widgets/config_file_manager/src/lib/components/ui/modal/modal-description.svelte

@@ -0,0 +1,20 @@
+<!--
+	Installed from @ieedan/shadcn-svelte-extras
+-->
+
+<script lang="ts">
+	import { useModalSub } from './modal.svelte.js';
+	import * as Dialog from '../dialog/index.js';
+	import * as Drawer from '../drawer/index.js';
+	import type { DialogDescriptionProps } from 'bits-ui';
+
+	const modal = useModalSub();
+
+	let { ref = $bindable(null), ...rest }: DialogDescriptionProps = $props();
+</script>
+
+{#if modal.view === 'desktop'}
+	<Dialog.Description bind:ref {...rest} />
+{:else}
+	<Drawer.Description bind:ref {...rest} />
+{/if}

dr_widget/widgets/config_file_manager/src/lib/components/ui/modal/modal-footer.svelte

@@ -0,0 +1,29 @@
+<!--
+	Installed from @ieedan/shadcn-svelte-extras
+-->
+
+<script lang="ts">
+	import { useModalSub } from './modal.svelte.js';
+	import * as Dialog from '../dialog/index.js';
+	import * as Drawer from '../drawer/index.js';
+	import type { WithElementRef } from 'bits-ui';
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	const modal = useModalSub();
+
+	let {
+		ref = $bindable(null),
+		children,
+		...rest
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+{#if modal.view === 'desktop'}
+	<Dialog.Footer bind:ref {...rest}>
+		{@render children?.()}
+	</Dialog.Footer>
+{:else}
+	<Drawer.Footer bind:ref {...rest}>
+		{@render children?.()}
+	</Drawer.Footer>
+{/if}

dr_widget/widgets/config_file_manager/src/lib/components/ui/modal/modal-header.svelte

@@ -0,0 +1,29 @@
+<!--
+	Installed from @ieedan/shadcn-svelte-extras
+-->
+
+<script lang="ts">
+	import { useModalSub } from './modal.svelte.js';
+	import * as Dialog from '../dialog/index.js';
+	import * as Drawer from '../drawer/index.js';
+	import type { WithElementRef } from 'bits-ui';
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	const modal = useModalSub();
+
+	let {
+		ref = $bindable(null),
+		children,
+		...rest
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+{#if modal.view === 'desktop'}
+	<Dialog.Header bind:ref {...rest}>
+		{@render children?.()}
+	</Dialog.Header>
+{:else}
+	<Drawer.Header bind:ref {...rest}>
+		{@render children?.()}
+	</Drawer.Header>
+{/if}

dr_widget/widgets/config_file_manager/src/lib/components/ui/modal/modal-title.svelte

@@ -0,0 +1,20 @@
+<!--
+	Installed from @ieedan/shadcn-svelte-extras
+-->
+
+<script lang="ts">
+	import { useModalSub } from './modal.svelte.js';
+	import * as Dialog from '../dialog/index.js';
+	import * as Drawer from '../drawer/index.js';
+	import type { DialogTitleProps } from 'bits-ui';
+
+	const modal = useModalSub();
+
+	let { ref = $bindable(null), ...rest }: DialogTitleProps = $props();
+</script>
+
+{#if modal.view === 'desktop'}
+	<Dialog.Title bind:ref {...rest} />
+{:else}
+	<Drawer.Title bind:ref {...rest} />
+{/if}

dr_widget/widgets/config_file_manager/src/lib/components/ui/modal/modal-trigger.svelte

@@ -0,0 +1,24 @@
+<!--
+	Installed from @ieedan/shadcn-svelte-extras
+-->
+
+<script lang="ts">
+	import { useModalSub } from './modal.svelte.js';
+	import * as Dialog from '../dialog/index.js';
+	import * as Drawer from '../drawer/index.js';
+	import type { DialogTriggerProps } from 'bits-ui';
+
+	const modal = useModalSub();
+
+	let { ref = $bindable(null), children, ...rest }: DialogTriggerProps = $props();
+</script>
+
+{#if modal.view === 'desktop'}
+	<Dialog.Trigger bind:ref {...rest}>
+		{@render children?.()}
+	</Dialog.Trigger>
+{:else}
+	<Drawer.Trigger bind:ref {...rest}>
+		{@render children?.()}
+	</Drawer.Trigger>
+{/if}

dr_widget/widgets/config_file_manager/src/lib/components/ui/modal/modal.svelte

@@ -0,0 +1,24 @@
+<!--
+	Installed from @ieedan/shadcn-svelte-extras
+-->
+
+<script lang="ts">
+	import * as Dialog from '../dialog/index.js';
+	import * as Drawer from '../drawer/index.js';
+	import type { DialogRootProps } from 'bits-ui';
+	import { useModal } from './modal.svelte.js';
+
+	let { open = $bindable(false), children, ...rest }: DialogRootProps = $props();
+
+	const modal = useModal();
+</script>
+
+{#if modal.view === 'desktop'}
+	<Dialog.Root bind:open {...rest}>
+		{@render children?.()}
+	</Dialog.Root>
+{:else}
+	<Drawer.Root bind:open {...rest}>
+		{@render children?.()}
+	</Drawer.Root>
+{/if}

dr_widget/widgets/config_file_manager/src/lib/components/ui/modal/modal.svelte.ts

@@ -0,0 +1,32 @@
+/*
+	Installed from @ieedan/shadcn-svelte-extras
+*/
+
+import { Context } from "runed";
+import { MediaQuery } from "svelte/reactivity";
+
+class ModalRootState {
+  #isDesktop = new MediaQuery("(min-width: 768px)");
+
+  get view() {
+    return this.#isDesktop.current ? "desktop" : "mobile";
+  }
+}
+
+class ModalSubState {
+  constructor(private root: ModalRootState) {}
+
+  get view() {
+    return this.root.view;
+  }
+}
+
+const ctx = new Context<ModalRootState>("modal-root-state");
+
+export function useModal() {
+  return ctx.set(new ModalRootState());
+}
+
+export function useModalSub() {
+  return new ModalSubState(ctx.get());
+}

dr_widget/widgets/config_file_manager/src/lib/components/ui/separator/index.ts

@@ -0,0 +1,7 @@
+import Root from "./separator.svelte";
+
+export {
+  Root,
+  //
+  Root as Separator,
+};

dr_widget/widgets/config_file_manager/src/lib/components/ui/separator/separator.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+	import { Separator as SeparatorPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		"data-slot": dataSlot = "separator",
+		...restProps
+	}: SeparatorPrimitive.RootProps = $props();
+</script>
+
+<SeparatorPrimitive.Root
+	bind:ref
+	data-slot={dataSlot}
+	class={cn(
+		"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=vertical]:h-full data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px",
+		className
+	)}
+	{...restProps}
+/>

dr_widget/widgets/config_file_manager/src/lib/components/ui/tabs/index.ts

@@ -0,0 +1,16 @@
+import Root from "./tabs.svelte";
+import Content from "./tabs-content.svelte";
+import List from "./tabs-list.svelte";
+import Trigger from "./tabs-trigger.svelte";
+
+export {
+  Root,
+  Content,
+  List,
+  Trigger,
+  //
+  Root as Tabs,
+  Content as TabsContent,
+  List as TabsList,
+  Trigger as TabsTrigger,
+};