@edo-w/flatline-solid 0.2.0

package/dist/src/components/progress-bar/progress-bar.css

@@ -0,0 +1,43 @@
+@layer components {
+	.fl-progress-bar {
+		/* layout */
+		position: relative;
+		display: block;
+		width: 100%;
+		height: var(--fl-size-2);
+		overflow: hidden;
+
+		/* background */
+		background: color-mix(in oklab, var(--fl-body-bg-color), black 8%);
+		border-radius: 2px;
+	}
+
+	.fl-progress-bar .fl-progress-bar_indicator {
+		/* layout */
+		display: block;
+		height: 100%;
+
+		/* background */
+		background: var(--fl-primary-color);
+		border-radius: inherit;
+
+		/* effects */
+		transition: width var(--fl-animation-duration) ease;
+	}
+
+	.fl-progress-bar[data-indeterminate] .fl-progress-bar_indicator {
+		/* biome-ignore lint/complexity/noImportantStyles: required to override the inline width used for determinate progress */
+		width: 35% !important;
+		animation: fl-progress-bar-indeterminate 1.2s ease-in-out infinite;
+	}
+
+	@keyframes fl-progress-bar-indeterminate {
+		from {
+			transform: translateX(-100%);
+		}
+
+		to {
+			transform: translateX(300%);
+		}
+	}
+}

package/dist/src/components/progress-bar/progress-bar.d.ts

@@ -0,0 +1,9 @@
+import { type JSX } from 'solid-js';
+import './progress-bar.css';
+export type ProgressBarBaseProps = JSX.HTMLAttributes<HTMLDivElement>;
+export interface ProgressBarProps extends ProgressBarBaseProps {
+    value?: number;
+    max?: number;
+    indeterminate?: boolean;
+}
+export declare function ProgressBar(props: ProgressBarProps): JSX.Element;

package/dist/src/components/progress-bar/progress-bar.jsx

@@ -0,0 +1,24 @@
+import clsx from 'clsx/lite';
+import { mergeProps, splitProps } from 'solid-js';
+import { progressBarClass } from './class';
+import './progress-bar.css';
+export function ProgressBar(props) {
+    const merged = mergeProps({
+        max: 100,
+        value: 0,
+        indeterminate: false,
+    }, props);
+    const [local, rest] = splitProps(merged, ['class', 'value', 'max', 'indeterminate']);
+    const clampedValue = () => Math.max(0, Math.min(local.value, local.max));
+    const percent = () => {
+        if (local.max <= 0) {
+            return 0;
+        }
+        return (clampedValue() / local.max) * 100;
+    };
+    const rootClass = () => clsx(progressBarClass.root, local.class);
+    return (<div class={rootClass()} role="progressbar" aria-valuemin={0} aria-valuemax={local.max} aria-valuenow={local.indeterminate ? undefined : clampedValue()} data-indeterminate={local.indeterminate ? '' : undefined} {...rest}>
+			<span class={progressBarClass.indicator} style={local.indeterminate ? undefined : { width: `${percent()}%` }}/>
+		</div>);
+}
+//# sourceMappingURL=progress-bar.jsx.map

