@ims360/svelte-ivory 0.4.0 → 0.4.2

package/dist/colorTheme.svelte.d.ts

@@ -4,7 +4,7 @@ declare class ThemeController {
     private currentTheme;
     constructor();
     get theme(): ColorThemePreference;
-    get preference(): ColorThemePreference;
+    get current(): "light" | "dark";
     set theme(value: ColorThemePreference);
     /** Add to hook sequence to enable correct prerendering ot the theme */
     handle: Handle;

package/dist/colorTheme.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colorTheme.svelte.d.ts","sourceRoot":"","sources":["../src/lib/colorTheme.svelte.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAI5C,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAE/D,cAAM,eAAe;IACjB,OAAO,CAAC,YAAY,CAA0C;;IAY9D,IAAI,KAAK,IAQQ,oBAAoB,CANpC;IAED,IAAI,UAAU,yBAEb;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,oBAAoB,EAepC;IAED,uEAAuE;IACvE,MAAM,EAAE,MAAM,CAcZ;CACL;AAED,eAAO,MAAM,UAAU,iBAAwB,CAAC"}
+{"version":3,"file":"colorTheme.svelte.d.ts","sourceRoot":"","sources":["../src/lib/colorTheme.svelte.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAK5C,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAE/D,cAAM,eAAe;IACjB,OAAO,CAAC,YAAY,CAA0C;;IAY9D,IAAI,KAAK,IAWQ,oBAAoB,CATpC;IAED,IAAI,OAAO,qBAKV;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,oBAAoB,EAepC;IAED,uEAAuE;IACvE,MAAM,EAAE,MAAM,CAcZ;CACL;AAED,eAAO,MAAM,UAAU,iBAAwB,CAAC"}

package/dist/colorTheme.svelte.js

@@ -1,5 +1,5 @@
 import { browser } from '$app/environment';
-import { cookie } from '@ims360/svelte-ivory/utils/functions';
+import { cookie } from './utils/functions';
 const COOKIE_THEME_KEY = 'theme';
 class ThemeController {
     currentTheme = $state('system');
@@ -17,8 +17,13 @@ class ThemeController {
     get theme() {
         return this.currentTheme;
     }
-    get preference() {
-        return this.currentTheme;
+    get current() {
+        if (this.currentTheme === 'dark' || this.currentTheme === 'light')
+            return this.currentTheme;
+        if (!browser)
+            return 'light';
+        const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+        return prefersDark ? 'dark' : 'light';
     }
     set theme(value) {
         if (!browser)

package/dist/components/basic/{ThemeController.svelte → ThemeSelect.svelte}

@@ -1,6 +1,6 @@
 <script lang="ts">
     import { ColorTheme, type ColorThemePreference } from '../../colorTheme.svelte';
-    import { merge } from '@ims360/svelte-ivory/utils/functions';
+    import { merge } from '../../utils/functions';
     import { Icon, Monitor, Moon, Sun } from '@lucide/svelte';
     import type { ClassValue } from 'svelte/elements';
 

package/dist/components/basic/ThemeSelect.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { ClassValue } from 'svelte/elements';
+type Props = {
+    class: ClassValue;
+};
+declare const ThemeSelect: import("svelte").Component<Props, {}, "">;
+type ThemeSelect = ReturnType<typeof ThemeSelect>;
+export default ThemeSelect;
+//# sourceMappingURL=ThemeSelect.svelte.d.ts.map

package/dist/components/basic/ThemeSelect.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeSelect.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/basic/ThemeSelect.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAG9C,KAAK,KAAK,GAAG;IACT,KAAK,EAAE,UAAU,CAAC;CACrB,CAAC;AA6CN,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/components/basic/index.d.ts

@@ -2,5 +2,6 @@ export { default as Checkbox, type CheckboxProps } from './checkbox/Checkbox.sve
 export { default as Element, type AnchorAttributes, type ButtonAttributes, type ElementProps } from './Element.svelte';
 export { default as MarkedText, type MarkedTextProps } from './MarkedText.svelte';
 export { default as Textarea } from './Textarea.svelte';
+export { default as ThemeSelect } from './ThemeSelect.svelte';
 export { default as Toggle, type ToggleProps } from './toggle/Toggle.svelte';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/basic/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/basic/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACrF,OAAO,EACH,OAAO,IAAI,OAAO,EAClB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACrB,KAAK,YAAY,EACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/basic/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACrF,OAAO,EACH,OAAO,IAAI,OAAO,EAClB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACrB,KAAK,YAAY,EACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/basic/index.js

@@ -2,4 +2,5 @@ export { default as Checkbox } from './checkbox/Checkbox.svelte';
 export { default as Element } from './Element.svelte';
 export { default as MarkedText } from './MarkedText.svelte';
 export { default as Textarea } from './Textarea.svelte';
+export { default as ThemeSelect } from './ThemeSelect.svelte';
 export { default as Toggle } from './toggle/Toggle.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ims360/svelte-ivory",
-    "version": "0.4.0",
+    "version": "0.4.2",
     "keywords": [
         "svelte"
     ],
@@ -124,4 +124,4 @@
         "@sveltejs/kit": "^2.49.5",
         "svelte": "^5.46.4"
     }
-}
+}

package/src/lib/colorTheme.svelte.ts

@@ -1,6 +1,6 @@
 import { browser } from '$app/environment';
-import { cookie } from '@ims360/svelte-ivory/utils/functions';
 import type { Handle } from '@sveltejs/kit';
+import { cookie } from './utils/functions';
 
 const COOKIE_THEME_KEY = 'theme';
 
@@ -23,8 +23,11 @@ class ThemeController {
         return this.currentTheme;
     }
 
-    get preference() {
-        return this.currentTheme;
+    get current() {
+        if (this.currentTheme === 'dark' || this.currentTheme === 'light') return this.currentTheme;
+        if (!browser) return 'light';
+        const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+        return prefersDark ? 'dark' : 'light';
     }
 
     set theme(value: ColorThemePreference) {

package/src/lib/components/basic/{ThemeController.svelte → ThemeSelect.svelte}

@@ -1,6 +1,6 @@
 <script lang="ts">
     import { ColorTheme, type ColorThemePreference } from '$lib/colorTheme.svelte';
-    import { merge } from '@ims360/svelte-ivory/utils/functions';
+    import { merge } from '$lib/utils/functions';
     import { Icon, Monitor, Moon, Sun } from '@lucide/svelte';
     import type { ClassValue } from 'svelte/elements';
 

package/src/lib/components/basic/index.ts

@@ -7,4 +7,5 @@ export {
 } from './Element.svelte';
 export { default as MarkedText, type MarkedTextProps } from './MarkedText.svelte';
 export { default as Textarea } from './Textarea.svelte';
+export { default as ThemeSelect } from './ThemeSelect.svelte';
 export { default as Toggle, type ToggleProps } from './toggle/Toggle.svelte';

package/dist/components/basic/ThemeController.svelte.d.ts

@@ -1,8 +0,0 @@
-import type { ClassValue } from 'svelte/elements';
-type Props = {
-    class: ClassValue;
-};
-declare const ThemeController: import("svelte").Component<Props, {}, "">;
-type ThemeController = ReturnType<typeof ThemeController>;
-export default ThemeController;
-//# sourceMappingURL=ThemeController.svelte.d.ts.map

package/dist/components/basic/ThemeController.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeController.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/basic/ThemeController.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAG9C,KAAK,KAAK,GAAG;IACT,KAAK,EAAE,UAAU,CAAC;CACrB,CAAC;AA6CN,QAAA,MAAM,eAAe,2CAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}