@turnipxenon/pineapple 4.5.1 → 5.0.0-alpha.1

package/dist/ui/elements/ElementVisibilityDetector.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementVisibilityDetector.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/elements/ElementVisibilityDetector.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA0CD,QAAA,MAAM,SAAS;;;;;;CAA0C,CAAC;AAC1D,MAAM,MAAM,8BAA8B,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACpE,MAAM,MAAM,+BAA+B,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACtE,MAAM,MAAM,8BAA8B,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEpE,MAAM,CAAC,OAAO,OAAO,yBAA0B,SAAQ,oBAAoB,CAAC,8BAA8B,EAAE,+BAA+B,EAAE,8BAA8B,CAAC;CAC3K"}

package/dist/ui/elements/GeneralUIProps.d.ts

@@ -10,3 +10,4 @@ export interface GeneralUIProps {
      */
     onBackground?: OnBackground;
 }
+//# sourceMappingURL=GeneralUIProps.d.ts.map

package/dist/ui/elements/GeneralUIProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeneralUIProps.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/elements/GeneralUIProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,MAAM,WAAW,cAAc;IAC9B;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;OAEG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;CAC5B"}

package/dist/ui/elements/ImageIcon.svelte

@@ -1,3 +1,7 @@
+<!-- @component ImageIcon
+ todo: consider current-surface scss
+ -->
+
 <script lang="ts">
 	import type { HTMLImgAttributes } from 'svelte/elements';
 	import type { GeneralUIProps } from "./GeneralUIProps";
@@ -51,4 +55,4 @@
             filter: brightness(0) saturate(100%) invert(85%) sepia(3%) saturate(993%) hue-rotate(326deg) brightness(113%) contrast(105%);
         }
     }
-</style>
+</style>

package/dist/ui/elements/ImageIcon.svelte.d.ts

@@ -1,6 +1,19 @@
-import type { HTMLImgAttributes } from 'svelte/elements';
-import type { GeneralUIProps } from "./GeneralUIProps";
-type PinyaButtonProps = HTMLImgAttributes & GeneralUIProps;
-declare const ImageIcon: import("svelte").Component<PinyaButtonProps, {}, "">;
-type ImageIcon = ReturnType<typeof ImageIcon>;
-export default ImageIcon;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ImageIconProps = typeof __propDef.props;
+export type ImageIconEvents = typeof __propDef.events;
+export type ImageIconSlots = typeof __propDef.slots;
+/**
+ * ImageIcon
+ * todo: consider current-surface scss
+ */
+export default class ImageIcon extends SvelteComponentTyped<ImageIconProps, ImageIconEvents, ImageIconSlots> {
+}
+export {};
+//# sourceMappingURL=ImageIcon.svelte.d.ts.map

package/dist/ui/elements/ImageIcon.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageIcon.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/elements/ImageIcon.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA2CD,QAAA,MAAM,SAAS;;;;;;CAA0C,CAAC;AAC1D,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACpD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACtD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEpD;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}

package/dist/ui/elements/OnBackground.d.ts

@@ -1,3 +1,4 @@
 export declare enum OnBackground {
     SurfaceCard = 0
 }
+//# sourceMappingURL=OnBackground.d.ts.map

package/dist/ui/elements/OnBackground.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnBackground.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/elements/OnBackground.ts"],"names":[],"mappings":"AAAA,oBAAY,YAAY;IACvB,WAAW,IAAA;CACX"}

package/dist/ui/elements/PineappleSwitch.svelte

@@ -1,11 +1,10 @@
 <script lang="ts">
-	import { Switch } from "@skeletonlabs/skeleton-svelte";
 	import type { Snippet } from "svelte";
 
 	interface Props {
 		checked?: boolean;
 		name: string;
-		onChange?: (() => void);
+		onChange?: ((val: boolean) => void);
 		children?: Snippet;
 	}
 
@@ -15,15 +14,81 @@
 		onChange = undefined,
 		children = undefined
 	}: Props = $props();
+
+	const _onChange = () => {
+		onChange?.(checked);
+	};
 </script>
 
-<Switch name={name}
-        controlActive="bg-secondary-400 dark:bg-secondary-500"
-        controlInactive="bg-surface-700 dark:bg-surface-800"
-        checked={checked}
-        onCheckedChange={(e) => {
-					checked = e.checked;
-					onChange?.();
-        }}>
+<!--
+Source - https://stackoverflow.com/a/79274945
+Posted by Naeem Akhtar
+Retrieved 2026-01-26, License - CC BY-SA 4.0
+-->
+<label class="pinya-toggle toggle">
+	<input type="checkbox" bind:checked={checked} {name} onchange={_onChange} />
+	<span class="slider"></span>
 	{@render children?.()}