package/dist/src/components/progress-bar/progress-bar.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.jsx","sourceRoot":"","sources":["../../../../src/components/progress-bar/progress-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAY,UAAU,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,oBAAoB,CAAC;AAU5B,MAAM,UAAU,WAAW,CAAC,KAAuB;IAClD,MAAM,MAAM,GAAG,UAAU,CACxB;QACC,GAAG,EAAE,GAAG;QACR,KAAK,EAAE,CAAC;QACR,aAAa,EAAE,KAAK;KACX,EACV,KAAK,CACL,CAAC;IACF,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC;IAErF,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;IACzE,MAAM,OAAO,GAAG,GAAG,EAAE;QACpB,IAAI,KAAK,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC;YACpB,OAAO,CAAC,CAAC;QACV,CAAC;QAED,OAAO,CAAC,YAAY,EAAE,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;IAC3C,CAAC,CAAC;IACF,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAEjE,OAAO,CACN,CAAC,GAAG,CACH,KAAK,CAAC,CAAC,SAAS,EAAE,CAAC,CACnB,IAAI,CAAC,aAAa,CAClB,aAAa,CAAC,CAAC,CAAC,CAAC,CACjB,aAAa,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CACzB,aAAa,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC,CAChE,kBAAkB,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CACzD,IAAI,IAAI,CAAC,CAET;GAAA,CAAC,IAAI,CACJ,KAAK,CAAC,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAClC,KAAK,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,OAAO,EAAE,GAAG,EAAE,CAAC,EAEtE;EAAA,EAAE,GAAG,CAAC,CACN,CAAC;AACH,CAAC","sourcesContent":["import clsx from 'clsx/lite';\nimport { type JSX, mergeProps, splitProps } from 'solid-js';\nimport { progressBarClass } from './class';\nimport './progress-bar.css';\n\nexport type ProgressBarBaseProps = JSX.HTMLAttributes<HTMLDivElement>;\n\nexport interface ProgressBarProps extends ProgressBarBaseProps {\n\tvalue?: number;\n\tmax?: number;\n\tindeterminate?: boolean;\n}\n\nexport function ProgressBar(props: ProgressBarProps) {\n\tconst merged = mergeProps(\n\t\t{\n\t\t\tmax: 100,\n\t\t\tvalue: 0,\n\t\t\tindeterminate: false,\n\t\t} as const,\n\t\tprops,\n\t);\n\tconst [local, rest] = splitProps(merged, ['class', 'value', 'max', 'indeterminate']);\n\n\tconst clampedValue = () => Math.max(0, Math.min(local.value, local.max));\n\tconst percent = () => {\n\t\tif (local.max <= 0) {\n\t\t\treturn 0;\n\t\t}\n\n\t\treturn (clampedValue() / local.max) * 100;\n\t};\n\tconst rootClass = () => clsx(progressBarClass.root, local.class);\n\n\treturn (\n\t\t<div\n\t\t\tclass={rootClass()}\n\t\t\trole=\"progressbar\"\n\t\t\taria-valuemin={0}\n\t\t\taria-valuemax={local.max}\n\t\t\taria-valuenow={local.indeterminate ? undefined : clampedValue()}\n\t\t\tdata-indeterminate={local.indeterminate ? '' : undefined}\n\t\t\t{...rest}\n\t\t>\n\t\t\t<span\n\t\t\t\tclass={progressBarClass.indicator}\n\t\t\t\tstyle={local.indeterminate ? undefined : { width: `${percent()}%` }}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"]}

package/dist/src/components/radio/class.d.ts

@@ -0,0 +1,8 @@
+export declare const radioClass: {
+    readonly group: 'fl-radio-group';
+    readonly root: 'fl-radio';
+    readonly input: 'fl-radio_input';
+    readonly control: 'fl-radio_control';
+    readonly indicator: 'fl-radio_indicator';
+    readonly label: 'fl-radio_label';
+};

package/dist/src/components/radio/class.js

@@ -0,0 +1,9 @@
+export const radioClass = {
+    group: 'fl-radio-group',
+    root: 'fl-radio',
+    input: 'fl-radio_input',
+    control: 'fl-radio_control',
+    indicator: 'fl-radio_indicator',
+    label: 'fl-radio_label',
+};
+//# sourceMappingURL=class.js.map

package/dist/src/components/radio/class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"class.js","sourceRoot":"","sources":["../../../../src/components/radio/class.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;IACzB,KAAK,EAAE,gBAAgB;IACvB,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,gBAAgB;IACvB,OAAO,EAAE,kBAAkB;IAC3B,SAAS,EAAE,oBAAoB;IAC/B,KAAK,EAAE,gBAAgB;CACd,CAAC","sourcesContent":["export const radioClass = {\n\tgroup: 'fl-radio-group',\n\troot: 'fl-radio',\n\tinput: 'fl-radio_input',\n\tcontrol: 'fl-radio_control',\n\tindicator: 'fl-radio_indicator',\n\tlabel: 'fl-radio_label',\n} as const;\n"]}

package/dist/src/components/radio/context.d.ts

@@ -0,0 +1,9 @@
+import { type Accessor } from 'solid-js';
+export interface RadioGroupContextValue {
+    name: Accessor<string>;
+    value: Accessor<string | undefined>;
+    setValue: (value: string) => void;
+    disabled: Accessor<boolean>;
+}
+export declare const RadioGroupContext: import("solid-js").Context<RadioGroupContextValue | undefined>;
+export declare function useRadioGroupContext(): RadioGroupContextValue | undefined;

