@rkosafo/cai.components 0.0.6 → 0.0.8

package/dist/index.d.ts

@@ -22,6 +22,7 @@ export * from './ui/tableLoader/index.js';
 export * from './ui/alertDialog/index.js';
 export * from './ui/accordion/index.js';
 export * from './ui/tab/index.js';
+export * from "./ui/icons/index.js";
 export * from './forms/input/index.js';
 export * from './forms/label/index.js';
 export * from './forms/datepicker/index.js';
@@ -39,4 +40,5 @@ export * from './forms/FormRadio/index.js';
 export * from './builders/filters/index.js';
 export * from './types/index.js';
 export * from './utils/index.js';
+import "../styles/tf-layout.css";
 export { YouTube, BaseEditor };

package/dist/index.js

@@ -23,6 +23,7 @@ export * from './ui/tableLoader/index.js';
 export * from './ui/alertDialog/index.js';
 export * from './ui/accordion/index.js';
 export * from './ui/tab/index.js';
+export * from "./ui/icons/index.js";
 export * from './forms/input/index.js';
 export * from './forms/label/index.js';
 export * from './forms/datepicker/index.js';
@@ -40,4 +41,6 @@ export * from './forms/FormRadio/index.js';
 export * from './builders/filters/index.js';
 export * from './types/index.js';
 export * from './utils/index.js';
+// styles
+import "../styles/tf-layout.css";
 export { YouTube, BaseEditor };

package/dist/layout/TF/Sidebar/Sidebar.svelte

@@ -1,30 +1,8 @@
-<script lang="ts" module>
-	export interface TFSidebarProps {
-		homeUrl: string;
-		logoUrl: string;
-		appShortName: string;
-		appName: string;
-		hideSidebar?: boolean;
-		menuItems: IMenuItem[];
-		logo?: Snippet;
-	}
-
-	export interface IMenuItem {
-		title: string;
-		icon?: string;
-		path?: string;
-		items?: IMenuItem[] | null;
-		description?: string;
-		iconBg?: string;
-		iconColor?: string;
-		iconSize?: number;
-	}
-</script>
-
 <script lang="ts">
 	import { cn } from '../../../utils/index.js';
 	import { page } from '$app/state';
 	import type { Snippet } from 'svelte';
+	import type { IMenuItem, TFSidebarProps } from '../../../index.js';
 
 	let {
 		homeUrl,

package/dist/layout/TF/Sidebar/Sidebar.svelte.d.ts

@@ -1,23 +1,4 @@
-export interface TFSidebarProps {
-    homeUrl: string;
-    logoUrl: string;
-    appShortName: string;
-    appName: string;
-    hideSidebar?: boolean;
-    menuItems: IMenuItem[];
-    logo?: Snippet;
-}
-export interface IMenuItem {
-    title: string;
-    icon?: string;
-    path?: string;
-    items?: IMenuItem[] | null;
-    description?: string;
-    iconBg?: string;
-    iconColor?: string;
-    iconSize?: number;
-}
-import type { Snippet } from 'svelte';
+import type { TFSidebarProps } from '../../../index.js';
 declare const Sidebar: import("svelte").Component<TFSidebarProps, {}, "">;
 type Sidebar = ReturnType<typeof Sidebar>;
 export default Sidebar;

package/dist/types/index.d.ts

@@ -22,6 +22,25 @@ import type { RadioVariants } from '../forms/radio/theme.js';
 import type { CheckboxVariants } from '../forms/checkbox/theme.js';
 import type { AccordionItemVariants, AccordionVariants } from '../ui/accordion/theme.js';
 import type { TabsVaraints } from '../ui/tab/theme.js';
+export interface TFSidebarProps {
+    homeUrl: string;
+    logoUrl: string;
+    appShortName: string;
+    appName: string;
+    hideSidebar?: boolean;
+    menuItems: IMenuItem[];
+    logo?: Snippet;
+}
+export interface IMenuItem {
+    title: string;
+    icon?: string;
+    path?: string;
+    items?: IMenuItem[] | null;
+    description?: string;
+    iconBg?: string;
+    iconColor?: string;
+    iconSize?: number;
+}
 export type ParamsType = FadeParams | BlurParams | FlyParams | SlideParams | ScaleParams | undefined;
 export type TransitionFunc = (node: HTMLElement, params: ParamsType) => TransitionConfig;
 export interface TriggeredToggleEvent extends ToggleEvent {

package/dist/ui/icons/Icons.svelte

@@ -0,0 +1,5 @@
+<script lang="ts">
+	let { icon, ...otherProps } = $props();
+</script>
+
+<iconify-icon {icon} {...otherProps}></iconify-icon>

package/dist/ui/icons/Icons.svelte.d.ts

@@ -0,0 +1,5 @@
+declare const Icons: import("svelte").Component<{
+    icon: any;
+} & Record<string, any>, {}, "">;
+type Icons = ReturnType<typeof Icons>;
+export default Icons;

package/dist/ui/icons/index.d.ts

@@ -0,0 +1 @@
+export { default as Icons } from './Icons.svelte';

package/dist/ui/icons/index.js

@@ -0,0 +1 @@
+export { default as Icons } from './Icons.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rkosafo/cai.components",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "files": [
     "dist",
     "!dist/**/*.test.*",
@@ -37,7 +37,6 @@
     "semantic-release": "^24.2.9",
     "svelte": "^5.0.0",
     "svelte-check": "^4.0.0",
-    "svelte-headless-table": "^0.18.3",
     "tailwindcss": "^4.0.0",
     "typescript": "^5.0.0",
     "vite": "^7.0.4",
@@ -62,6 +61,7 @@
     "mdsvex": "^0.12.6",
     "nanoid": "^5.1.5",
     "svelecte": "^5.3.0",
+    "svelte-headless-table": "^0.18.3",
     "svelte-meta-tags": "^4.4.0",
     "tailwind-merge": "^3.3.1",
     "tailwind-variants": "^2.1.0",