-</Switch>
+</label>
+
+<style>
+    :root {
+        --pinya-toggle-radius: 0.8lh;
+        --pinya-toggle-margin: 0.2lh;
+    }
+
+    :global {
+        .pinya-toggle {
+            --inactive-toggle-bg: var(--color-surface-800);
+            --active-toggle-bg: var(--color-secondary-400);
+        }
+
+        .dark .pinya-toggle {
+            --inactive-toggle-bg: var(--color-surface-700);
+            --active-toggle-bg: var(--color-secondary-500);
+        }
+    }
+
+    .toggle {
+        position: relative;
+        display: inline-block;
+        width: calc((var(--pinya-toggle-radius) + var(--pinya-toggle-margin)) * 2);
+        height: calc(var(--pinya-toggle-radius) + (var(--pinya-toggle-margin) * 2));
+    }
+
+    .toggle input {
+        display: none;
+    }
+
+    .slider {
+        position: absolute;
+        cursor: pointer;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background-color: var(--inactive-toggle-bg);
+        transition: 0.4s;
+        border-radius: calc(var(--pinya-toggle-radius) + (var(--pinya-toggle-margin) * 2));
+    }
+
+    .slider:before {
+        position: absolute;
+        content: "";
+        height: var(--pinya-toggle-radius);
+        width: var(--pinya-toggle-radius);
+        left: var(--pinya-toggle-margin);
+        bottom: var(--pinya-toggle-margin);
+        background-color: #FFF;
+        transition: 0.4s;
+        border-radius: 50%;
+    }
+
+    input:checked + .slider {
+        background-color: var(--active-toggle-bg);
+    }
+
+    input:checked + .slider:before {
+        transform: translateX(var(--pinya-toggle-radius));
+    }
+</style>

package/dist/ui/elements/PineappleSwitch.svelte.d.ts

