@studio-helga/once-ui-core 1.7.8

package/dist/components/SharedInteractiveStyles.module.scss

@@ -0,0 +1,91 @@
+.container {
+    cursor: var(--cursor-interactive);
+    isolation: isolate;
+
+    &:hover, &:focus {
+        .element.checked .element::before {
+            display: none;
+        }
+    }
+}
+
+.element {
+    box-shadow: inset 0 0 0 var(--solid-inset-color-brand);
+    border-color: var(--solid-border-color-neutral);
+    border-style: solid;
+    border-width: 1px;
+    width: var(--static-space-20);
+    height: var(--static-space-20);
+    min-width: var(--static-space-20);
+    min-height: var(--static-space-20);
+    transition: var(--transition-micro-medium);
+    background-color: var(--surface-background);
+    outline: none;
+
+    &.checked {
+        box-shadow: inset 0 var(--solid-inset-distance) var(--solid-inset-size) var(--solid-inset-color-brand);
+        background-color: var(--brand-solid-medium);
+        border-color: var(--solid-border-color-brand);
+    }
+}
+
+.disabled {
+    .element {
+        opacity: 0.6;
+    }
+
+    .element::before {
+        display: none;
+    }
+}
+
+.container:hover .element::before,
+.element:focus-visible::before {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: var(--static-space-40);
+    height: var(--static-space-40);
+    background-color: var(--brand-alpha-medium);
+    border-radius: var(--radius-full);
+    z-index: -1;
+    animation: scaleInCenter 0.2s forwards;
+}
+
+@keyframes scaleInCenter {
+    from {
+        transform: translate(-50%, -50%) scale(0);
+    }
+    to {
+        transform: translate(-50%, -50%) scale(1);
+    }
+}
+
+.icon {
+    animation: scaleIn 0.2s forwards;
+    animation-delay: 0.1s;
+    transform: scale(0);
+}
+
+@keyframes scaleIn {
+    from {
+        transform: scale(0);
+    }
+    to {
+        transform: scale(1);
+    }
+}
+
+.hidden {
+    position: absolute;
+    opacity: 0;
+    pointer-events: none;
+}
+
+.indeterminate {
+    background: var(--brand-on-solid-strong);
+    width: var(--static-space-12);
+    height: var(--static-space-2);
+}

package/dist/components/ShineFx.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { Text } from ".";
+export interface ShineFxProps extends React.ComponentProps<typeof Text> {
+    speed?: number;
+    disabled?: boolean;
+    inverse?: boolean;
+    baseOpacity?: number;
+    reducedMotion?: boolean | "auto";
+    children?: React.ReactNode;
+}
+declare const ShineFx: React.FC<ShineFxProps>;
+export { ShineFx };
+//# sourceMappingURL=ShineFx.d.ts.map

package/dist/components/ShineFx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShineFx.d.ts","sourceRoot":"","sources":["../../src/components/ShineFx.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAKzB,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA4BnC,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/ShineFx.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from ".";
+import styles from "./ShineFx.module.scss";
+import classNames from "classnames";
+import { useReducedMotion } from "../hooks/useReducedMotion";
+const ShineFx = ({ speed = 1, disabled = false, inverse = false, baseOpacity = 0.3, reducedMotion = "auto", children, className, style, ...text }) => {
+    const { shouldAnimate } = useReducedMotion(reducedMotion);
+    const isDisabled = disabled || !shouldAnimate;
+    const animationDuration = `${speed}s`;
+    return (_jsx(Text, { ...text, className: classNames(styles.shineFx, isDisabled ? styles.disabled : "", inverse ? styles.inverse : styles.default, className), style: {
+            ...style,
+            animationDuration,
+            ["--shine-base-opacity"]: baseOpacity,
+        }, children: children }));
+};
+ShineFx.displayName = "ShineFx";
+export { ShineFx };
+//# sourceMappingURL=ShineFx.js.map

