paket-ui 0.0.1

package/dist/runtime/components/time-picker/TimePickerBody.vue.d.ts

@@ -0,0 +1,21 @@
+type __VLS_Props = {
+    hour: number;
+    minute: number;
+    minHour?: number;
+    maxHour?: number;
+    minMinute?: number;
+    maxMinute?: number;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:hour": (value: number) => void;
+    "update:minute": (value: number) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:hour"?: ((value: number) => any) | undefined;
+    "onUpdate:minute"?: ((value: number) => any) | undefined;
+}>, {
+    minHour: number;
+    minMinute: number;
+    maxHour: number;
+    maxMinute: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/components/toast/ToastCard.vue

@@ -0,0 +1,36 @@
+<template>
+  <div
+    :class="
+  cn(
+    'flex items-start gap-3 p-4 py-3.5 transition-all bg-background border border-outlineVariant rounded-lg shadow-lg w-80',
+    variantConfig[toast.type],
+    variantConfigBg[toast.type]
+  )
+"
+  >
+    <slot name="icon">
+      <img
+        v-if="toast.imageSrc"
+        :src="toast.imageSrc"
+        class="w-10 h-10 shrink-0 rounded"
+      />
+      <Icon
+        v-else
+        :name="toast.icon ?? 'material-symbols:info-outline'"
+        class="shrink-0"
+        size="24px"
+      />
+    </slot>
+    <div class="pt-0.5 text-sm">
+      <div v-if="toast.title" class="font-semibold" v-text="toast.title" />
+      <div v-html="toast.render" />
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { variantConfig, variantConfigBg } from ".";
+defineProps({
+  toast: { type: Object, required: true }
+});
+</script>

package/dist/runtime/components/toast/ToastCard.vue.d.ts

@@ -0,0 +1,16 @@
+import type { Toast } from '~~/plugins/toast.client';
+type __VLS_Props = {
+    toast: Pick<Toast, 'imageSrc' | 'icon' | 'title' | 'render' | 'type'>;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/toast/ToastContainer.vue

@@ -0,0 +1,15 @@
+<template>
+    <div class="fixed top-6 right-4 z-100 flex flex-col gap-2">
+        <TransitionGroup enter-active-class="transition duration-100 ease-out"
+            enter-from-class="transform translate-x-full scale-95 opacity-0" enter-to-class="transform translate-x-0 scale-100 opacity-100"
+            leave-active-class="transition duration-75 ease-in" leave-from-class="transform translate-x-0 scale-100 opacity-100"
+            leave-to-class="transform translate-x-full scale-95 opacity-0">
+            <UiToastCard v-for="toast in toasts" :key="toast.id" :toast="toast" />
+        </TransitionGroup>
+    </div>
+</template>
+
+<script setup>
+const { $toasts } = useNuxtApp();
+const toasts = $toasts;
+</script>

package/dist/runtime/components/toast/ToastContainer.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/components/toast/ToastNetwork.vue

@@ -0,0 +1,109 @@
+<script setup>
+import { useOnline, useScrollLock } from "@vueuse/core";
+const online = useOnline();
+watch(online, (isOnline) => {
+  const lock = useScrollLock(document.body);
+  lock.value = !isOnline;
+});
+</script>
+
+<template>
+  <div
+    v-if="!online"
+    class="fixed z-[100] bg-black/30 pt-6 pr-9 justify-end flex items-start backdrop-blur-sm top-0 right-0 bottom-0 left-0"
+  >
+    <Transition
+      enter-active-class="transition duration-100 ease-out"
+      enter-from-class="transform translate-x-full scale-95 opacity-0"
+      enter-to-class="transform translate-x-0 scale-100 opacity-100"
+      leave-active-class="transition duration-75 ease-in"
+      leave-from-class="transform translate-x-0 scale-100 opacity-100"
+      leave-to-class="transform translate-x-full scale-95 opacity-0"
+    >
+      <UiToastCard
+        id-alert-box="alert-box"
+        class=""
+        :toast="{
+  title: 'Koneksi Internet Terputus',
+  render: 'Silakan cek koneksi internet kamu dan coba lagi.',
+  type: 'error'
+}"
+      >
+        <template #icon>
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="24"
+            height="24"
+            class="shrink-0"
+            viewBox="0 0 24 24"
+          >
+            <path
+              fill="currentColor"
+              d="M12,21L15.6,16.2C14.6,15.45 13.35,15 12,15C10.65,15 9.4,15.45 8.4,16.2L12,21"
+              opacity="0"
+            >
+              <animate
+                id="svgSpinnersWifiFade0"
+                fill="freeze"
+                attributeName="opacity"
+                begin="0;svgSpinnersWifiFade1.end+0.2s"
+                dur="0.25s"
+                values="0;1"
+              />
+              <animate
+                id="svgSpinnersWifiFade1"
+                fill="freeze"
+                attributeName="opacity"
+                begin="svgSpinnersWifiFade3.end+0.5s"
+                dur="0.1s"
+                values="1;0"
+              />
+            </path>
+            <path
+              fill="currentColor"
+              d="M12,9C9.3,9 6.81,9.89 4.8,11.4L6.6,13.8C8.1,12.67 9.97,12 12,12C14.03,12 15.9,12.67 17.4,13.8L19.2,11.4C17.19,9.89 14.7,9 12,9Z"
+              opacity="0"
+            >
+              <animate
+                id="svgSpinnersWifiFade2"
+                fill="freeze"
+                attributeName="opacity"
+                begin="svgSpinnersWifiFade0.end"
+                dur="0.25s"
+                values="0;1"
+              />
+              <animate
+                fill="freeze"
+                attributeName="opacity"
+                begin="svgSpinnersWifiFade3.end+0.5s"
+                dur="0.1s"
+                values="1;0"
+              />
+            </path>
+            <path
+              fill="currentColor"
+              d="M12,3C7.95,3 4.21,4.34 1.2,6.6L3,9C5.5,7.12 8.62,6 12,6C15.38,6 18.5,7.12 21,9L22.8,6.6C19.79,4.34 16.05,3 12,3"
+              opacity="0"
+            >
+              <animate
+                id="svgSpinnersWifiFade3"
+                fill="freeze"
+                attributeName="opacity"
+                begin="svgSpinnersWifiFade2.end"
+                dur="0.25s"
+                values="0;1"
+              />
+              <animate
+                fill="freeze"
+                attributeName="opacity"
+                begin="svgSpinnersWifiFade3.end+0.5s"
+                dur="0.1s"
+                values="1;0"
+              />
+            </path>
+          </svg>
+        </template>
+      </UiToastCard>
+    </Transition>
+  </div>
+</template>

package/dist/runtime/components/toast/ToastNetwork.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/components/toast/index.d.ts

@@ -0,0 +1,16 @@
+export declare const variantConfig: {
+    light: string;
+    primary: string;
+    info: string;
+    success: string;
+    warning: string;
+    error: string;
+};
+export declare const variantConfigBg: {
+    light: string;
+    primary: string;
+    info: string;
+    success: string;
+    warning: string;
+    error: string;
+};

package/dist/runtime/components/toast/index.js

@@ -0,0 +1,16 @@
+export const variantConfig = {
+  light: "text-onSurface",
+  primary: "text-flux-primary",
+  info: "text-flux-info",
+  success: "text-flux-success",
+  warning: "text-flux-warning",
+  error: "text-flux-error"
+};
+export const variantConfigBg = {
+  light: "bg-background",
+  primary: "bg-primaryContainer border-flux-primary",
+  info: "bg-infoContainer border-flux-info",
+  success: "bg-successContainer border-flux-success",
+  warning: "bg-warningContainer border-flux-warning",
+  error: "bg-errorContainer border-flux-error"
+};

package/dist/runtime/components/toggle-group/MultiSelect.vue

@@ -0,0 +1,45 @@
+<script setup>
+import { ToggleGroupItem, ToggleGroupRoot } from "reka-ui";
+import { useVModel } from "@vueuse/core";
+const props = defineProps({
+  class: { type: null, required: false, default: "" },
+  valueKey: { type: String, required: false, default: "id" },
+  labelKey: { type: String, required: false, default: "label" },
+  options: { type: Array, required: false, default: [] },
+  id: { type: String, required: false, default: "toggle-group-multi" },
+  modelValue: { type: Array, required: false, default: [] }
+});
+const emit = defineEmits(["update:modelValue"]);
+const content = useVModel(props, "modelValue", emit);
+</script>
+
+<template>
+  <ToggleGroupRoot
+    v-model="content"
+    type="multiple"
+    class="flex flex-wrap gap-2"
+  >
+    <ToggleGroupItem
+      v-for="(item, nIndex) in options"
+      :key="id + '-' + nIndex"
+      :value="item[valueKey]"
+      :class="
+  cn(
+    'flex placeholder:text-flux-outline focus-visible:outline-none ring-0 focus-visible:ring-offset-1 focus-visible:ring-offset-flux-primary disabled:cursor-not-allowed disabled:opacity-50 focus-visible:text-onSurface focus-visible:bg-surfaceContainerLowest focus:border-flux-primary  ',
+    props.class
+  )
+"
+    >
+      <slot name="item" :data="item">
+        <UiBadgeBaseBadge
+          class="text-base"
+          :label="String(item[labelKey])"
+          :variant="
+  void 0 == content || !content.includes(item?.id) ? 'outline' : 'primaryOutlineActive'
+"
+          size="xl"
+        ></UiBadgeBaseBadge>
+      </slot>
+    </ToggleGroupItem>
+  </ToggleGroupRoot>
+</template>

package/dist/runtime/components/toggle-group/MultiSelect.vue.d.ts

@@ -0,0 +1,38 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+    valueKey?: string;
+    labelKey?: string;
+    options?: option[];
+    id?: string;
+    modelValue?: number[];
+};
+interface option {
+    id: number;
+    label: string;
+}
+declare var __VLS_10: {
+    data: option;
+};
+type __VLS_Slots = {} & {
+    item?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value?: number[] | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value?: number[] | undefined) => any) | undefined;
+}>, {
+    class: HTMLAttributes["class"];
+    modelValue: number[];
+    options: option[];
+    id: string;
+    valueKey: string;
+    labelKey: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/toggle-group/ToggleGroup.vue

@@ -0,0 +1,59 @@
+<script setup>
+import { ToggleGroupItem, ToggleGroupRoot } from "reka-ui";
+import { useVModel } from "@vueuse/core";
+const props = defineProps({
+  class: { type: null, required: false, default: void 0 },
+  itemClass: { type: null, required: false, default: void 0 },
+  valueKey: { type: String, required: false, default: "id" },
+  labelKey: { type: String, required: false, default: "label" },
+  options: { type: Array, required: false, default: void 0 },
+  multiple: { type: Boolean, required: false, default: false },
+  modelValue: { type: [String, Number, Object, null, Array], required: false, default: [] },
+  allowEmptyValue: { type: Boolean, required: false, default: true }
+});
+const emit = defineEmits(["update:modelValue"]);
+const content = useVModel(props, "modelValue", emit);
+const tempValue = ref();
+watch(content, (value) => tempValue.value = value, { immediate: true });
+</script>
+
+<template>
+  <ToggleGroupRoot
+    v-model="tempValue"
+    :type="props.multiple ? 'multiple' : 'single'"
+    :class="cn('flex flex-wrap gap-2', props.class)"
+    @update:model-value="
+  (value) => {
+    if (allowEmptyValue) return content = value;
+    if (value) content = value;
+    tempValue = content;
+  }
+"
+  >
+    <ToggleGroupItem
+      v-for="(item, nIndex) in options"
+      :key="item[valueKey] + '-' + nIndex"
+      :value="item[valueKey]"
+      :disabled="!!item.disabled"
+      :class="
+  cn('flex rounded-full focus:outline-flux-primary', props.itemClass)
+"
+    >
+      <template #default="{ state }">
+        <slot
+          name="item"
+          :data="item"
+          :active="state === 'on'"
+          :label="item[labelKey]?.toString()"
+        >
+          <UiBadgeBaseBadge
+            :label="item[labelKey]?.toString()"
+            :class="state === 'on' ? 'bg-surface-container-low' : void 0"
+            :variant="state === 'on' ? 'primaryOutline' : 'outline'"
+            size="xl"
+          ></UiBadgeBaseBadge>
+        </slot>
+      </template>
+    </ToggleGroupItem>
+  </ToggleGroupRoot>
+</template>

package/dist/runtime/components/toggle-group/ToggleGroup.vue.d.ts

@@ -0,0 +1,41 @@
+import { type AcceptableValue } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+    itemClass?: HTMLAttributes['class'];
+    valueKey?: string;
+    labelKey?: string;
+    options?: Record<string, AcceptableValue>[];
+    multiple?: boolean;
+    modelValue?: AcceptableValue | AcceptableValue[];
+    allowEmptyValue?: boolean;
+};
+declare var __VLS_14: {
+    data: Record<string, AcceptableValue>;
+    active: boolean;
+    label: string | undefined;
+};
+type __VLS_Slots = {} & {
+    item?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value?: AcceptableValue | AcceptableValue[] | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value?: AcceptableValue | AcceptableValue[] | undefined) => any) | undefined;
+}>, {
+    class: HTMLAttributes["class"];
+    modelValue: AcceptableValue | AcceptableValue[];
+    options: Record<string, AcceptableValue>[];
+    valueKey: string;
+    labelKey: string;
+    multiple: boolean;
+    itemClass: HTMLAttributes["class"];
+    allowEmptyValue: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/tooltip/MiniTooltip.vue

@@ -0,0 +1,58 @@
+<template>
+  <Transition>
+    <div :class="cn('inline-flex relative', props.class)" @mousemove="showTooltip = true" @mouseleave="showTooltip = false">
+      <Icon :name="icon" :size="iconSize + 'px'" class="text-flux-primary cursor-pointer" />
+      <template v-if="showTooltip">
+        <div class="absolute z-10 flex justify-center" :style="arrowStyle">
+          <div class="border-l-[6px] border-r-[6px] border-l-transparent border-r-transparent border-t-[6px] border-onSurfaceVariant" :class="[tooltipCenter ? 'rotate-180' : 'rotate-90']"></div>
+        </div>
+        <div ref="el" class="absolute text-surfaceVariant bg-onSurfaceVariant z-20 px-2 py-1 rounded-[4px] w-max" :style="contentWrapperStyle">
+          <slot/>
+        </div>
+      </template>
+    </div>
+  </Transition>
+</template>
+
+<script setup>
+import { useElementBounding, useWindowSize } from "@vueuse/core";
+const props = defineProps({
+  class: { type: null, required: false },
+  icon: { type: String, required: false, default: "material-symbols:info-outline" },
+  iconSize: { type: Number, required: false, default: 16 }
+});
+const showTooltip = ref(false);
+const el = ref(null);
+const { width } = useElementBounding(el);
+const { width: windowWidth } = useWindowSize();
+const tooltipCenter = computed(() => {
+  if (width.value < windowWidth.value / 2) return false;
+  return true;
+});
+const arrowStyle = computed(() => {
+  if (tooltipCenter.value) return {
+    left: 0,
+    right: 0,
+    flexDirection: "row",
+    top: props.iconSize + 2 + "px"
+  };
+  return {
+    top: 0,
+    bottom: 0,
+    flexDirection: "column",
+    left: props.iconSize + "px"
+  };
+});
+const contentWrapperStyle = computed(() => {
+  if (tooltipCenter.value) return {
+    left: "50%",
+    top: props.iconSize + 8 + "px",
+    transform: "translateX(-50%)"
+  };
+  return {
+    top: "50%",
+    left: props.iconSize + 8 + "px",
+    transform: "translateY(-50%)"
+  };
+});
+</script>

package/dist/runtime/components/tooltip/MiniTooltip.vue.d.ts

@@ -0,0 +1,21 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+    icon?: string;
+    iconSize?: number;
+};
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    icon: string;
+    iconSize: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/tooltip/Tooltip.vue

