@witchcraft/ui 0.0.1 → 0.1.1

package/dist/runtime/components/LibColorInput/LibColorInput.stories.js

@@ -1,58 +0,0 @@
-import { ref } from "vue";
-import LibColorInput from "./LibColorInput.vue";
-import * as components from "../index.js";
-const meta = {
-  component: LibColorInput,
-  title: "Components/ColorInput",
-  args: {}
-};
-export default meta;
-export const Primary = {
-  render: (args) => ({
-    components,
-    setup: () => {
-      const color = ref({
-        r: 0,
-        g: 0,
-        b: 0
-        /* , a: 0.5 */
-      });
-      const handleChange = (e) => {
-        color.value = { ...e };
-      };
-      return {
-        args: {
-          outline: false,
-          color,
-          allowAlpha: true,
-          ...args
-        },
-        handleChange
-      };
-    },
-    template: `
-			<lib-color-Input
-				:allowAlpha="args.allowAlpha"
-				:modelValue="args.color.value"
-				@update:modelValue="handleChange"
-			>
- 			</lib-color-Input>
-			Stretched:
-			<div class="flex-1 flex">
-				<lib-color-Input
-					class="flex-1"
-					:allowAlpha="args.allowAlpha"
-					:modelValue="args.color.value"
-					@update:modelValue="handleChange"
-				>
-				</lib-color-Input>
-			</div>
-		`
-  })
-};
-export const DoesNotAllowAlpha = {
-  ...Primary,
-  args: {
-    allowAlpha: false
-  }
-};

package/dist/runtime/components/LibColorPicker/LibColorPicker.stories.d.ts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/vue3";
-import LibColorPicker from "./LibColorPicker.vue.js";
-declare const meta: Meta<typeof LibColorPicker>;
-export default meta;
-type Story = StoryObj<typeof LibColorPicker>;
-export declare const Primary: Story;
-export declare const DoesNotAllowAlpha: Story;

package/dist/runtime/components/LibColorPicker/LibColorPicker.stories.js

@@ -1,51 +0,0 @@
-import { ref } from "vue";
-import LibColorPicker from "./LibColorPicker.vue";
-import * as components from "../index.js";
-const meta = {
-  component: LibColorPicker,
-  title: "Components/ColorPicker",
-  args: {}
-};
-export default meta;
-export const Primary = {
-  render: (args) => ({
-    components,
-    setup: () => {
-      const color = ref({
-        r: 0,
-        g: 0,
-        b: 0
-        /* , a: 0.5 */
-      });
-      const handleChange = (e) => {
-        color.value = { ...e };
-      };
-      return {
-        args: {
-          outline: false,
-          color,
-          allowAlpha: true,
-          ...args
-        },
-        handleChange
-      };
-    },
-    template: `
-			<test-wrapper :outline="args.outline">
-	 		{{args.color}}
-	 		<lib-color-picker
-	 			:allowAlpha="args.allowAlpha"
-	 			:modelValue="args.color.value"
-	 			@update:modelValue="handleChange"
-	 		>
-	 		</lib-color-picker>
-	 		</test-wrapper>
-		`
-  })
-};
-export const DoesNotAllowAlpha = {
-  ...Primary,
-  args: {
-    allowAlpha: false
-  }
-};

package/dist/runtime/components/LibDarkModeSwitcher/LibDarkModeSwitcher.stories.d.ts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/vue3";
-import LibDarkModeSwitcher from "./LibDarkModeSwitcher.vue.js";
-declare const meta: Meta<typeof LibDarkModeSwitcher>;
-export default meta;
-type Story = StoryObj<typeof LibDarkModeSwitcher>;
-export declare const Primary: Story;
-export declare const WithoutLabel: Story;

package/dist/runtime/components/LibDarkModeSwitcher/LibDarkModeSwitcher.stories.js

@@ -1,36 +0,0 @@
-import { ref } from "vue";
-import LibDarkModeSwitcher from "./LibDarkModeSwitcher.vue";
-import * as components from "../index.js";
-const meta = {
-  component: LibDarkModeSwitcher,
-  title: "Components/DarkModeSwitcher",
-  args: {}
-};
-export default meta;
-export const Primary = {
-  render: (args) => ({
-    components,
-    setup: () => {
-      const darkMode = ref(false);
-      return {
-        args,
-        darkMode
-      };
-    },
-    template: `
-			Value: {{darkMode}}
-			<LibDarkModeSwitcher 
-				@update:darkMode="darkMode = $event"
-				v-bind="{...args}"
-			></LibDarkModeSwitcher>
-			
-		`
-  })
-};
-export const WithoutLabel = {
-  ...Primary,
-  args: {
-    ...Primary.args,
-    autoLabel: false
-  }
-};