package/dist/src/components/radio/context.js

@@ -0,0 +1,6 @@
+import { createContext, useContext } from 'solid-js';
+export const RadioGroupContext = createContext();
+export function useRadioGroupContext() {
+    return useContext(RadioGroupContext);
+}
+//# sourceMappingURL=context.js.map

package/dist/src/components/radio/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../src/components/radio/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,aAAa,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AASpE,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,EAA0B,CAAC;AAEzE,MAAM,UAAU,oBAAoB;IACnC,OAAO,UAAU,CAAC,iBAAiB,CAAC,CAAC;AACtC,CAAC","sourcesContent":["import { type Accessor, createContext, useContext } from 'solid-js';\n\nexport interface RadioGroupContextValue {\n\tname: Accessor<string>;\n\tvalue: Accessor<string | undefined>;\n\tsetValue: (value: string) => void;\n\tdisabled: Accessor<boolean>;\n}\n\nexport const RadioGroupContext = createContext<RadioGroupContextValue>();\n\nexport function useRadioGroupContext() {\n\treturn useContext(RadioGroupContext);\n}\n"]}

package/dist/src/components/radio/index.d.ts

@@ -0,0 +1,6 @@
+export * from './class';
+export * from './context';
+export * from './radio';
+export * from './radio-group';
+export * from './radio-root';
+export * from './types';

package/dist/src/components/radio/index.js

@@ -0,0 +1,7 @@
+export * from './class';
+export * from './context';
+export * from './radio';
+export * from './radio-group';
+export * from './radio-root';
+export * from './types';
+//# sourceMappingURL=index.js.map

package/dist/src/components/radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/radio/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC","sourcesContent":["export * from './class';\nexport * from './context';\nexport * from './radio';\nexport * from './radio-group';\nexport * from './radio-root';\nexport * from './types';\n"]}

package/dist/src/components/radio/radio-group.css

@@ -0,0 +1,9 @@
+@layer components {
+	.fl-radio-group {
+		/* layout */
+		display: grid;
+
+		/* spacing */
+		gap: var(--fl-size-2);
+	}
+}

package/dist/src/components/radio/radio-group.d.ts

@@ -0,0 +1,3 @@
+import type { RadioGroupProps } from './types';
+import './radio-group.css';
+export declare function RadioGroup(props: RadioGroupProps): import("solid-js").JSX.Element;

package/dist/src/components/radio/radio-group.jsx

@@ -0,0 +1,33 @@
+import clsx from 'clsx/lite';
+import { createSignal, createUniqueId, splitProps } from 'solid-js';
+import { radioClass } from './class';
+import { RadioGroupContext } from './context';
+import './radio-group.css';
+export function RadioGroup(props) {
+    const generatedName = createUniqueId();
+    const [local, rest] = splitProps(props, [
+        'class',
+        'children',
+        'value',
+        'defaultValue',
+        'name',
+        'disabled',
+        'onChange',
+    ]);
+    const [internalValue, setInternalValue] = createSignal(local.defaultValue);
+    const value = () => local.value ?? internalValue();
+    const name = () => local.name ?? generatedName;
+    const disabled = () => Boolean(local.disabled);
+    const setValue = (nextValue) => {
+        if (local.value === undefined) {
+            setInternalValue(nextValue);
+        }
+        local.onChange?.(nextValue);
+    };
+    return (<RadioGroupContext.Provider value={{ name, value, setValue, disabled }}>
+			<div class={clsx(radioClass.group, local.class)} role="radiogroup" {...rest}>
+				{local.children}
+			</div>
+		</RadioGroupContext.Provider>);
+}
+//# sourceMappingURL=radio-group.jsx.map

