uibee 2.17.4 → 3.0.0

package/src/icons/index.ts

@@ -0,0 +1,2 @@
+'use client'
+export * from './icons'

package/src/index.ts

@@ -1,5 +1,4 @@
 export * from './hooks'
 export * from './components'
 export * from './utils'
-export * from './scripts'
 export * from './styles'

package/src/types/hooks.d.ts

@@ -1,9 +1,15 @@
 /* eslint-disable @stylistic/semi */
+import type { RefObject } from 'react'
 declare module 'uibee/hooks' {
-    export default function useVisibility<T extends HTMLElement>(
+    export function useVisibility<T extends HTMLElement>(
         onVisible: () => void,
         rootMargin?: string
     ): { ref: RefObject<T>; isVisible: boolean };
 
-    export default function useDarkMode(): boolean;
+    export function useDarkMode(): boolean;
+
+    export function useClickOutside<T extends HTMLElement>(
+        ref: RefObject<T | null>,
+        callback: () => void
+    ): void;
 }

package/src/utils/index.ts

@@ -1,4 +1,4 @@
-export { LogoConsoleOutput } from './LogoConsoleOutput/LogoConsoleOutput'
+export { LogoConsoleOutput } from './logoConsoleOutput/logoConsoleOutput'
 
 // Auth
 export { default as authLogin } from './auth/login'

package/src/utils/logoConsoleOutput/logoConsoleOutput.ts

@@ -0,0 +1,31 @@
+export function LogoConsoleOutput() {
+    const ua = navigator.userAgent
+
+    if (!ua.includes('Chrome') && !ua.includes('Firefox') && !ua.includes('Safari')) {
+        console.log('Login - Linjeforeningen for IT')
+        return
+    }
+
+    const str =
+        '%c███████╗                              ███████╗\n' +
+        '██╔════╝                              ╚════██║\n' +
+        '██║%c ██╗     ██████╗  ██████╗ ██╗███╗   ██╗ %c██║\n' +
+        '╚═╝%c ██║    ██╔═══██╗██╔════╝ ██║████╗  ██║ %c╚═╝%c\n' +
+        '    ██║    ██║   ██║██║  ███╗██║██╔██╗ ██║\n' +
+        '    ██║    ██║   ██║██║   ██║██║██║╚██╗██║\n' +
+        '%c██╗%c ██████╗╚██████╔╝╚██████╔╝██║██║ ╚████║ %c██╗\n' +
+        '██║%c ╚═════╝ ╚═════╝  ╚═════╝ ╚═╝╚═╝  ╚═══╝ %c██║\n' +
+        '███████╗%c                              %c███████║\n' +
+        '╚══════╝                              ╚══════╝%c\n\n' +
+        '       - Laget av TekKom med 🍕 og ❤️'
+
+    console.log(str,
+        'color: #fd8738', '',
+        'color: #fd8738', '',
+        'color: #fd8738', '',
+        'color: #fd8738', '',
+        'color: #fd8738', '',
+        'color: #fd8738', '',
+        'color: #fd8738', ''
+    )
+}

package/tsconfig.json

@@ -13,6 +13,7 @@
     "skipLibCheck": true,
     "jsx": "react-jsx",
     "resolveJsonModule": true,
+    "types": ["@types/bun"],
     "paths": {
       "@components/*": [
         "./src/components/*"
@@ -25,8 +26,8 @@
       ],
       "@styles/*": [
         "./src/styles/*"
-      ],
-    }
+      ]
+    },
   },
   "include": [
     "src",

package/tsdown.config.ts

@@ -0,0 +1,26 @@
+import tailwindPostcss from '@tailwindcss/postcss'
+import { defineConfig } from 'tsdown'
+
+export default defineConfig({
+    entry: {
+        'src/components/index': 'src/components/index.ts',
+        'src/hooks/index':      'src/hooks/index.ts',
+        'src/utils/index':      'src/utils/index.ts',
+        'src/icons/index':      'src/icons/index.ts',
+        'src/styles/index':     'src/styles/index.ts',
+    },
+    format: 'esm',
+    outExtensions: () => ({ js: '.js', dts: '.d.ts' }),
+    dts: true,
+    clean: true,
+    deps: {
+        onlyBundle: false,
+    },
+    css: {
+        transformer: 'postcss',
+        postcss: {
+            plugins: [tailwindPostcss()],
+        },
+        inject: true,
+    },
+})

package/Readme.md

@@ -1,29 +0,0 @@
-
-# Uibee
-
-This package includes shared components, functions and hooks for reuse across Login projects.
-
-## Getting Started
-
-```bash
-# Install dependencies
-npm install
-
-# Build the project
-npm run build
-```
-
-## Folder Structure
-```
-.
-├── src/
-│   ├── components/      # Reusable NextJS components
-│   ├── hooks/           # Custom React hooks
-│   ├── scripts/         # Build and utility scripts
-│   ├── types/           # TypeScript type definitions
-│   ├── utils/           # Utility functions
-│   └── globals.css      # Global styles
-├── package.json         # Project metadata and scripts
-├── tailwind.config.ts   # Tailwind CSS configuration
-├── tsconfig.json        # TypeScript configuration
-```