package/dist/runtime/components/LibDatePicker/LibDatePicker.stories.d.ts

@@ -1,11 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/vue3";
-import * as components from "../index.js.js";
-declare const singleMeta: Meta<typeof components.LibDatePicker>;
-export default singleMeta;
-type Story = StoryObj<typeof components.LibDatePicker>;
-export declare const Primary: Story;
-export declare const DateRange: Story;
-export declare const IconTriggerFirst: Story;
-export declare const BottomSlot: Story;
-export declare const DateWithTime: Story;
-export declare const WithDifferentFallbackDate: Story;

package/dist/runtime/components/LibDatePicker/LibDatePicker.stories.js

@@ -1,98 +0,0 @@
-import { CalendarDate, fromDate, getLocalTimeZone, toTimeZone } from "@internationalized/date";
-import { computed, ref } from "vue";
-import { createNoonUtcDate } from "../../helpers/createNoonUtcDate.js";
-import * as components from "../index.js";
-function html(strings, ...values) {
-  return String.raw(strings, ...values);
-}
-const singleMeta = {
-  component: components.LibDatePicker,
-  title: "Components/DatePicker",
-  args: {
-    // @ts-expect-error custom prop just for story
-    slot: "",
-    timeZone: getLocalTimeZone()
-  }
-};
-export default singleMeta;
-function toUTC(m, timeZone) {
-  return toTimeZone(fromDate(m, timeZone), "UTC").toAbsoluteString();
-}
-export const Primary = {
-  render: (args) => ({
-    components: {
-      ...components
-    },
-    setup: () => {
-      const modelValue = ref(args.modelValue);
-      const timeZone = ref(args.timeZone);
-      const debugUtcDate = computed(() => {
-        const m = modelValue.value;
-        const z = timeZone.value;
-        return m instanceof Date ? toUTC(m, z) : typeof m === "object" ? `Start: ${m.start ? toUTC(m.start, z) : "undefined"}, End: ${m.end ? toUTC(m.end, z) : "undefined"}` : "undefined";
-      });
-      return { args, getLocalTimeZone, modelValue, timeZone, debugUtcDate };
-    },
-    template: `
-			<div>Date: {{modelValue ?? "undefined"}}</div>
-			<div>Date UTC: {{debugUtcDate}}</div>
-			<div>Detected timezone (via @internationalized/date): {{getLocalTimeZone()}}</div>
-			<LibTimeZonePicker
-				v-model="timeZone"
-				label="Override Time Zone"
-				wrapper-class="[&_.suggestions]:max-h-[200px] [&_.suggestions]:overflow-y-auto"
-			/> 
-			<div>
-				This component has no border, added here to see it's size.
-			</div>
-			<div class="border border-neutral-500">
-				<LibDatePicker v-bind="args" v-model="modelValue" :time-zone="timeZone">
-					${args.slot}
-				</LibDatePicker>
-			</div>
-		`
-  })
-};
-export const DateRange = {
-  ...Primary,
-  args: {
-    modelValue: { start: void 0, end: void 0 }
-  }
-};
-export const IconTriggerFirst = {
-  ...Primary,
-  args: {
-    ...Primary.args,
-    class: "[&_.trigger]:order-first"
-  }
-};
-export const BottomSlot = {
-  ...Primary,
-  args: {
-    // @ts-expect-error see above
-    slot: html`
-			<template #default="slotProps">
-				<LibButton>Custom content can be added here.</LibButton>
-				<p class="break-all">
-					Content has access to the internal temporary/suggested date value and can change it (e.g. set it to today).
-				</p>	
-				<p>Temp value:</p>
-				{{ slotProps.tempValue }} 
-			</template>
-		`
-  }
-};
-export const DateWithTime = {
-  ...Primary,
-  args: {
-    ...Primary.args,
-    showTime: true
-  }
-};
-export const WithDifferentFallbackDate = {
-  ...Primary,
-  args: {
-    ...Primary.args,
-    fallbackDate: createNoonUtcDate(new CalendarDate(2e3, 1, 1)).toDate()
-  }
-};

package/dist/runtime/components/LibDebug/LibDebug.stories.d.ts

@@ -1,9 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/vue3";
-import LibDebug from "./LibDebug.vue.js";
-declare const meta: Meta<typeof LibDebug>;
-export default meta;
-type Story = StoryObj<typeof LibDebug>;
-export declare const Primary: Story;
-export declare const WithCustomTab: Story;
-export declare const NoValue: Story;
-export declare const StringWithWhitespace: Story;