package/dist/src/components/radio/radio-group.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.jsx","sourceRoot":"","sources":["../../../../src/components/radio/radio-group.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAE9C,OAAO,mBAAmB,CAAC;AAE3B,MAAM,UAAU,UAAU,CAAC,KAAsB;IAChD,MAAM,aAAa,GAAG,cAAc,EAAE,CAAC;IACvC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE;QACvC,OAAO;QACP,UAAU;QACV,OAAO;QACP,cAAc;QACd,MAAM;QACN,UAAU;QACV,UAAU;KACV,CAAC,CAAC;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAE3E,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,aAAa,EAAE,CAAC;IACnD,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,IAAI,aAAa,CAAC;IAC/C,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC/C,MAAM,QAAQ,GAAG,CAAC,SAAiB,EAAE,EAAE;QACtC,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YAC/B,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAC7B,CAAC;QAED,KAAK,CAAC,QAAQ,EAAE,CAAC,SAAS,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACN,CAAC,iBAAiB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CACtE;GAAA,CAAC,GAAG,CACH,KAAK,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAC3C,IAAI,CAAC,YAAY,CACjB,IAAI,IAAI,CAAC,CAET;IAAA,CAAC,KAAK,CAAC,QAAQ,CAChB;GAAA,EAAE,GAAG,CACN;EAAA,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAC7B,CAAC;AACH,CAAC","sourcesContent":["import clsx from 'clsx/lite';\nimport { createSignal, createUniqueId, splitProps } from 'solid-js';\nimport { radioClass } from './class';\nimport { RadioGroupContext } from './context';\nimport type { RadioGroupProps } from './types';\nimport './radio-group.css';\n\nexport function RadioGroup(props: RadioGroupProps) {\n\tconst generatedName = createUniqueId();\n\tconst [local, rest] = splitProps(props, [\n\t\t'class',\n\t\t'children',\n\t\t'value',\n\t\t'defaultValue',\n\t\t'name',\n\t\t'disabled',\n\t\t'onChange',\n\t]);\n\tconst [internalValue, setInternalValue] = createSignal(local.defaultValue);\n\n\tconst value = () => local.value ?? internalValue();\n\tconst name = () => local.name ?? generatedName;\n\tconst disabled = () => Boolean(local.disabled);\n\tconst setValue = (nextValue: string) => {\n\t\tif (local.value === undefined) {\n\t\t\tsetInternalValue(nextValue);\n\t\t}\n\n\t\tlocal.onChange?.(nextValue);\n\t};\n\n\treturn (\n\t\t<RadioGroupContext.Provider value={{ name, value, setValue, disabled }}>\n\t\t\t<div\n\t\t\t\tclass={clsx(radioClass.group, local.class)}\n\t\t\t\trole=\"radiogroup\"\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t{local.children}\n\t\t\t</div>\n\t\t</RadioGroupContext.Provider>\n\t);\n}\n"]}

package/dist/src/components/radio/radio-root.css

@@ -0,0 +1,75 @@
+@layer components {
+	.fl-radio {
+		/* layout */
+		display: inline-flex;
+		align-items: center;
+
+		/* spacing */
+		gap: var(--fl-size-2);
+
+		/* pointer */
+		cursor: pointer;
+		user-select: none;
+	}
+
+	.fl-radio[data-disabled] {
+		cursor: var(--fl-disabled-cursor);
+		opacity: var(--fl-disabled-opacity);
+	}
+
+	.fl-radio .fl-radio_input {
+		/* layout */
+		position: absolute;
+		opacity: 0;
+		width: 1px;
+		height: 1px;
+		pointer-events: none;
+	}
+
+	.fl-radio .fl-radio_control {
+		/* layout */
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		width: var(--fl-size-4);
+		height: var(--fl-size-4);
+
+		/* background */
+		background: var(--fl-body-bg-color);
+		border: var(--fl-input-border-size, var(--fl-border-size, 1px)) solid
+			var(--fl-input-border-color, var(--fl-border-color));
+		border-radius: var(--fl-radius-full);
+
+		/* effects */
+		box-shadow: var(--fl-input-shadow);
+	}
+
+	.fl-radio .fl-radio_indicator {
+		/* layout */
+		width: var(--fl-size-2);
+		height: var(--fl-size-2);
+
+		/* background */
+		background: var(--fl-primary-color);
+		border-radius: var(--fl-radius-full);
+
+		/* effects */
+		scale: 0;
+		transition: scale var(--fl-animation-duration) ease;
+	}
+
+	.fl-radio .fl-radio_input:checked + .fl-radio_control .fl-radio_indicator {
+		scale: 1;
+	}
+
+	.fl-radio .fl-radio_input:focus-visible + .fl-radio_control {
+		outline: var(--fl-focus-ring-size) solid var(--fl-focus-ring-color);
+		outline-offset: var(--fl-focus-ring-offset);
+	}
+
+	.fl-radio .fl-radio_label {
+		/* text */
+		color: var(--fl-body-text-color);
+		font-size: var(--fl-text-size-base);
+	}
+}