package/dist/components/ShineFx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShineFx.js","sourceRoot":"","sources":["../../src/components/ShineFx.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AACzB,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAW7D,MAAM,OAAO,GAA2B,CAAC,EACvC,KAAK,GAAG,CAAC,EACT,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,WAAW,GAAG,GAAG,EACjB,aAAa,GAAG,MAAM,EACtB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,EAAE,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC;IAC1D,MAAM,UAAU,GAAG,QAAQ,IAAI,CAAC,aAAa,CAAC;IAC9C,MAAM,iBAAiB,GAAG,GAAG,KAAK,GAAG,CAAC;IAEtC,OAAO,CACL,KAAC,IAAI,OACC,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,EAC9H,KAAK,EAAE;YACL,GAAG,KAAK;YACR,iBAAiB;YACjB,CAAC,sBAAgC,CAAC,EAAE,WAAW;SAChD,YAEA,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEhC,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/ShineFx.module.scss

@@ -0,0 +1,50 @@
+.shineFx {
+  --shine-base-opacity: 0.3;
+  
+  display: inline-block;
+  -webkit-text-fill-color: transparent;
+  background: linear-gradient(
+    120deg,
+    color-mix(in srgb, currentColor, transparent calc((1 - var(--shine-base-opacity)) * 100%)) 40%,
+    currentColor 50%,
+    color-mix(in srgb, currentColor, transparent calc((1 - var(--shine-base-opacity)) * 100%)) 60%
+  );
+  background-size: 200% 100%;
+  -webkit-background-clip: text;
+  background-clip: text;
+  animation: shine 5s linear infinite;
+}
+
+.inverse {
+  --shine-base-opacity: 0.3;
+  
+  display: inline-block;
+  -webkit-text-fill-color: transparent;
+  background: linear-gradient(
+    120deg,
+    currentColor 40%,
+    color-mix(in srgb, currentColor, transparent calc((1 - var(--shine-base-opacity)) * 100%)) 50%,
+    currentColor 60%
+  );
+  background-size: 200% 100%;
+  -webkit-background-clip: text;
+  background-clip: text;
+  animation: shine 5s linear infinite;
+}
+
+@keyframes shine {
+  0% {
+    background-position: 100%;
+  }
+  100% {
+    background-position: -100%;
+  }
+}
+
+.shineFx.disabled {
+  animation: none;
+  -webkit-text-fill-color: inherit;
+  background: none;
+  -webkit-background-clip: unset;
+  background-clip: unset;
+}

package/dist/components/Skeleton.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { Flex } from ".";
+interface SkeletonProps extends React.ComponentProps<typeof Flex> {
+    shape: "line" | "circle" | "block";
+    width?: "xl" | "l" | "m" | "s" | "xs";
+    height?: "xl" | "l" | "m" | "s" | "xs";
+    delay?: "1" | "2" | "3" | "4" | "5" | "6";
+    style?: React.CSSProperties;
+    className?: string;
+}
+declare const Skeleton: React.FC<SkeletonProps>;
+export { Skeleton };
+//# sourceMappingURL=Skeleton.d.ts.map

package/dist/components/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../src/components/Skeleton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC/D,KAAK,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACnC,KAAK,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAC1C,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoBrC,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/Skeleton.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import classNames from "classnames";
+import styles from "./Skeleton.module.scss";
+import { Flex } from ".";
+const Skeleton = forwardRef(({ shape = "line", width = "m", height = "m", delay, style, className, ...props }, ref) => {
+    return (_jsx(Flex, { ...props, ref: ref, style: style, radius: shape === "line" || shape === "circle" ? "full" : undefined, inline: true, className: classNames(styles.skeleton, styles[shape], width && styles["w-" + width], height && styles["h-" + height], delay && styles["delay-" + delay], className) }));
+});
+Skeleton.displayName = "Skeleton";
+export { Skeleton };
+//# sourceMappingURL=Skeleton.js.map

package/dist/components/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../src/components/Skeleton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAWzB,MAAM,QAAQ,GAA4B,UAAU,CAClD,CAAC,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,GAAG,GAAG,EAAE,MAAM,GAAG,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACxF,OAAO,CACL,KAAC,IAAI,OACC,KAAK,EACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACnE,MAAM,QACN,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,QAAQ,EACf,MAAM,CAAC,KAAK,CAAC,EACb,KAAK,IAAI,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,EAC7B,MAAM,IAAI,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,EAC/B,KAAK,IAAI,MAAM,CAAC,QAAQ,GAAG,KAAK,CAAC,EACjC,SAAS,CACV,GACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/Skeleton.module.scss

