@katlux/preset-modern 0.1.0-alpha.74

package/dist/runtime/components/KRangeSlider/KRangeSlider.vue

@@ -0,0 +1,168 @@
+<template lang="pug">
+.KRangeSlider(:class="{ disabled: isDisabled }")
+	label.k-input-label(v-if="label") {{ label }}
+	.slider-container(@click="handleTrackClick")
+		.slider-track
+		.slider-range(:style="{ left: minPercent + '%', width: (maxPercent - minPercent) + '%' }")
+		input.slider-input.slider-min(
+			type="range"
+			:min="rangeMin"
+			:max="rangeMax"
+			:step="rangeStep"
+			:value="currentMinValue"
+			:disabled="isDisabled"
+			@input="updateMinValue"
+		)
+		input.slider-input.slider-max(
+			type="range"
+			:min="rangeMin"
+			:max="rangeMax"
+			:step="rangeStep"
+			:value="currentMaxValue"
+			:disabled="isDisabled"
+			@input="updateMaxValue"
+		)
+</template>
+
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  label: { type: String, required: false },
+  rangeMin: { type: Number, required: true },
+  rangeMax: { type: Number, required: true },
+  rangeStep: { type: Number, required: true },
+  isDisabled: { type: Boolean, required: true },
+  currentMinValue: { type: Number, required: true },
+  currentMaxValue: { type: Number, required: true },
+  minPercent: { type: Number, required: true },
+  maxPercent: { type: Number, required: true }
+});
+const emit = defineEmits(["update:minValue", "update:maxValue"]);
+const updateMinValue = (event) => {
+  const value = parseFloat(event.target.value);
+  if (value <= props.currentMaxValue) {
+    emit("update:minValue", value);
+  }
+};
+const updateMaxValue = (event) => {
+  const value = parseFloat(event.target.value);
+  if (value >= props.currentMinValue) {
+    emit("update:maxValue", value);
+  }
+};
+const handleTrackClick = (event) => {
+  if (props.isDisabled) return;
+  const target = event.currentTarget;
+  const rect = target.getBoundingClientRect();
+  const clickX = event.clientX - rect.left;
+  const percentage = clickX / rect.width;
+  const rawValue = props.rangeMin + percentage * (props.rangeMax - props.rangeMin);
+  const steppedValue = Math.round(rawValue / props.rangeStep) * props.rangeStep;
+  const value = Math.max(props.rangeMin, Math.min(props.rangeMax, steppedValue));
+  const distanceToMin = Math.abs(value - props.currentMinValue);
+  const distanceToMax = Math.abs(value - props.currentMaxValue);
+  if (distanceToMin < distanceToMax) {
+    if (value <= props.currentMaxValue) {
+      emit("update:minValue", value);
+    }
+  } else {
+    if (value >= props.currentMinValue) {
+      emit("update:maxValue", value);
+    }
+  }
+};
+</script>
+
+<style scoped>
+.KRangeSlider {
+  position: relative;
+  padding: 20px 0;
+}
+.KRangeSlider.disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.KRangeSlider .slider-container {
+  position: relative;
+  height: 8px;
+  cursor: pointer;
+}
+.KRangeSlider .slider-track {
+  position: absolute;
+  width: 100%;
+  height: 8px;
+  background: linear-gradient(to right, var(--neutral-200), var(--neutral-300));
+  border-radius: 4px;
+  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+.KRangeSlider .slider-range {
+  position: absolute;
+  height: 8px;
+  background: linear-gradient(90deg, var(--primary-400), var(--primary-600));
+  border-radius: 4px;
+  z-index: 1;
+  box-shadow: 0 2px 8px rgba(var(--primary-500-rgb), 0.3);
+}
+.KRangeSlider .slider-input {
+  position: absolute;
+  width: 100%;
+  height: 4px;
+  background: transparent;
+  pointer-events: none;
+  -webkit-appearance: none;
+  appearance: none;
+}
+.KRangeSlider .slider-input::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 22px;
+  height: 22px;
+  background: linear-gradient(135deg, var(--primary-400), var(--primary-600));
+  border: 3px solid white;
+  border-radius: 50%;
+  cursor: pointer;
+  pointer-events: auto;
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.1);
+  transition: all 0.2s ease;
+}
+.KRangeSlider .slider-input::-webkit-slider-thumb:hover {
+  transform: scale(1.2);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 0 0 2px var(--primary-200);
+}
+.KRangeSlider .slider-input::-webkit-slider-thumb:active {
+  transform: scale(1.1);
+}
+.KRangeSlider .slider-input::-moz-range-thumb {
+  width: 22px;
+  height: 22px;
+  background: linear-gradient(135deg, var(--primary-400), var(--primary-600));
+  border: 3px solid white;
+  border-radius: 50%;
+  cursor: pointer;
+  pointer-events: auto;
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.1);
+  transition: all 0.2s ease;
+}
+.KRangeSlider .slider-input::-moz-range-thumb:hover {
+  transform: scale(1.2);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 0 0 2px var(--primary-200);
+}
+.KRangeSlider .slider-input::-moz-range-thumb:active {
+  transform: scale(1.1);
+}
+.KRangeSlider .slider-input:disabled {
+  cursor: not-allowed;
+}
+.KRangeSlider .slider-input:disabled::-webkit-slider-thumb {
+  cursor: not-allowed;
+}
+.KRangeSlider .slider-input:disabled::-moz-range-thumb {
+  cursor: not-allowed;
+}
+.KRangeSlider .slider-min {
+  z-index: 3;
+}
+.KRangeSlider .slider-max {
+  z-index: 4;
+}
+</style>