package/dist/src/components/radio/radio-root.d.ts

@@ -0,0 +1,4 @@
+import { type JSX } from 'solid-js';
+import type { RadioProps } from './types';
+import './radio-root.css';
+export declare function RadioRoot(props: RadioProps): JSX.Element;

package/dist/src/components/radio/radio-root.jsx

@@ -0,0 +1,51 @@
+import clsx from 'clsx/lite';
+import { createSignal, mergeProps, splitProps } from 'solid-js';
+import { radioClass } from './class';
+import { useRadioGroupContext } from './context';
+import './radio-root.css';
+export function RadioRoot(props) {
+    const context = useRadioGroupContext();
+    const merged = mergeProps({
+        type: 'radio',
+    }, props);
+    const [local, rest] = splitProps(merged, [
+        'class',
+        'children',
+        'checked',
+        'defaultChecked',
+        'disabled',
+        'name',
+        'onChange',
+        'type',
+        'value',
+    ]);
+    const [internalChecked, setInternalChecked] = createSignal(Boolean(local.defaultChecked));
+    const rootClass = () => clsx(radioClass.root, local.class);
+    const checked = () => {
+        if (context) {
+            return context.value() === local.value;
+        }
+        return local.checked ?? internalChecked();
+    };
+    const disabled = () => Boolean(context?.disabled() || local.disabled);
+    const name = () => context?.name() ?? local.name;
+    const handleChange = (event) => {
+        const nextChecked = event.currentTarget.checked;
+        local.onChange?.(nextChecked);
+        if (context && nextChecked) {
+            context.setValue(local.value);
+            return;
+        }
+        if (local.checked === undefined) {
+            setInternalChecked(nextChecked);
+        }
+    };
+    return (<label class={rootClass()} data-disabled={disabled() ? '' : undefined}>
+			<input class={radioClass.input} type="radio" value={local.value} name={name()} checked={checked()} disabled={disabled()} onChange={handleChange} {...rest}/>
+			<span class={radioClass.control}>
+				<span class={radioClass.indicator}/>
+			</span>
+			{local.children ? <span class={radioClass.label}>{local.children}</span> : null}
+		</label>);
+}
+//# sourceMappingURL=radio-root.jsx.map

package/dist/src/components/radio/radio-root.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-root.jsx","sourceRoot":"","sources":["../../../../src/components/radio/radio-root.tsx"],"names":[],"mappings":"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","sourcesContent":["import clsx from 'clsx/lite';\nimport { createSignal, type JSX, mergeProps, splitProps } from 'solid-js';\nimport { radioClass } from './class';\nimport { useRadioGroupContext } from './context';\nimport type { RadioProps } from './types';\nimport './radio-root.css';\n\nexport function RadioRoot(props: RadioProps) {\n\tconst context = useRadioGroupContext();\n\tconst merged = mergeProps(\n\t\t{\n\t\t\ttype: 'radio',\n\t\t} as const,\n\t\tprops,\n\t);\n\tconst [local, rest] = splitProps(merged, [\n\t\t'class',\n\t\t'children',\n\t\t'checked',\n\t\t'defaultChecked',\n\t\t'disabled',\n\t\t'name',\n\t\t'onChange',\n\t\t'type',\n\t\t'value',\n\t]);\n\tconst [internalChecked, setInternalChecked] = createSignal(Boolean(local.defaultChecked));\n\tconst rootClass = () => clsx(radioClass.root, local.class);\n\tconst checked = () => {\n\t\tif (context) {\n\t\t\treturn context.value() === local.value;\n\t\t}\n\n\t\treturn local.checked ?? internalChecked();\n\t};\n\tconst disabled = () => Boolean(context?.disabled() || local.disabled);\n\tconst name = () => context?.name() ?? local.name;\n\n\tconst handleChange: JSX.EventHandlerUnion<HTMLInputElement, Event> = (event) => {\n\t\tconst nextChecked = event.currentTarget.checked;\n\t\tlocal.onChange?.(nextChecked);\n\n\t\tif (context && nextChecked) {\n\t\t\tcontext.setValue(local.value);\n\t\t\treturn;\n\t\t}\n\n\t\tif (local.checked === undefined) {\n\t\t\tsetInternalChecked(nextChecked);\n\t\t}\n\t};\n\n\treturn (\n\t\t<label\n\t\t\tclass={rootClass()}\n\t\t\tdata-disabled={disabled() ? '' : undefined}\n\t\t>\n\t\t\t<input\n\t\t\t\tclass={radioClass.input}\n\t\t\t\ttype=\"radio\"\n\t\t\t\tvalue={local.value}\n\t\t\t\tname={name()}\n\t\t\t\tchecked={checked()}\n\t\t\t\tdisabled={disabled()}\n\t\t\t\tonChange={handleChange}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t\t<span class={radioClass.control}>\n\t\t\t\t<span class={radioClass.indicator} />\n\t\t\t</span>\n\t\t\t{local.children ? <span class={radioClass.label}>{local.children}</span> : null}\n\t\t</label>\n\t);\n}\n"]}