@@ -0,0 +1,120 @@
+@keyframes skeleton-loading {
+    0% {
+        background-color: var(--neutral-background-strong);
+    }
+    50% {
+        background-color: var(--neutral-background-medium);
+    }
+    100% {
+        background-color: var(--neutral-background-strong);
+    }
+}
+
+.delay-1 {
+    animation-delay: 0.1s;
+}
+
+.delay-2 {
+    animation-delay: 0.2s;
+}
+
+.delay-3 {
+    animation-delay: 0.3s;
+}
+
+.delay-4 {
+    animation-delay: 0.4s;
+}
+
+.delay-5 {
+    animation-delay: 0.5s;
+}
+
+.delay-6 {
+    animation-delay: 0.6s;
+}
+
+.skeleton {
+    animation-name: skeleton-loading;
+    animation-duration: 1.5s;
+    animation-iteration-count: infinite;
+
+    &.block {
+        width: 100%;
+        height: 100%;
+    }
+
+    &.line {
+        &.h-xs {
+            height: var(--static-space-8);
+            min-height: var(--static-space-8);
+        }
+        &.h-s {
+            height: var(--static-space-12);
+            min-height: var(--static-space-12);
+        }
+        &.h-m {
+            height: var(--static-space-16);
+            min-height: var(--static-space-16);
+        }
+        &.h-l {
+            height: var(--static-space-20);
+            min-height: var(--static-space-20);
+        }
+        &.h-xl {
+            height: var(--static-space-24);
+            min-height: var(--static-space-24);
+        }
+
+        &.w-xs {
+            width: 25%;
+        }
+        &.w-s {
+            width: 33%;
+        }
+        &.w-m {
+            width: 50%;
+        }
+        &.w-l {
+            width: 75%;
+        }
+        &.w-xl {
+            width: 100%;
+        }
+    }
+
+    &.circle {
+        border-radius: var(--radius-full);
+
+        &.w-xs {
+            width: var(--static-space-20);
+            min-width: var(--static-space-20);
+            height: var(--static-space-20);
+            min-height: var(--static-space-20);
+        }
+        &.w-s {
+            width: var(--static-space-24);
+            min-width: var(--static-space-24);
+            height: var(--static-space-24);
+            min-height: var(--static-space-24);
+        }
+        &.w-m {
+            width: var(--static-space-32);
+            min-width: var(--static-space-32);
+            height: var(--static-space-32);
+            min-height: var(--static-space-32);
+        }
+        &.w-l {
+            width: var(--static-space-40);
+            min-width: var(--static-space-40);
+            height: var(--static-space-40);
+            min-height: var(--static-space-40);
+        }
+        &.w-xl {
+            width: var(--static-space-160);
+            min-width: var(--static-space-160);
+            height: var(--static-space-160);
+            min-height: var(--static-space-160);
+        }
+    }
+}

package/dist/components/Slider.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+interface SliderProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onChange"> {
+    value: number;
+    onChange: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    label?: string;
+    showValue?: boolean;
+    disabled?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLInputElement>>;
+export { Slider };
+export type { SliderProps };
+//# sourceMappingURL=Slider.d.ts.map