@@ -0,0 +1,50 @@
+<template>
+  <Transition>
+    <div class="relative" @mousemove="showTooltip = true" @mouseleave="showTooltip = false">
+      <Icon :name="icon" :size="iconSize" class="text-flux-primary cursor-pointer" />
+      <template v-if="showTooltip">
+        <div class="absolute inset-x-0 bg-transparent z-10 flex justify-center top-8">
+          <div class="w-4 h-4 bg-background rotate-45 pointer-tooltip rounded-sm default-tooltip-shadow"></div>
+        </div>
+        <div ref="el" class="absolute top-10 text-onSurface bg-background default-tooltip-shadow z-20 p-[18px] rounded-xl w-max" :style="{ left: tooltipPosition.left, transform: tooltipPosition.transform }">
+          <slot/>
+        </div>
+      </template>
+    </div>
+  </Transition>
+</template>
+
+<script setup>
+import { useElementBounding, useWindowSize } from "@vueuse/core";
+const props = defineProps({
+  icon: { type: String, required: false, default: "material-symbols:info-outline" },
+  iconSize: { type: String, required: false, default: "24px" },
+  offsetDirection: { type: String, required: false, default: "left" }
+});
+const showTooltip = ref(false);
+const el = ref(null);
+const { width } = useElementBounding(el);
+const { width: windowWidth } = useWindowSize();
+const tooltipPosition = computed(() => {
+  if (width.value < windowWidth.value / 2) {
+    return {
+      left: "50%",
+      transform: "translateX(-50%)"
+    };
+  }
+  if (props.offsetDirection === "center") {
+    return {
+      left: "50%",
+      transform: "translateX(-50%)"
+    };
+  }
+  return {
+    left: "0",
+    transform: `translateX(${props.offsetDirection === "left" ? "-80%" : "-20%"})`
+  };
+});
+</script>
+
+<style scoped>
+.pointer-tooltip:before{box-shadow:-4px -3px 10px rgba(0,0,0,.05);z-index:-1}.pointer-tooltip:after,.pointer-tooltip:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%}
+</style>