@@ -1,10 +1,15 @@
-import type { Snippet } from "svelte";
-interface Props {
-    checked?: boolean;
-    name: string;
-    onChange?: (() => void);
-    children?: Snippet;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type PineappleSwitchProps = typeof __propDef.props;
+export type PineappleSwitchEvents = typeof __propDef.events;
+export type PineappleSwitchSlots = typeof __propDef.slots;
+export default class PineappleSwitch extends SvelteComponentTyped<PineappleSwitchProps, PineappleSwitchEvents, PineappleSwitchSlots> {
 }
-declare const PineappleSwitch: import("svelte").Component<Props, {}, "checked">;
-type PineappleSwitch = ReturnType<typeof PineappleSwitch>;
-export default PineappleSwitch;
+export {};
+//# sourceMappingURL=PineappleSwitch.svelte.d.ts.map

package/dist/ui/elements/PineappleSwitch.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PineappleSwitch.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/elements/PineappleSwitch.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAqCD,QAAA,MAAM,SAAS;;;;;;CAA0C,CAAC;AAC1D,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC1D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC5D,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE1D,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,oBAAoB,CAAC,oBAAoB,EAAE,qBAAqB,EAAE,oBAAoB,CAAC;CACnI"}

package/dist/ui/elements/PinyaAnchorButton/PinyaAnchorButton.svelte

@@ -1,3 +1,7 @@
+<!-- @component PinyaAnchorButton
+ todo: consider current-surface scss and tailwind cleanup
+ -->
+
 <script lang="ts">
 	import { ColorScheme } from "../ColorScheme";
 	import { ButtonVariant } from "../PinyaButtonCommon/ButtonVariant";
@@ -19,7 +23,7 @@
 
 <a
 	{...props}
-	class={`a-as-btn ${tailwindClass}}`}
+	class={`a-as-btn ${tailwindClass}`}
 >
 	{@render children()}
-</a>
+</a>

package/dist/ui/elements/PinyaAnchorButton/PinyaAnchorButton.svelte.d.ts

@@ -1,4 +1,19 @@
-import type { PinyaAnchorButtonProps } from "./PinyaAnchorButtonProps";
-declare const PinyaAnchorButton: import("svelte").Component<PinyaAnchorButtonProps, {}, "">;
-type PinyaAnchorButton = ReturnType<typeof PinyaAnchorButton>;
-export default PinyaAnchorButton;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+type PinyaAnchorButtonProps_ = typeof __propDef.props;
+export { PinyaAnchorButtonProps_ as PinyaAnchorButtonProps };
+export type PinyaAnchorButtonEvents = typeof __propDef.events;
+export type PinyaAnchorButtonSlots = typeof __propDef.slots;
+/**
+ * PinyaAnchorButton
+ * todo: consider current-surface scss and tailwind cleanup
+ */
+export default class PinyaAnchorButton extends SvelteComponentTyped<PinyaAnchorButtonProps_, PinyaAnchorButtonEvents, PinyaAnchorButtonSlots> {
+}
+//# sourceMappingURL=PinyaAnchorButton.svelte.d.ts.map

package/dist/ui/elements/PinyaAnchorButton/PinyaAnchorButton.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PinyaAnchorButton.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/PinyaAnchorButton/PinyaAnchorButton.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAiCD,QAAA,MAAM,SAAS;;;;;;CAA0C,CAAC;AAC1D,KAAK,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACtD,OAAO,EAAE,uBAAuB,IAAI,sBAAsB,EAAE,CAAC;AAC7D,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC9D,MAAM,MAAM,sBAAsB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE5D;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,oBAAoB,CAAC,uBAAuB,EAAE,uBAAuB,EAAE,sBAAsB,CAAC;CAC5I"}

package/dist/ui/elements/PinyaAnchorButton/PinyaAnchorButtonProps.d.ts

@@ -2,3 +2,4 @@ import type { HTMLAnchorAttributes } from "svelte/elements";
 import type { PinyaButtonCommonProps } from "../PinyaButtonCommon/PinyaButtonCommonProps";
 import type { WrapperProps } from "../index";
 export type PinyaAnchorButtonProps = WrapperProps & HTMLAnchorAttributes & PinyaButtonCommonProps;
+//# sourceMappingURL=PinyaAnchorButtonProps.d.ts.map

package/dist/ui/elements/PinyaAnchorButton/PinyaAnchorButtonProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PinyaAnchorButtonProps.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/PinyaAnchorButton/PinyaAnchorButtonProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6CAA6C,CAAC;AAC1F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAC9C,oBAAoB,GACpB,sBAAsB,CAAC"}

package/dist/ui/elements/PinyaAnchorButton/index.d.ts

@@ -1,2 +1,3 @@
 export { default as PinyaAnchorButton } from "./PinyaAnchorButton.svelte";
 export * from "./PinyaAnchorButtonProps";
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/elements/PinyaAnchorButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/PinyaAnchorButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,cAAc,0BAA0B,CAAC"}

package/dist/ui/elements/PinyaButton/PinyaButton.svelte

@@ -19,7 +19,7 @@
 
 <button
 	{...props}
-	class={tailwindClass}
+	class={`${props.class ?? ''} ${tailwindClass}`}
 >
 	{@render children()}
-</button>
+</button>

package/dist/ui/elements/PinyaButton/PinyaButton.svelte.d.ts

@@ -1,4 +1,15 @@
-import { type PinyaButtonProps } from "./PinyaButtonProps";
-declare const PinyaButton: import("svelte").Component<PinyaButtonProps, {}, "">;
-type PinyaButton = ReturnType<typeof PinyaButton>;
-export default PinyaButton;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+type PinyaButtonProps_ = typeof __propDef.props;
+export { PinyaButtonProps_ as PinyaButtonProps };
+export type PinyaButtonEvents = typeof __propDef.events;
+export type PinyaButtonSlots = typeof __propDef.slots;
+export default class PinyaButton extends SvelteComponentTyped<PinyaButtonProps_, PinyaButtonEvents, PinyaButtonSlots> {
+}
+//# sourceMappingURL=PinyaButton.svelte.d.ts.map

package/dist/ui/elements/PinyaButton/PinyaButton.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PinyaButton.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/PinyaButton/PinyaButton.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA+BD,QAAA,MAAM,SAAS;;;;;;CAA0C,CAAC;AAC1D,KAAK,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChD,OAAO,EAAE,iBAAiB,IAAI,gBAAgB,EAAE,CAAC;AACjD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEtD,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACpH"}

package/dist/ui/elements/PinyaButton/PinyaButtonProps.d.ts

@@ -2,3 +2,4 @@ import type { HTMLButtonAttributes } from "svelte/elements";
 import type { PinyaButtonCommonProps } from "../PinyaButtonCommon/PinyaButtonCommonProps";
 import type { WrapperProps } from "../index";
 export type PinyaButtonProps = WrapperProps & HTMLButtonAttributes & PinyaButtonCommonProps;
+//# sourceMappingURL=PinyaButtonProps.d.ts.map

package/dist/ui/elements/PinyaButton/PinyaButtonProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PinyaButtonProps.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/PinyaButton/PinyaButtonProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6CAA6C,CAAC;AAC1F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,MAAM,gBAAgB,GAAG,YAAY,GACxC,oBAAoB,GACpB,sBAAsB,CAAC"}

package/dist/ui/elements/PinyaButton/index.d.ts

@@ -1,2 +1,3 @@
 export { default as PinyaButton } from './PinyaButton.svelte';
 export * from './PinyaButtonProps';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/elements/PinyaButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/PinyaButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,cAAc,oBAAoB,CAAC"}

package/dist/ui/elements/PinyaButtonCommon/ButtonVariant.d.ts

@@ -1,5 +1,6 @@
 export declare enum ButtonVariant {
-    Default = 0,
-    Image = 1,
-    SmallIcon = 2
+    Default = "default",
+    Image = "image-button",
+    SmallIcon = "small-icon-button"
 }
+//# sourceMappingURL=ButtonVariant.d.ts.map

package/dist/ui/elements/PinyaButtonCommon/ButtonVariant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonVariant.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/PinyaButtonCommon/ButtonVariant.ts"],"names":[],"mappings":"AAAA,oBAAY,aAAa;IACxB,OAAO,YAAY;IACnB,KAAK,iBAAiB;IACtB,SAAS,sBAAuB;CAChC"}

package/dist/ui/elements/PinyaButtonCommon/ButtonVariant.js

@@ -1,6 +1,6 @@
 export var ButtonVariant;
 (function (ButtonVariant) {
-    ButtonVariant[ButtonVariant["Default"] = 0] = "Default";
-    ButtonVariant[ButtonVariant["Image"] = 1] = "Image";
-    ButtonVariant[ButtonVariant["SmallIcon"] = 2] = "SmallIcon";
+    ButtonVariant["Default"] = "default";
+    ButtonVariant["Image"] = "image-button";
+    ButtonVariant["SmallIcon"] = "small-icon-button";
 })(ButtonVariant || (ButtonVariant = {}));

package/dist/ui/elements/PinyaButtonCommon/PinyaButtonCommonProps.d.ts

@@ -1,8 +1,12 @@
 import { type GeneralUIProps } from "../GeneralUIProps";
 import { ButtonVariant } from "./ButtonVariant";
 export type PinyaButtonCommonProps = GeneralUIProps & {
+    /** @deprecated */
     paddingClass?: string;
     buttonVariant?: ButtonVariant;
+    /** @deprecated */
     colorClass?: string;
+    /** @deprecated */
     classes?: string;
 };
+//# sourceMappingURL=PinyaButtonCommonProps.d.ts.map

package/dist/ui/elements/PinyaButtonCommon/PinyaButtonCommonProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PinyaButtonCommonProps.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/PinyaButtonCommon/PinyaButtonCommonProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,kDAAkD,CAAC;AAEjF,MAAM,MAAM,sBAAsB,GAC/B,cAAc,GACd;IACF,kBAAkB;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB,CAAA"}

package/dist/ui/elements/PinyaButtonCommon/createButtonClass.d.ts

@@ -1,2 +1,3 @@
 import type { PinyaButtonCommonProps } from "./PinyaButtonCommonProps";
 export declare const createButtonClass: (props: PinyaButtonCommonProps) => string;
+//# sourceMappingURL=createButtonClass.d.ts.map

package/dist/ui/elements/PinyaButtonCommon/createButtonClass.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createButtonClass.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/PinyaButtonCommon/createButtonClass.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAGvE,eAAO,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,WAkB9D,CAAC"}

package/dist/ui/elements/PinyaButtonCommon/createButtonClass.js

@@ -4,28 +4,10 @@ export const createButtonClass = (props) => {
     let { colorScheme, paddingClass, buttonVariant, colorClass, classes } = props;
     colorScheme ??= ColorScheme.Primary;
     buttonVariant ??= ButtonVariant.Default;
-    paddingClass ??= buttonVariant === ButtonVariant.Image
-        ? "pl-3 pr-3 pt-2 pb-2"
-        : "pl-3 pr-3";
     colorClass ??= "";
     classes ??= "";
-    const chooseTailwindClass = () => {
-        switch (colorScheme) {
-            case ColorScheme.Custom:
-                return colorClass;
-            case ColorScheme.Warning:
-                return "bg-warning-700 dark:bg-warning-400 text-secondary-0 dark:text-secondary-950 hover:brightness-110";
-            case ColorScheme.Surface:
-                return "bg-surface-700 dark:bg-surface-600 text-surface-50-950 hover:brightness-110";
-            default:
-                console.error(`Unimplemented color scheme: ${colorScheme.toString()}`);
-            // eslint-disable-next-line no-fallthrough
-            case ColorScheme.Primary:
-                return "bg-primary-400-600 text-secondary-950 dark:text-secondary-0 hover:brightness-110";
-        }
-    };
-    const tailwindClass = chooseTailwindClass();
-    return `btn rounded-2xl text-xl font-bold 
-	${buttonVariant === ButtonVariant.SmallIcon ? 'small-icon-button' : ''}
-	${tailwindClass} ${paddingClass} ${classes}`;
+    return `btn rounded-2xl text-xl font-bold 
+	${buttonVariant === ButtonVariant.SmallIcon ? 'small-icon-button' : ''}
+	${colorScheme.toString()}
+	${paddingClass} ${classes}`;
 };

package/dist/ui/elements/PinyaButtonCommon/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./ButtonVariant";
 export * from "./createButtonClass";
 export * from "./PinyaButtonCommonProps";
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/elements/PinyaButtonCommon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/PinyaButtonCommon/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC"}

package/dist/ui/elements/PinyaCard/PinyaCard.svelte

@@ -1,30 +1,72 @@
-<script lang="ts">/**
- * When with texts, wrap the text content inside a div so flex wont apply
- */
-import type { PinyaCardProps } from "./PinyaCardProps";
-
-let {
-	paddingClass = "pt-[1lh] pb-[1lh] pl-16 pr-16",
-	flexClass = "flex flex-col",
-	widthClass = "w-full max-w-md",
-	borderClass = "border-[2px] border-primary-500 dark:border-0",
-	colorClass = "bg-surface-200 dark:bg-surface-900",
-	marginClass = "",
-	className,
-	includeDataNoSnippet = false,
-	children
-}: PinyaCardProps = $props();
-
-let cardClass = $derived(`card text-start rounded-xl
-	${paddingClass} ${flexClass} ${className} ${widthClass} ${borderClass} ${marginClass} ${colorClass}`);
+<!-- @component
+# Note:
+When with texts, wrap the text content inside a div so flex wont apply
+-->
+
+<script lang="ts">
+	import type { PinyaCardProps } from "./PinyaCardProps";
+
+	let _props: PinyaCardProps = $props();
+
+	let cardClass = $derived(`
+	${_props.paddingClass ?? "default-padding"} ${_props.flexClass ?? "default-flex"} ${_props.className ?? ""}
+	${_props.widthClass ?? "default-width"} ${_props.borderClass ?? "default-border"} ${_props.marginClass ?? "default-margin"}
+	${_props.colorClass ?? "default-color"}
+	${_props.class ?? ""}
+	`);
 </script>
 
-{#if includeDataNoSnippet}
-	<div data-nosnippet class={cardClass}>
-		{@render children?.()}
+{#if _props.includeDataNoSnippet}
+	<div
+		id={_props.id}
+		data-nosnippet
+		class={`card text-start rounded-xl pinya-card ${cardClass}`}
+	>
+		{@render _props?.children?.()}
 	</div>
 {:else }
-	<div class={cardClass}>
-		{@render children?.()}
+	<div
+		id={_props.id}
+		class={`card text-start rounded-xl pinya-card ${cardClass}`}
+	>
+		{@render _props?.children?.()}
 	</div>
 {/if}
+
+<style>.apply-current-surface {
+  background-color: var(--current-surface-color);
+}
+
+.default-color {
+  --current-surface-color: var(--pinya-card-bg-color);
+  background-color: var(--pinya-card-bg-color);
+}
+
+:global html {
+  --pinya-card-bg-color: var(--color-surface-200);
+  --pinya-card-border-color: var(--color-primary-500);
+}
+:global html.dark {
+  --pinya-card-bg-color: var(--color-surface-900);
+  --pinya-card-border-color: transparent;
+}
+
+/*might need to switch*/
+.default-padding {
+  padding: 1lh calc(var(--spacing) * 8);
+}
+
+.default-flex {
+  display: flex;
+  flex-direction: column;
+}
+
+.default-width {
+  width: 100%;
+  max-width: var(--container-md);
+}
+
+.default-border {
+  border-width: 2px;
+  border-color: var(--pinya-card-border-color);
+}</style>

package/dist/ui/elements/PinyaCard/PinyaCard.svelte.d.ts

@@ -1,7 +1,19 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+type PinyaCardProps_ = typeof __propDef.props;
+export { PinyaCardProps_ as PinyaCardProps };
+export type PinyaCardEvents = typeof __propDef.events;
+export type PinyaCardSlots = typeof __propDef.slots;
 /**
+ * # Note:
  * When with texts, wrap the text content inside a div so flex wont apply
  */
-import type { PinyaCardProps } from "./PinyaCardProps";
-declare const PinyaCard: import("svelte").Component<PinyaCardProps, {}, "">;
-type PinyaCard = ReturnType<typeof PinyaCard>;
-export default PinyaCard;
+export default class PinyaCard extends SvelteComponentTyped<PinyaCardProps_, PinyaCardEvents, PinyaCardSlots> {
+}
+//# sourceMappingURL=PinyaCard.svelte.d.ts.map

package/dist/ui/elements/PinyaCard/PinyaCard.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PinyaCard.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/PinyaCard/PinyaCard.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgCD,QAAA,MAAM,SAAS;;;;;;CAA0C,CAAC;AAC1D,KAAK,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC9C,OAAO,EAAE,eAAe,IAAI,cAAc,EAAE,CAAC;AAC7C,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACtD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEpD;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,eAAe,EAAE,eAAe,EAAE,cAAc,CAAC;CAC5G"}

package/dist/ui/elements/PinyaCard/PinyaCardProps.d.ts

@@ -1,11 +1,20 @@
-import type { WrapperProps } from '..';
-export interface PinyaCardProps extends WrapperProps {
+import type { WrapperProps } from "..";
+import type { HTMLAttributes } from "svelte/elements";
+export type PinyaCardProps = HTMLAttributes<HTMLDivElement> & WrapperProps & {
+    /** @deprecated */
     paddingClass?: string;
+    /** @deprecated */
     className?: string;
+    /** @deprecated */
     flexClass?: string;
+    /** @deprecated */
     widthClass?: string;
+    /** @deprecated */
     borderClass?: string;
+    /** @deprecated */
     marginClass?: string;
+    /** @deprecated */
     colorClass?: string;
     includeDataNoSnippet?: boolean;
-}
+};
+//# sourceMappingURL=PinyaCardProps.d.ts.map

package/dist/ui/elements/PinyaCard/PinyaCardProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PinyaCardProps.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/PinyaCard/PinyaCardProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,YAAY,GAAG;IAC5E,kBAAkB;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAA"}

package/dist/ui/elements/PinyaCard/index.d.ts

@@ -1,2 +1,3 @@
 export { default as PinyaCard } from "./PinyaCard.svelte";
 export * from "./PinyaCardProps";
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/elements/PinyaCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/PinyaCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,cAAc,kBAAkB,CAAC"}

package/dist/ui/elements/Placeholder.svelte

@@ -1,3 +1,7 @@
+<!-- @component Placeholder
+ todo: consider current-surface scss
+ -->
+
 <script lang="ts">
 	let {
 		isCircle = false,

package/dist/ui/elements/Placeholder.svelte.d.ts

@@ -1,7 +1,19 @@
-type $$ComponentProps = {
-    isCircle?: boolean;
-    classes?: string;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
 };
-declare const Placeholder: import("svelte").Component<$$ComponentProps, {}, "">;
-type Placeholder = ReturnType<typeof Placeholder>;
-export default Placeholder;
+export type PlaceholderProps = typeof __propDef.props;
+export type PlaceholderEvents = typeof __propDef.events;
+export type PlaceholderSlots = typeof __propDef.slots;
+/**
+ * Placeholder
+ * todo: consider current-surface scss
+ */
+export default class Placeholder extends SvelteComponentTyped<PlaceholderProps, PlaceholderEvents, PlaceholderSlots> {
+}
+export {};
+//# sourceMappingURL=Placeholder.svelte.d.ts.map

package/dist/ui/elements/Placeholder.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Placeholder.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/elements/Placeholder.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAsBD,QAAA,MAAM,SAAS;;;;;;CAA0C,CAAC;AAC1D,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEtD;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}