package/dist/runtime/components/KRangeSlider/KRangeSlider.vue.d.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    label?: string;
+    rangeMin: number;
+    rangeMax: number;
+    rangeStep: number;
+    isDisabled: boolean;
+    currentMinValue: number;
+    currentMaxValue: number;
+    minPercent: number;
+    maxPercent: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:minValue": (value: number) => any;
+    "update:maxValue": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:minValue"?: ((value: number) => any) | undefined;
+    "onUpdate:maxValue"?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/KSlider/KSlider.d.vue.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    label?: string;
+    rangeMin: number;
+    rangeMax: number;
+    rangeStep: number;
+    isDisabled: boolean;
+    currentValue: number;
+    valuePercent: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:value": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:value"?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/KSlider/KSlider.vue

@@ -0,0 +1,133 @@
+<template lang="pug">
+.KSlider(:class="{ disabled: isDisabled }")
+	label.k-input-label(v-if="label") {{ label }}
+	.slider-container(@click="handleTrackClick")
+		.slider-track
+		.slider-fill(:style="{ width: valuePercent + '%' }")
+		input.slider-input(
+			type="range"
+			:min="rangeMin"
+			:max="rangeMax"
+			:step="rangeStep"
+			:value="currentValue"
+			:disabled="isDisabled"
+			@input="updateValue"
+		)
+</template>
+
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  label: { type: String, required: false },
+  rangeMin: { type: Number, required: true },
+  rangeMax: { type: Number, required: true },
+  rangeStep: { type: Number, required: true },
+  isDisabled: { type: Boolean, required: true },
+  currentValue: { type: Number, required: true },
+  valuePercent: { type: Number, required: true }
+});
+const emit = defineEmits(["update:value"]);
+const updateValue = (event) => {
+  const value = parseFloat(event.target.value);
+  emit("update:value", value);
+};
+const handleTrackClick = (event) => {
+  if (props.isDisabled) return;
+  const target = event.currentTarget;
+  const rect = target.getBoundingClientRect();
+  const clickX = event.clientX - rect.left;
+  const percentage = clickX / rect.width;
+  const rawValue = props.rangeMin + percentage * (props.rangeMax - props.rangeMin);
+  const steppedValue = Math.round(rawValue / props.rangeStep) * props.rangeStep;
+  const value = Math.max(props.rangeMin, Math.min(props.rangeMax, steppedValue));
+  emit("update:value", value);
+};
+</script>
+
+<style scoped>
+.KSlider {
+  position: relative;
+  padding: 20px 0;
+}
+.KSlider.disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.KSlider .slider-container {
+  position: relative;
+  height: 8px;
+  cursor: pointer;
+}
+.KSlider .slider-track {
+  position: absolute;
+  width: 100%;
+  height: 8px;
+  background: linear-gradient(to right, var(--neutral-200), var(--neutral-300));
+  border-radius: 4px;
+  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+.KSlider .slider-fill {
+  position: absolute;
+  height: 8px;
+  background: linear-gradient(90deg, var(--primary-400), var(--primary-600));
+  border-radius: 4px;
+  z-index: 1;
+  box-shadow: 0 2px 8px rgba(var(--primary-500-rgb), 0.3);
+}
+.KSlider .slider-input {
+  position: absolute;
+  width: 100%;
+  height: 4px;
+  background: transparent;
+  pointer-events: none;
+  -webkit-appearance: none;
+  appearance: none;
+}
+.KSlider .slider-input::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 22px;
+  height: 22px;
+  background: linear-gradient(135deg, var(--primary-400), var(--primary-600));
+  border: 3px solid white;
+  border-radius: 50%;
+  cursor: pointer;
+  pointer-events: auto;
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.1);
+  transition: all 0.2s ease;
+}
+.KSlider .slider-input::-webkit-slider-thumb:hover {
+  transform: scale(1.2);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 0 0 2px var(--primary-200);
+}
+.KSlider .slider-input::-webkit-slider-thumb:active {
+  transform: scale(1.1);
+}
+.KSlider .slider-input::-moz-range-thumb {
+  width: 22px;
+  height: 22px;
+  background: linear-gradient(135deg, var(--primary-400), var(--primary-600));
+  border: 3px solid white;
+  border-radius: 50%;
+  cursor: pointer;
+  pointer-events: auto;
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.1);
+  transition: all 0.2s ease;
+}
+.KSlider .slider-input::-moz-range-thumb:hover {
+  transform: scale(1.2);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 0 0 2px var(--primary-200);
+}
+.KSlider .slider-input::-moz-range-thumb:active {
+  transform: scale(1.1);
+}
+.KSlider .slider-input:disabled {
+  cursor: not-allowed;
+}
+.KSlider .slider-input:disabled::-webkit-slider-thumb {
+  cursor: not-allowed;
+}
+.KSlider .slider-input:disabled::-moz-range-thumb {
+  cursor: not-allowed;
+}
+</style>