package/dist/runtime/components/LibDebug/LibDebug.stories.js

@@ -1,46 +0,0 @@
-import { crop } from "@alanscodelog/utils/crop.js";
-import LibDebug from "./LibDebug.vue";
-import * as components from "../index.js";
-const meta = {
-  component: LibDebug,
-  title: "Components/Debug",
-  args: {
-    value: { any: ["any", { value: "any" }] }
-  }
-};
-export default meta;
-export const Primary = {
-  render: (args) => ({
-    components,
-    setup: () => ({ args }),
-    template: `
-			<lib-debug v-bind="args" />
-		`
-  })
-};
-export const WithCustomTab = {
-  ...Primary,
-  args: {
-    ...Primary.args,
-    value: { any: ["any", { value: "any" }] },
-    tab: 2
-  }
-};
-export const NoValue = {
-  ...Primary,
-  args: {
-    ...Primary.args,
-    value: void 0
-  }
-};
-export const StringWithWhitespace = {
-  ...Primary,
-  args: {
-    ...Primary.args,
-    value: crop`
-	 		Manually
-	 			Indented
-	 				String
-	 	`
-  }
-};

package/dist/runtime/components/LibFileInput/LibFileInput.stories.d.ts

@@ -1,10 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/vue3";
-import LibFileInput from "./LibFileInput.vue.js";
-declare const meta: Meta<typeof LibFileInput>;
-export default meta;
-type Story = StoryObj<typeof LibFileInput>;
-export declare const SingleFile: Story;
-export declare const MultipleFile: Story;
-export declare const AnyFormat: Story;
-export declare const Compact: Story;
-export declare const ErrorHandling: Story;

package/dist/runtime/components/LibFileInput/LibFileInput.stories.js

@@ -1,63 +0,0 @@
-import { ref } from "vue";
-import LibFileInput from "./LibFileInput.vue";
-import * as components from "../index.js";
-const meta = {
-  component: LibFileInput,
-  title: "Components/FileInput",
-  args: {}
-};
-export default meta;
-export const SingleFile = {
-  render: (args) => ({
-    components,
-    setup: () => {
-      function errorHandler(e) {
-        console.log(e);
-      }
-      return { args, errorHandler };
-    },
-    template: `
-			<lib-file-input v-bind="{...args}" @errors="errorHandler"></lib-file-input>
-		`
-  })
-};
-export const MultipleFile = {
-  ...SingleFile,
-  args: {
-    ...SingleFile.args,
-    multiple: true
-  }
-};
-export const AnyFormat = {
-  ...SingleFile,
-  args: {
-    ...SingleFile.args,
-    multiple: true,
-    formats: []
-  }
-};
-export const Compact = {
-  ...SingleFile,
-  args: {
-    ...SingleFile.args,
-    compact: true
-  }
-};
-export const ErrorHandling = {
-  render: (args) => ({
-    components,
-    setup: () => {
-      const errors = ref([]);
-      const errorHandler = (e) => errors.value = e;
-      return {
-        args,
-        errors,
-        errorHandler
-      };
-    },
-    template: `
-			<lib-debug :title="'Errors'">{{errors}}</lib-debug>
-			<lib-file-input v-bind="{...args}"  @errors="errorHandler"></lib-file-input>
-		`
-  })
-};

package/dist/runtime/components/LibInput/LibInput.stories.d.ts

@@ -1,33 +0,0 @@
-import type { StoryObj } from "@storybook/vue3";
-import LibInput from "./LibInput.vue.js";
-declare const meta: {
-    component: any;
-    title: string;
-    args: {
-        border: boolean;
-        label: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof LibInput>;
-export declare const Primary: Story;
-export declare const Disabled: Story;
-export declare const Readonly: Story;
-export declare const Invalid: Story;
-export declare const AttrsPassword: Story;
-export declare const AttrsDate: Story;
-export declare const AttrsNumber: Story;
-export declare const Borderless: any;
-export declare const WithAutosuggest: any;
-export declare const WithInstantAutosuggest: any;
-export declare const AutosuggestRestricted: any;
-export declare const AutosuggestSelectLikeShowAllUnrestricted: any;
-export declare const AutosuggestObjectOptions: any;
-export declare const Slots: Story;
-/** Press enter to add a value. */
-export declare const WithMultipleValues: Story;
-export declare const WithMultipleValuesWithSuggestions: any;
-export declare const WithMultipleValuesDisabled: any;
-export declare const WithMultipleValuesReadonly: any;
-export declare const InputSlotReplacement: Story;
-export declare const NextToButton: Story;