package/dist/src/components/radio/radio.d.ts

@@ -0,0 +1,11 @@
+import type { JSX } from 'solid-js';
+import { RadioGroup } from './radio-group';
+import { RadioRoot } from './radio-root';
+import type { RadioProps } from './types';
+export type { RadioBaseProps, RadioGroupBaseProps, RadioGroupProps, RadioProps } from './types';
+export { RadioGroup, RadioRoot };
+export interface RadioComponent {
+    (props: RadioProps): JSX.Element;
+    Group: typeof RadioGroup;
+}
+export declare const Radio: RadioComponent;

package/dist/src/components/radio/radio.jsx

@@ -0,0 +1,7 @@
+import { RadioGroup } from './radio-group';
+import { RadioRoot } from './radio-root';
+export { RadioGroup, RadioRoot };
+export const Radio = Object.assign(RadioRoot, {
+    Group: RadioGroup,
+});
+//# sourceMappingURL=radio.jsx.map

package/dist/src/components/radio/radio.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.jsx","sourceRoot":"","sources":["../../../../src/components/radio/radio.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC;AAOjC,MAAM,CAAC,MAAM,KAAK,GAAmB,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE;IAC7D,KAAK,EAAE,UAAU;CACjB,CAAC,CAAC","sourcesContent":["import type { JSX } from 'solid-js';\nimport { RadioGroup } from './radio-group';\nimport { RadioRoot } from './radio-root';\nimport type { RadioProps } from './types';\n\nexport type { RadioBaseProps, RadioGroupBaseProps, RadioGroupProps, RadioProps } from './types';\nexport { RadioGroup, RadioRoot };\n\nexport interface RadioComponent {\n\t(props: RadioProps): JSX.Element;\n\tGroup: typeof RadioGroup;\n}\n\nexport const Radio: RadioComponent = Object.assign(RadioRoot, {\n\tGroup: RadioGroup,\n});\n"]}

package/dist/src/components/radio/types.d.ts

@@ -0,0 +1,16 @@
+import type { JSX } from 'solid-js';
+export type RadioGroupBaseProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, 'onChange'>;
+export interface RadioGroupProps extends RadioGroupBaseProps {
+    value?: string;
+    defaultValue?: string;
+    name?: string;
+    disabled?: boolean;
+    onChange?: (value: string) => void;
+}
+export type RadioBaseProps = Omit<JSX.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange' | 'size'>;
+export interface RadioProps extends RadioBaseProps {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    value: string;
+    onChange?: (checked: boolean) => void;
+}