package/dist/runtime/components/KSlider/KSlider.vue.d.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    label?: string;
+    rangeMin: number;
+    rangeMax: number;
+    rangeStep: number;
+    isDisabled: boolean;
+    currentValue: number;
+    valuePercent: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:value": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:value"?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/KTextarea/KTextarea.d.vue.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    placeholder: string;
+    rows: number;
+    label?: string;
+};
+type __VLS_ModelProps = {
+    'text'?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:text": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:text"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/KTextarea/KTextarea.vue

@@ -0,0 +1,55 @@
+<template lang="pug">
+.KTextarea-wrapper
+	label.k-input-label(v-if="label") {{ label }}
+	textarea.KTextarea.modern-textarea(v-model="text" :placeholder="placeholder" :rows="rows")
+</template>
+
+<script setup>
+const text = defineModel("text", { type: String });
+defineProps({
+  placeholder: { type: String, required: true },
+  rows: { type: Number, required: true },
+  label: { type: String, required: false }
+});
+</script>
+
+<style scoped>
+.KTextarea-wrapper {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+
+.KTextarea.modern-textarea {
+  border: 2px solid var(--border-color-medium);
+  border-radius: var(--border-radius-sm);
+  background: var(--input-bg);
+  padding: var(--gap-sm) var(--gap-md);
+  font-family: var(--font-family);
+  font-size: var(--font-size-md);
+  color: var(--font-color-primary);
+  resize: vertical;
+  outline: none;
+  width: 100%;
+  box-sizing: border-box;
+  transition: all var(--transition-bounce);
+  box-shadow: var(--shadow-sm);
+  line-height: 1.5;
+}
+.KTextarea.modern-textarea::placeholder {
+  color: var(--neutral-400);
+}
+.KTextarea.modern-textarea:hover {
+  border-color: var(--neutral-400);
+}
+.KTextarea.modern-textarea:focus {
+  border-color: var(--primary-500);
+  box-shadow: var(--input-focus-shadow), var(--shadow-sm);
+}
+.KTextarea.modern-textarea:disabled {
+  background-color: var(--neutral-100);
+  border-color: var(--neutral-200);
+  color: var(--neutral-400);
+  cursor: not-allowed;
+}
+</style>

package/dist/runtime/components/KTextarea/KTextarea.vue.d.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    placeholder: string;
+    rows: number;
+    label?: string;
+};
+type __VLS_ModelProps = {
+    'text'?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:text": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:text"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/KTextbox/KTextbox.d.vue.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    label?: string;
+    text: string;
+    showClear: boolean;
+    clear: () => void;
+    placeholder: string;
+    type: string;
+    validation?: 'success' | 'warning' | 'error' | null;
+    validationText?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:text": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:text"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/KTextbox/KTextbox.vue

@@ -0,0 +1,101 @@
+<template lang="pug">
+.KTextbox-wrapper(:class="$attrs.class" :style="$attrs.style")
+	label.k-input-label(v-if="label") {{ label }}
+	.KTextbox.modern-textbox(:class="validation ? `is-${validation}` : ''")
+		input(v-bind="inputAttrs" :type="props.type" v-model="text" :placeholder="placeholder")
+		.clear-button(v-if="showClear" @click.stop="clear" @mousedown.stop)
+			KIcon(iconname="close" width="16" height="16")
+	span.validation-text(v-if="validation && ['success', 'warning', 'error'].includes(validation) && validationText" :class="`is-${validation}`") {{ validationText }}
+</template>
+
+<script setup>
+import { computed, useAttrs } from "vue";
+defineOptions({
+  inheritAttrs: false
+});
+const props = defineProps({
+  label: { type: String, required: false },
+  text: { type: String, required: true },
+  showClear: { type: Boolean, required: true },
+  clear: { type: Function, required: true },
+  placeholder: { type: String, required: true },
+  type: { type: String, required: true },
+  validation: { type: [String, null], required: false },
+  validationText: { type: String, required: false }
+});
+const emit = defineEmits(["update:text"]);
+const text = computed({
+  get: () => props.text,
+  set: (value) => emit("update:text", value)
+});
+const attrs = useAttrs();
+const inputAttrs = computed(() => {
+  const { class: _, style: __, ...rest } = attrs;
+  return rest;
+});
+</script>
+
+<style scoped>
+.KTextbox-wrapper {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-width: 0;
+}
+
+.KTextbox.modern-textbox {
+  position: relative;
+  display: flex;
+  align-items: center;
+  border: var(--input-border);
+  border-radius: var(--border-radius-sm);
+  background: var(--input-bg);
+  height: var(--input-height);
+  box-sizing: border-box;
+  transition: all var(--transition-bounce);
+  box-shadow: var(--shadow-sm);
+}
+.KTextbox.modern-textbox:focus-within {
+  border-color: var(--input-focus-border-color);
+  box-shadow: var(--input-focus-shadow), var(--shadow-sm);
+}
+.KTextbox.modern-textbox:hover {
+  border-color: var(--input-hover-border-color);
+}
+.KTextbox.modern-textbox input {
+  flex: 1;
+  min-width: 0;
+  background: transparent;
+  border: none;
+  outline: none;
+  font-size: 15px;
+  color: var(--font-color-primary);
+  box-sizing: border-box;
+  padding: 0 var(--component-gap);
+  height: 100%;
+  width: 100%;
+}
+.KTextbox.modern-textbox input::placeholder {
+  color: var(--neutral-400);
+}
+.KTextbox.modern-textbox .clear-button {
+  position: absolute;
+  right: var(--component-gap);
+  top: 50%;
+  transform: translateY(-50%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  color: var(--neutral-500);
+  cursor: pointer;
+  transition: all var(--transition-fast);
+}
+.KTextbox.modern-textbox .clear-button:hover {
+  color: var(--neutral-700);
+}
+.KTextbox.modern-textbox .clear-button:active {
+  transform: translateY(-50%) scale(0.95);
+}
+</style>

package/dist/runtime/components/KTextbox/KTextbox.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    label?: string;
+    text: string;
+    showClear: boolean;
+    clear: () => void;
+    placeholder: string;
+    type: string;
+    validation?: 'success' | 'warning' | 'error' | null;
+    validationText?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:text": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:text"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/plugin.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/runtime/plugin.js

@@ -0,0 +1,21 @@
+import { defineNuxtPlugin } from "#app";
+import { registerPresetComponents } from "#imports";
+export default defineNuxtPlugin(() => {
+  const loaders = {
+    "./components/KBulkActions/KBulkActions.vue": () => import("./components/KBulkActions/KBulkActions.vue"),
+    "./components/KButton/KButton.vue": () => import("./components/KButton/KButton.vue"),
+    "./components/KCheckbox/KCheckbox.vue": () => import("./components/KCheckbox/KCheckbox.vue"),
+    "./components/KDatatable/KDatatable.vue": () => import("./components/KDatatable/KDatatable.vue"),
+    "./components/KMaskTextbox/KMaskTextbox.vue": () => import("./components/KMaskTextbox/KMaskTextbox.vue"),
+    "./components/KPagination/KPagination.vue": () => import("./components/KPagination/KPagination.vue"),
+    "./components/KRangeSlider/KRangeSlider.vue": () => import("./components/KRangeSlider/KRangeSlider.vue"),
+    "./components/KSlider/KSlider.vue": () => import("./components/KSlider/KSlider.vue"),
+    "./components/KTextarea/KTextarea.vue": () => import("./components/KTextarea/KTextarea.vue"),
+    "./components/KTextbox/KTextbox.vue": () => import("./components/KTextbox/KTextbox.vue")
+  };
+  if (typeof registerPresetComponents === "function") {
+    registerPresetComponents("modern", loaders);
+  } else {
+    console.warn("Katlux preset-modern: registerPresetComponents not found in imports. Ensure @katlux/toolkit is installed and loaded.");
+  }
+});

package/dist/types.d.mts

@@ -0,0 +1,7 @@
+import type { NuxtModule } from '@nuxt/schema'
+
+import type { default as Module } from './module.mjs'
+
+export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
+
+export { default } from './module.mjs'

package/package.json

@@ -0,0 +1,29 @@
+{
+	"name": "@katlux/preset-modern",
+	"version": "0.1.0-alpha.74",
+	"description": "Modern default design preset and styling variables for Katlux components",
+	"author": "Katlux",
+	"license": "Apache-2.0",
+	"publishConfig": {
+		"access": "public"
+	},
+	"main": "./dist/module.mjs",
+	"scripts": {
+		"build": "nuxt-module-build build",
+		"dev": "nuxt-module-build build --stub",
+		"prepublishOnly": "npm run build"
+	},
+	"exports": {
+		".": {
+			"import": "./dist/module.mjs"
+		},
+		"./dist/runtime/assets/*": "./dist/runtime/assets/*"
+	},
+	"dependencies": {
+		"@katlux/toolkit": "*",
+		"@nuxt/kit": "^3.12.0"
+	},
+	"files": [
+		"dist"
+	]
+}