package/dist/components/Slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../src/components/Slider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAKvE,UAAU,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAClG,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,MAAM,sFA2FX,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/Slider.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useRef, useState, useEffect } from "react";
+import classNames from "classnames";
+import { Column, Row, Text } from ".";
+import styles from "./Slider.module.scss";
+const Slider = forwardRef(({ value, onChange, min = 0, max = 100, step = 1, label, showValue = false, disabled = false, className, style, ...props }, ref) => {
+    const sliderRef = useRef(null);
+    const [isDragging, setIsDragging] = useState(false);
+    const percentage = ((value - min) / (max - min)) * 100;
+    const handleChange = (e) => {
+        const newValue = parseFloat(e.target.value);
+        onChange(newValue);
+    };
+    useEffect(() => {
+        if (isDragging) {
+            const handleMouseUp = () => setIsDragging(false);
+            window.addEventListener("mouseup", handleMouseUp);
+            return () => window.removeEventListener("mouseup", handleMouseUp);
+        }
+    }, [isDragging]);
+    return (_jsxs(Column, { fillWidth: true, gap: "8", className: classNames(styles.container, className), style: style, children: [(label || showValue) && (_jsxs(Row, { fillWidth: true, horizontal: "between", vertical: "center", children: [label && (_jsx(Text, { variant: "label-default-s", onBackground: "neutral-weak", children: label })), showValue && (_jsx(Text, { variant: "label-default-s", onBackground: "neutral-medium", children: value }))] })), _jsxs(Row, { fillWidth: true, height: "40", className: classNames(styles.sliderWrapper, {
+                    [styles.disabled]: disabled,
+                    [styles.dragging]: isDragging,
+                }), children: [_jsx("div", { className: styles.track, children: _jsx("div", { className: styles.fill, style: { width: `${percentage}%` } }) }), _jsx("input", { ref: ref || sliderRef, type: "range", min: min, max: max, step: step, value: value, onChange: handleChange, onMouseDown: () => setIsDragging(true), disabled: disabled, className: styles.input, ...props }), _jsx("div", { className: styles.thumb, style: { left: `${percentage}%` } })] })] }));
+});
+Slider.displayName = "Slider";
+export { Slider };
+//# sourceMappingURL=Slider.js.map

package/dist/components/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../src/components/Slider.tsx"],"names":[],"mappings":"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"}

package/dist/components/Slider.module.scss

@@ -0,0 +1,75 @@
+.container {
+  user-select: none;
+  isolation: isolate;
+}
+
+.sliderWrapper {
+  cursor: var(--cursor-grab);
+
+  &.disabled {
+    opacity: 0.4;
+    cursor: not-allowed;
+  }
+}
+
+.track {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  left: 0;
+  right: 0;
+  height: var(--static-space-4);
+  background-color: var(--neutral-alpha-medium);
+  border-radius: var(--radius-full);
+  overflow: hidden;
+}
+
+.fill {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  background-color: var(--brand-solid-medium);
+  pointer-events: none;
+}
+
+.input {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  cursor: inherit;
+  z-index: 2;
+  margin: 0;
+
+  &:disabled {
+    cursor: not-allowed;
+  }
+}
+
+.thumb {
+  position: absolute;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: var(--static-space-16);
+  height: var(--static-space-16);
+  background-color: var(--brand-on-solid-strong);
+  border: var(--static-space-2) solid var(--brand-solid-medium);
+  border-radius: var(--radius-full);
+  pointer-events: none;
+  transition: transform 0.1s ease-out;
+  box-shadow: var(--shadow-s);
+}
+
+.sliderWrapper:hover .thumb,
+.dragging .thumb {
+  transform: translate(-50%, -50%) scale(1.2);
+  cursor: var(--cursor-grabbing);
+}
+
+.input:focus-visible ~ .thumb {
+  outline: var(--static-space-2) solid var(--brand-alpha-medium);
+  outline-offset: var(--static-space-2);
+}

package/dist/components/SmartLink.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode } from "react";
+import { IconName } from "../icons";
+interface CommonProps {
+    prefixIcon?: IconName;
+    suffixIcon?: IconName;
+    fillWidth?: boolean;
+    iconSize?: "xs" | "s" | "m" | "l" | "xl";
+    selected?: boolean;
+    unstyled?: boolean;
+    children: ReactNode;
+    href?: string;
+    style?: React.CSSProperties;
+    className?: string;
+}
+export type SmartLinkProps = CommonProps & React.AnchorHTMLAttributes<HTMLAnchorElement>;
+declare const SmartLink: React.ForwardRefExoticComponent<CommonProps & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
+export { SmartLink };
+//# sourceMappingURL=SmartLink.d.ts.map