package/dist/src/components/radio/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/src/components/radio/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/radio/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { JSX } from 'solid-js';\n\nexport type RadioGroupBaseProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, 'onChange'>;\n\nexport interface RadioGroupProps extends RadioGroupBaseProps {\n\tvalue?: string;\n\tdefaultValue?: string;\n\tname?: string;\n\tdisabled?: boolean;\n\tonChange?: (value: string) => void;\n}\n\nexport type RadioBaseProps = Omit<JSX.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange' | 'size'>;\n\nexport interface RadioProps extends RadioBaseProps {\n\tchecked?: boolean;\n\tdefaultChecked?: boolean;\n\tvalue: string;\n\tonChange?: (checked: boolean) => void;\n}\n"]}

package/dist/src/components/select/class.d.ts

@@ -0,0 +1,5 @@
+export declare const selectClass: {
+    readonly root: 'fl-select';
+    readonly innerSelect: 'fl-select_inner-select';
+    readonly arrow: 'fl-select_arrow';
+};

package/dist/src/components/select/class.js

@@ -0,0 +1,6 @@
+export const selectClass = {
+    root: 'fl-select',
+    innerSelect: 'fl-select_inner-select',
+    arrow: 'fl-select_arrow',
+};
+//# sourceMappingURL=class.js.map

package/dist/src/components/select/class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"class.js","sourceRoot":"","sources":["../../../../src/components/select/class.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG;IAC1B,IAAI,EAAE,WAAW;IACjB,WAAW,EAAE,wBAAwB;IACrC,KAAK,EAAE,iBAAiB;CACf,CAAC","sourcesContent":["export const selectClass = {\n\troot: 'fl-select',\n\tinnerSelect: 'fl-select_inner-select',\n\tarrow: 'fl-select_arrow',\n} as const;\n"]}

package/dist/src/components/select/index.d.ts

@@ -0,0 +1,2 @@
+export * from './class';
+export * from './select';

package/dist/src/components/select/index.js

@@ -0,0 +1,3 @@
+export * from './class';
+export * from './select';
+//# sourceMappingURL=index.js.map

package/dist/src/components/select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/select/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC","sourcesContent":["export * from './class';\nexport * from './select';\n"]}

package/dist/src/components/select/select.css

@@ -0,0 +1,76 @@
+@layer components {
+	.fl-select {
+		/* layout */
+		position: relative;
+		display: inline-flex;
+		align-items: stretch;
+
+		/* background */
+		background: var(--fl-input-bg-color, var(--fl-body-bg-color));
+		border: var(--fl-input-border-size, var(--fl-border-size, 1px)) solid
+			var(--fl-input-border-color, var(--fl-border-color));
+		border-radius: var(--fl-input-border-radius, var(--fl-border-radius));
+
+		/* effects */
+		box-shadow: var(--fl-input-shadow);
+	}
+
+	.fl-select:focus-within {
+		border-color: var(--fl-input-border-focus-color, var(--fl-focus-ring-color));
+		outline: var(--fl-focus-ring-size) solid var(--fl-focus-ring-color);
+		outline-offset: 0;
+	}
+
+	.fl-select[data-disabled] {
+		cursor: var(--fl-disabled-cursor);
+		opacity: var(--fl-disabled-opacity);
+	}
+
+	.fl-select .fl-select_inner-select {
+		/* reset */
+		appearance: none;
+		outline: none;
+
+		/* layout */
+		width: 100%;
+		min-width: 0;
+
+		/* spacing */
+		padding-inline: var(--fl-input-pad-x, var(--fl-size-2));
+		padding-block: var(--fl-input-pad-y, var(--fl-size-1-5));
+		padding-right: calc(var(--fl-size-4) + var(--fl-size-4));
+
+		/* background */
+		background: transparent;
+		border: 0;
+
+		/* text */
+		color: var(--fl-input-text-color, var(--fl-body-text-color));
+		font: inherit;
+
+		/* pointer */
+		cursor: pointer;
+	}
+
+	.fl-select[data-disabled] .fl-select_inner-select {
+		cursor: var(--fl-disabled-cursor);
+	}
+
+	.fl-select .fl-select_arrow {
+		/* layout */
+		position: absolute;
+		right: var(--fl-size-2);
+		top: 50%;
+		width: var(--fl-size-4);
+		height: var(--fl-size-4);
+
+		/* text */
+		color: var(--fl-input-text-color, var(--fl-body-text-color));
+
+		/* pointer */
+		pointer-events: none;
+
+		/* effects */
+		transform: translateY(-50%);
+	}
+}

