@upsoftware_tech/svarium 1.0.0 → 1.0.2

package/README.md

@@ -0,0 +1,15 @@
+resolve: (name) => {
+const localPages = import.meta.glob('./pages/**/*.vue', { eager: true });
+const vendorPages = import.meta.glob('../../node_modules/@upsoftware_tech/svarium/src/pages/**/*.vue', { eager: true });
+let page = localPages[`./pages/${name}.vue`];
+if (!page) {
+page = vendorPages[`../../node_modules/@upsoftware_tech/svarium/src/pages/${name}.vue`];
+}
+if (!page) {
+throw new Error(`Page not found: ${name}`);
+}
+page.default.layout = page.default.layout || AppLayout;
+return page;
+},
+
+@source "../../node_modules/@upsoftware_tech/svarium/dist/**/*.{js,mjs,vue}";

package/dist/index.d.ts

@@ -0,0 +1,519 @@
+import { AsTag } from 'reka-ui';
+import { ClassProp } from 'class-variance-authority/dist/types';
+import { Component } from 'vue';
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { ComputedRef } from 'vue';
+import { DefineComponent } from 'vue';
+import { ExtractPropTypes } from 'vue';
+import { HTMLAttributes } from 'vue';
+import { Icon } from '@iconify/vue';
+import { Plugin as Plugin_2 } from 'vue';
+import { PrimitiveProps } from 'reka-ui';
+import { PublicProps } from 'vue';
+import { Ref } from 'vue';
+import { VariantProps } from 'class-variance-authority';
+
+declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {
+as: AsTag | Component;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_component_2: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+declare const __VLS_component_3: DefineComponent<Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_2> & Readonly<{}>, {
+action: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_component_4: DefineComponent<Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_3> & Readonly<{}>, {
+label: string;
+name: string;
+hint: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+declare const __VLS_component_5: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: string | number) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+}>, {
+label: string;
+type: string;
+placeholder: string;
+name: string;
+hint: string;
+password: boolean;
+addon: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_component_6: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+
+declare const __VLS_component_7: DefineComponent<Props_9, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_9> & Readonly<{}>, {
+label: string;
+name: string;
+hint: string;
+value: string | number | boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+declare const __VLS_component_8: DefineComponent<Props_13, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_13> & Readonly<{}>, {
+offset: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+sidebar: HTMLDivElement;
+sidebar_header: HTMLDivElement;
+sidebar_content: HTMLDivElement;
+sidebar_bottom: HTMLDivElement;
+sidebar_footer: HTMLDivElement;
+}, any>;
+
+declare const __VLS_component_9: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+declare type __VLS_Props = Props_4;
+
+declare type __VLS_PublicProps = {
+    modelValue?: string | number;
+} & __VLS_Props;
+
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+
+declare function __VLS_template_2(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+
+declare function __VLS_template_3(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+
+declare function __VLS_template_4(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            hasError: boolean;
+        }): any;
+        footer?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
+declare function __VLS_template_5(): {
+    attrs: Partial<{}>;
+    slots: {
+        addon?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+
+declare function __VLS_template_6(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
+declare function __VLS_template_7(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
+declare function __VLS_template_8(): {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {}): any;
+        bottom?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {
+        sidebar: HTMLDivElement;
+        sidebar_header: HTMLDivElement;
+        sidebar_content: HTMLDivElement;
+        sidebar_bottom: HTMLDivElement;
+        sidebar_footer: HTMLDivElement;
+    };
+    rootEl: any;
+};
+
+declare function __VLS_template_9(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+
+declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+
+declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
+
+declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
+
+declare type __VLS_TemplateResult_4 = ReturnType<typeof __VLS_template_4>;
+
+declare type __VLS_TemplateResult_5 = ReturnType<typeof __VLS_template_5>;
+
+declare type __VLS_TemplateResult_6 = ReturnType<typeof __VLS_template_6>;
+
+declare type __VLS_TemplateResult_7 = ReturnType<typeof __VLS_template_7>;
+
+declare type __VLS_TemplateResult_8 = ReturnType<typeof __VLS_template_8>;
+
+declare type __VLS_TemplateResult_9 = ReturnType<typeof __VLS_template_9>;
+
+declare type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_2<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_3<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_4<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_5<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_6<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_7<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_8<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_9<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+export declare const AuthLayout: __VLS_WithTemplateSlots_6<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
+
+export declare const BlockFormLogin: DefineComponent<Props_5, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_5> & Readonly<{}>, {
+action: string;
+showResetLink: boolean;
+resetLabel: string;
+submitLabel: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+export declare const BlockFormLoginMethodVerification: DefineComponent<Props_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_6> & Readonly<{}>, {
+verificationMethods: VerificationMethod[] | Record<string, VerificationMethod>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+export declare const BlockFormVerification: DefineComponent<Props_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_7> & Readonly<{}>, {
+session: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+export declare const BlockPageLogin: DefineComponent<Props_8, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_8> & Readonly<{}>, {
+title: string;
+showResetLink: boolean;
+resetLabel: string;
+submitLabel: string;
+socials: SocialLink[];
+showRegisterLink: boolean;
+registerLabel: string;
+registerLinkLabel: string;
+registerLink: string;
+subtitle: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+export declare const Button: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+
+export declare const ButtonClear: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
+
+export declare const ButtonIcon: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+
+export declare const ButtonSubmit: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
+
+declare type ButtonVariants = VariantProps<typeof buttonVariants>;
+
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare const Form: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
+
+export declare const FormControl: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
+
+export declare const FormError: DefineComponent<ExtractPropTypes<    {
+errors: {
+type: (ObjectConstructor | StringConstructor)[];
+};
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+errors: {
+type: (ObjectConstructor | StringConstructor)[];
+};
+}>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLUListElement>;
+
+export { Icon }
+
+export declare const Input: __VLS_WithTemplateSlots_5<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
+
+export declare type LogoConfig = string | {
+    default: ThemeableSrc;
+    small?: ThemeableSrc;
+};
+
+export declare const NavigationVertical: DefineComponent<Props_14, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_14> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+declare interface OptionGroup {
+    label: string;
+    items: OptionItem[];
+}
+
+declare interface OptionItem {
+    id?: string | number;
+    name?: string;
+    label?: string;
+    icon?: string;
+    value?: string | number;
+}
+
+export declare const Pin: DefineComponent<Props_10, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_10> & Readonly<{}>, {
+label: string;
+name: string;
+hint: string;
+maxlength: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+declare const plugin: Plugin_2<[SvariumOptions]>;
+export default plugin;
+
+declare interface Props extends PrimitiveProps {
+    variant?: ButtonVariants["variant"];
+    size?: ButtonVariants["size"];
+    class?: HTMLAttributes["class"];
+}
+
+declare interface Props_10 {
+    name?: string;
+    maxlength?: number;
+    hint?: string;
+    label?: string;
+}
+
+declare interface Props_11 {
+    uri?: string;
+    data?: any;
+    columns?: any;
+    rows?: any;
+}
+
+declare interface Props_12 {
+    placeholder?: string;
+    options?: OptionItem[] | OptionGroup[];
+    name?: string;
+    hint?: string;
+    label?: string;
+    clear?: boolean;
+    modelValue?: any;
+}
+
+declare interface Props_13 {
+    navigation_id: string | number;
+    offset: number;
+}
+
+declare interface Props_14 {
+    navigation_id: string | number;
+}
+
+declare interface Props_2 {
+    action: string;
+}
+
+declare interface Props_3 {
+    name?: string;
+    label?: string;
+    hint?: string;
+}
+
+declare interface Props_4 {
+    name?: string;
+    type?: string;
+    password?: boolean;
+    label?: string;
+    hint?: string;
+    placeholder?: string;
+    addon?: string;
+}
+
+declare interface Props_5 {
+    action?: string;
+    showResetLink?: boolean;
+    resetLabel?: string;
+    submitLabel?: string;
+}
+
+declare interface Props_6 {
+    verificationMethods?: VerificationMethod[] | Record<string, VerificationMethod>;
+    session: string;
+}
+
+declare interface Props_7 {
+    session: string;
+}
+
+declare interface Props_8 {
+    socials?: SocialLink[];
+    showRegisterLink?: boolean;
+    registerLabel?: string;
+    registerLinkLabel?: string;
+    registerLink?: string;
+    showResetLink?: boolean;
+    title?: string;
+    subtitle?: string;
+    resetLabel?: string;
+    submitLabel?: string;
+}
+
+declare interface Props_9 {
+    value?: string | number | boolean;
+    name: string;
+    label?: string;
+    hint?: string;
+}
+
+export declare const Radio: __VLS_WithTemplateSlots_7<typeof __VLS_component_7, __VLS_TemplateResult_7["slots"]>;
+
+export declare const ScrollArea: __VLS_WithTemplateSlots_9<typeof __VLS_component_9, __VLS_TemplateResult_9["slots"]>;
+
+export declare const Select: DefineComponent<Props_12, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (...args: any[]) => void;
+}, string, PublicProps, Readonly<Props_12> & Readonly<{
+"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+options: OptionItem[] | OptionGroup[];
+placeholder: string;
+clear: boolean;
+modelValue: any;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+export declare const Sidebar: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
+
+export declare const SidebarToggle: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+
+export declare const SidebarUser: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+declare interface SocialLink {
+    id: string;
+    url?: string;
+    label: string;
+    icon: string;
+}
+
+export declare interface SvariumOptions {
+    prefix?: string;
+    i18n?: any;
+    logo?: LogoConfig;
+}
+
+export declare interface SvariumState {
+    forms: Record<string, any>;
+    color: string;
+    menus: Record<string, any>;
+    logo?: LogoConfig;
+}
+
+export declare const Table: DefineComponent<Props_11, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_11> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+tableRef: HTMLDivElement;
+}, HTMLDivElement>;
+
+export declare type ThemeableSrc = string | {
+    light: string;
+    dark: string;
+};
+
+export declare function (): {
+    state: SvariumState;
+    logo: ComputedRef<    {
+    default: {
+    light: string;
+    dark: string;
+    };
+    small: {
+    light: string;
+    dark: string;
+    };
+    }>;
+    getLogo: (variant: "default" | "small", mode: "light" | "dark") => string;
+};
+
+/**
+ * useUniqueId composable
+ * -----------------------
+ * Tworzy unikalny identyfikator, np. dla elementów formularzy, label-for, ARIA itp.
+ * Działa bezpiecznie po stronie klienta (SSR-safe) i korzysta z crypto.randomUUID() jeśli dostępne.
+ *
+ * @param prefix - prefiks dla id (np. "input-", "checkbox-", "dialog-")
+ * @param providedId - opcjonalne id z zewnątrz (jeśli komponent ma własne id)
+ * @returns Ref<string> z unikalnym id
+ */
+export declare function (prefix?: string, providedId?: string): Ref<string, string>;
+
+export declare interface VerificationMethod {
+    id: string;
+    label: string;
+    description: string;
+    disabled: boolean;
+}
+
+export { }
+
+
+declare module '@tanstack/vue-table' {
+    interface ColumnMeta<TData extends RowData, TValue> {
+        type?: 'string' | 'int' | 'bool' | 'select';
+        options?: OptionItem[];
+    }
+}

package/dist/src/pages/Auth/Login.vue

@@ -0,0 +1,44 @@
+<template>
+	<BlockPageLogin :socials="socials" :showRegisterLink="showRegisterLink" :registerLabel="registerLabel" :registerLinkLabel="registerLinkLabel" :registerLink="registerLink" :showResetLink="showResetLink" :title="title" :subtitle="subtitle" :resetLabel="resetLabel" :submitLabel="submitLabel" />
+</template>
+
+<script setup lang="ts">
+import { AuthLayout, BlockPageLogin } from '@upsoftware_tech/svarium';
+
+interface SocialLink {
+	id: string;
+	url?: string;
+	label: string;
+	icon: string;
+}
+
+interface Props {
+	socials?: SocialLink[],
+	showRegisterLink?: boolean;
+	registerLabel?: string;
+	registerLinkLabel?: string;
+	registerLink?: string;
+	showResetLink?: boolean;
+	title?: string;
+	subtitle?: string;
+	resetLabel?: string,
+	submitLabel?: string
+}
+
+withDefaults(defineProps<Props>(), {
+	socials: () => [],
+	showRegisterLink: true,
+	registerLabel: 'If you don’t have an account',
+	registerLinkLabel: 'sign up here',
+	registerLink: '/auth/register',
+	showResetLink: true,
+	title: 'Welcome back!',
+	subtitle: 'Enter your email address and password',
+	resetLabel: 'Forgot your password?',
+	submitLabel: 'Log in with your email address'
+});
+
+defineOptions({
+	layout: AuthLayout,
+});
+</script>

package/dist/src/pages/Auth/Verification.vue

@@ -0,0 +1,38 @@
+<template>
+	<div class="flex flex-col gap-6">
+		<div class="flex flex-col gap-6">
+			<div class="flex gap-x-4">
+				<div>
+					<Link :href="`/auth/login/method/${session}`" class="w-8 h-8 flex items-center justify-center rounded-full hover:bg-zinc-100 dark:hover:bg-zinc-800">
+						<Icon icon="lucide:chevron-left" class="text-xl" />
+					</Link>
+				</div>
+				<div class="flex flex-1 flex-col gap-2 pt-0.5">
+					<h1 class="text-xl font-bold">{{ $t('Verification code') }}</h1>
+					<div class="text-sm">{{ $t('Enter the verification code you received') }}</div>
+				</div>
+			</div>
+			<div class="flex flex-col gap-4">
+				<BlockFormVerification :session="session" />
+			</div>
+		</div>
+	</div>
+</template>
+
+<script setup lang="ts">
+import { AuthLayout, BlockFormVerification } from '@upsoftware_tech/svarium';
+import { Icon } from '@iconify/vue';
+import { Link } from "@inertiajs/vue3";
+
+defineOptions({
+	layout: AuthLayout
+})
+
+interface Props {
+	session: string
+}
+
+withDefaults(defineProps<Props>(), {
+	session: ''
+})
+</script>