package/dist/runtime/components/tooltip/Tooltip.vue.d.ts

@@ -0,0 +1,21 @@
+type __VLS_Props = {
+    icon?: string;
+    iconSize?: string;
+    offsetDirection?: 'left' | 'right' | 'center';
+};
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    icon: string;
+    iconSize: string;
+    offsetDirection: "left" | "right" | "center";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/plugin.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
+export default _default;

package/dist/runtime/plugin.js

@@ -0,0 +1,4 @@
+import { defineNuxtPlugin } from "#app";
+export default defineNuxtPlugin((_nuxtApp) => {
+  console.log("Plugin injected by my-module!");
+});

package/dist/runtime/server/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "../../../.nuxt/tsconfig.server.json",
+}

package/dist/runtime/utils/cn.d.ts

@@ -0,0 +1,5 @@
+import { type ClassValue } from 'clsx';
+/**
+ * It helps you to avoid a tailwind class duplications, will use one instead using both
+ */
+export declare const cn: (...inputs: ClassValue[]) => string;

package/dist/runtime/utils/cn.js

@@ -0,0 +1,5 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+export const cn = (...inputs) => {
+  return twMerge(clsx(inputs));
+};

package/dist/runtime/utils/formatNumber.d.ts

@@ -0,0 +1,2 @@
+export declare const formatNumber: (num: number | bigint, currency?: boolean) => string | 0;
+export declare const numberToFixedExceptRoundNumber: (num: number, fractionDigits?: number) => number;

package/dist/runtime/utils/formatNumber.js

@@ -0,0 +1,12 @@
+export const formatNumber = (num, currency = false) => {
+  if (!num && num !== 0) return 0;
+  return new Intl.NumberFormat("id-ID", {
+    style: currency ? "currency" : "decimal",
+    currency: currency ? "IDR" : void 0,
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 2,
+    currencyDisplay: "narrowSymbol"
+    // Use narrowSymbol to remove spacing
+  }).format(num).replace(/\s+/g, "");
+};
+export const numberToFixedExceptRoundNumber = (num, fractionDigits = 1) => num ? Number.parseFloat(num.toFixed(fractionDigits)) : 0;

package/dist/types.d.mts

@@ -0,0 +1,3 @@
+export { default } from './module.mjs'
+
+export { type ModuleOptions } from './module.mjs'