package/dist/src/components/select/select.d.ts

@@ -0,0 +1,6 @@
+import { type JSX } from 'solid-js';
+import './select.css';
+export type SelectBaseProps = JSX.SelectHTMLAttributes<HTMLSelectElement>;
+export interface SelectProps extends SelectBaseProps {
+}
+export declare function Select(props: SelectProps): JSX.Element;

package/dist/src/components/select/select.jsx

@@ -0,0 +1,16 @@
+import clsx from 'clsx/lite';
+import { splitProps } from 'solid-js';
+import { ChevronDownIcon } from '#src/icons';
+import { selectClass } from './class';
+import './select.css';
+export function Select(props) {
+    const [local, rest] = splitProps(props, ['class', 'children', 'disabled']);
+    const rootClass = () => clsx(selectClass.root, local.class);
+    return (<div class={rootClass()} data-disabled={local.disabled ? '' : undefined}>
+			<select class={selectClass.innerSelect} disabled={local.disabled} {...rest}>
+				{local.children}
+			</select>
+			<ChevronDownIcon class={selectClass.arrow}/>
+		</div>);
+}
+//# sourceMappingURL=select.jsx.map

package/dist/src/components/select/select.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.jsx","sourceRoot":"","sources":["../../../../src/components/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAY,UAAU,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,cAAc,CAAC;AAMtB,MAAM,UAAU,MAAM,CAAC,KAAkB;IACxC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;IAE3E,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAE5D,OAAO,CACN,CAAC,GAAG,CACH,KAAK,CAAC,CAAC,SAAS,EAAE,CAAC,CACnB,aAAa,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAE/C;GAAA,CAAC,MAAM,CACN,KAAK,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAC/B,QAAQ,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CACzB,IAAI,IAAI,CAAC,CAET;IAAA,CAAC,KAAK,CAAC,QAAQ,CAChB;GAAA,EAAE,MAAM,CACR;GAAA,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,EAC3C;EAAA,EAAE,GAAG,CAAC,CACN,CAAC;AACH,CAAC","sourcesContent":["import clsx from 'clsx/lite';\nimport { type JSX, splitProps } from 'solid-js';\nimport { ChevronDownIcon } from '#src/icons';\nimport { selectClass } from './class';\nimport './select.css';\n\nexport type SelectBaseProps = JSX.SelectHTMLAttributes<HTMLSelectElement>;\n\nexport interface SelectProps extends SelectBaseProps {}\n\nexport function Select(props: SelectProps) {\n\tconst [local, rest] = splitProps(props, ['class', 'children', 'disabled']);\n\n\tconst rootClass = () => clsx(selectClass.root, local.class);\n\n\treturn (\n\t\t<div\n\t\t\tclass={rootClass()}\n\t\t\tdata-disabled={local.disabled ? '' : undefined}\n\t\t>\n\t\t\t<select\n\t\t\t\tclass={selectClass.innerSelect}\n\t\t\t\tdisabled={local.disabled}\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t{local.children}\n\t\t\t</select>\n\t\t\t<ChevronDownIcon class={selectClass.arrow} />\n\t\t</div>\n\t);\n}\n"]}

package/dist/src/components/slider/class.d.ts

@@ -0,0 +1,3 @@
+export declare const sliderClass: {
+    readonly root: 'fl-slider';
+};

package/dist/src/components/slider/class.js

@@ -0,0 +1,4 @@
+export const sliderClass = {
+    root: 'fl-slider',
+};
+//# sourceMappingURL=class.js.map

package/dist/src/components/slider/class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"class.js","sourceRoot":"","sources":["../../../../src/components/slider/class.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG;IAC1B,IAAI,EAAE,WAAW;CACR,CAAC","sourcesContent":["export const sliderClass = {\n\troot: 'fl-slider',\n} as const;\n"]}

package/dist/src/components/slider/index.d.ts

@@ -0,0 +1,2 @@
+export * from './class';
+export * from './slider';

package/dist/src/components/slider/index.js

@@ -0,0 +1,3 @@
+export * from './class';
+export * from './slider';
+//# sourceMappingURL=index.js.map

package/dist/src/components/slider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/slider/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC","sourcesContent":["export * from './class';\nexport * from './slider';\n"]}