package/dist/components/SmartLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmartLink.d.ts","sourceRoot":"","sources":["../../src/components/SmartLink.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,UAAU,WAAW;IACnB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAEzF,QAAA,MAAM,SAAS,uIA4Dd,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/SmartLink.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import classNames from "classnames";
+import { Icon, ElementType } from ".";
+const SmartLink = forwardRef(({ href, prefixIcon, suffixIcon, fillWidth = false, iconSize = "xs", style, className, selected, unstyled = false, children, ...props }, ref) => {
+    const content = (_jsxs(_Fragment, { children: [prefixIcon && _jsx(Icon, { name: prefixIcon, size: iconSize }), children, suffixIcon && _jsx(Icon, { name: suffixIcon, size: iconSize })] }));
+    const commonProps = {
+        ref,
+        className: classNames(className, "reset-button-styles focus-ring align-center display-inline-flex g-8 radius-s", {
+            "fill-width": fillWidth,
+            "fit-width": !fillWidth,
+            "min-width-0": fillWidth,
+            "px-2 mx-2": !unstyled,
+        }),
+        style: !unstyled
+            ? {
+                ...(selected && {
+                    textDecoration: "underline",
+                    textUnderlineOffset: "0.3em",
+                    textUnderlineThickness: "var(--static-space-1)",
+                    color: "var(--neutral-on-background-strong)",
+                }),
+                ...style,
+            }
+            : {
+                textDecoration: "none",
+                ...style,
+            },
+        ...props,
+    };
+    return (_jsx(ElementType, { href: href, ...commonProps, children: content }));
+});
+SmartLink.displayName = "SmartLink";
+export { SmartLink };
+//# sourceMappingURL=SmartLink.js.map

package/dist/components/SmartLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmartLink.js","sourceRoot":"","sources":["../../src/components/SmartLink.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AACrD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAkBtC,MAAM,SAAS,GAAG,UAAU,CAC1B,CACE,EACE,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,IAAI,EACf,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,OAAO,GAAG,CACd,8BACG,UAAU,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,GAAI,EACxD,QAAQ,EACR,UAAU,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,GAAI,IACxD,CACJ,CAAC;IAEF,MAAM,WAAW,GAAG;QAClB,GAAG;QACH,SAAS,EAAE,UAAU,CACnB,SAAS,EACT,8EAA8E,EAC9E;YACE,YAAY,EAAE,SAAS;YACvB,WAAW,EAAE,CAAC,SAAS;YACvB,aAAa,EAAE,SAAS;YACxB,WAAW,EAAE,CAAC,QAAQ;SACvB,CACF;QACD,KAAK,EAAE,CAAC,QAAQ;YACd,CAAC,CAAC;gBACE,GAAG,CAAC,QAAQ,IAAI;oBACd,cAAc,EAAE,WAAW;oBAC3B,mBAAmB,EAAE,OAAO;oBAC5B,sBAAsB,EAAE,uBAAuB;oBAC/C,KAAK,EAAE,qCAAqC;iBAC7C,CAAC;gBACF,GAAG,KAAK;aACT;YACH,CAAC,CAAC;gBACE,cAAc,EAAE,MAAM;gBACtB,GAAG,KAAK;aACT;QACL,GAAG,KAAK;KACT,CAAC;IAEF,OAAO,CACL,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,KAAM,WAAW,YACrC,OAAO,GACI,CACf,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/Spinner.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { Flex } from ".";
+interface SpinnerProps extends React.ComponentProps<typeof Flex> {
+    size?: "xs" | "s" | "m" | "l" | "xl";
+    ariaLabel?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const Spinner: React.ForwardRefExoticComponent<Omit<SpinnerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Spinner };
+//# sourceMappingURL=Spinner.d.ts.map

package/dist/components/Spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../src/components/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAGzB,UAAU,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC9D,IAAI,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,OAAO,kGAyBZ,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/Spinner.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import styles from "./Spinner.module.scss";
+import { Flex } from ".";
+import classNames from "classnames";
+const Spinner = forwardRef(({ size = "m", ariaLabel = "Loading", className, style, ...rest }, ref) => {
+    return (_jsx(Flex, { center: true, style: style, className: className, ...rest, children: _jsx(Flex, { ref: ref, center: true, className: styles[size], role: "status", "aria-label": ariaLabel, children: _jsxs(Flex, { fill: true, children: [_jsx(Flex, { className: classNames(styles.size), borderStyle: "solid", fill: true, radius: "full", border: "neutral-alpha-medium", position: "absolute" }), _jsx(Flex, { className: classNames(styles.spinner, styles.size), borderStyle: "solid", fill: true, radius: "full" })] }) }) }));
+});
+Spinner.displayName = "Spinner";
+export { Spinner };
+//# sourceMappingURL=Spinner.js.map

package/dist/components/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../src/components/Spinner.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AACzB,OAAO,UAAU,MAAM,YAAY,CAAC;AASpC,MAAM,OAAO,GAAG,UAAU,CACxB,CAAC,EAAE,IAAI,GAAG,GAAG,EAAE,SAAS,GAAG,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACxE,OAAO,CACL,KAAC,IAAI,IAAC,MAAM,QAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,KAAM,IAAI,YACvD,KAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,QAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,QAAQ,gBAAa,SAAS,YACjF,MAAC,IAAI,IAAC,IAAI,mBACR,KAAC,IAAI,IACH,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,EAClC,WAAW,EAAC,OAAO,EACnB,IAAI,QACJ,MAAM,EAAC,MAAM,EACb,MAAM,EAAC,sBAAsB,EAC7B,QAAQ,EAAC,UAAU,GACnB,EACF,KAAC,IAAI,IACH,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,EAClD,WAAW,EAAC,OAAO,EACnB,IAAI,QACJ,MAAM,EAAC,MAAM,GACb,IACG,GACF,GACF,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEhC,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/Spinner.module.scss

@@ -0,0 +1,71 @@
+@keyframes spin {
+    0% {
+        transform: rotate(0deg);
+        animation-timing-function: cubic-bezier(0.5, 0.2, 0.7, 0.5);
+        opacity: 0;
+    }
+    80% {
+        opacity: 1;
+    }
+    100% {
+        transform: rotate(360deg);
+        animation-timing-function: cubic-bezier(0.5, 0.2, 0.7, 0.5);
+        opacity: 0;
+    }
+}
+
+.spinner {
+    animation: spin 1.5s infinite;
+    border-color: transparent;
+    border-top-color: currentColor;
+}
+
+.xs {
+    width: var(--static-space-16);
+    height: var(--static-space-16);
+    padding: 2px;
+
+    .size {
+        border-width: 2px;
+    }
+}
+
+.s {
+    width: var(--static-space-20);
+    height: var(--static-space-20);
+    padding: 2px;
+
+    .size {
+        border-width: 2px;
+    }
+}
+
+.m {
+    width: var(--static-space-24);
+    height: var(--static-space-24);
+    padding: 3px;
+
+    .size {
+        border-width: 2px;
+    }
+}
+
+.l {
+    width: var(--static-space-32);
+    height: var(--static-space-32);
+    padding: 4px;
+
+    .size {
+        border-width: 3px;
+    }
+}
+
+.xl {
+    width: var(--static-space-40);
+    height: var(--static-space-40);
+    padding: 8px;
+
+    .size {
+        border-width: 3px;
+    }
+}

package/dist/components/SplitView.d.ts

@@ -0,0 +1,16 @@
+import { Row } from '@studio-helga/once-ui-core';
+import { ReactNode } from 'react';
+interface SplitViewProps extends React.ComponentProps<typeof Row> {
+    leftPanel: ReactNode;
+    rightPanel: ReactNode;
+    defaultSplit?: number;
+    minSplit?: number;
+    maxSplit?: number;
+}
+declare function SplitView({ leftPanel, rightPanel, defaultSplit, minSplit, maxSplit, ...flex }: SplitViewProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SplitView {
+    var displayName: string;
+}
+export { SplitView };
+export type { SplitViewProps };
+//# sourceMappingURL=SplitView.d.ts.map