@edo-w/flatline-solid 0.2.1 → 0.3.0

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

@@ -1,75 +0,0 @@
-@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

@@ -1,4 +0,0 @@
-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

@@ -1,51 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,11 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,16 +0,0 @@
-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

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

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

@@ -1 +0,0 @@
-{"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

@@ -1,5 +0,0 @@
-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

@@ -1,6 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

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

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

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

@@ -1 +0,0 @@
-{"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

@@ -1,76 +0,0 @@
-@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

@@ -1,6 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

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

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

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

@@ -1 +0,0 @@
-{"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

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

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

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

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

@@ -1 +0,0 @@
-{"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"]}

package/dist/src/components/slider/slider.css

@@ -1,83 +0,0 @@
-@layer components {
-	.fl-slider {
-		--fl-slider-track-height: var(--fl-size-1);
-		--fl-slider-thumb-size: var(--fl-size-4);
-
-		/* reset */
-		appearance: none;
-		outline: none;
-
-		/* layout */
-		width: 100%;
-		height: var(--fl-slider-thumb-size);
-
-		/* background */
-		background: transparent;
-
-		/* text */
-		accent-color: var(--fl-secondary-color);
-
-		/* pointer */
-		cursor: pointer;
-	}
-
-	.fl-slider::-webkit-slider-runnable-track {
-		height: var(--fl-slider-track-height);
-		background: color-mix(in oklab, var(--fl-body-bg-color), black 10%);
-		border-radius: var(--fl-border-radius);
-	}
-
-	.fl-slider::-webkit-slider-thumb {
-		/* reset */
-		appearance: none;
-		box-sizing: border-box;
-
-		/* layout */
-		margin-top: calc((var(--fl-slider-track-height) - var(--fl-slider-thumb-size)) / 2);
-		width: var(--fl-slider-thumb-size);
-		height: var(--fl-slider-thumb-size);
-
-		/* background */
-		background: var(--fl-secondary-color);
-		border: var(--fl-border-size, 1px) solid color-mix(in oklab, var(--fl-secondary-color), black 35%);
-		border-radius: var(--fl-radius-full);
-
-		/* effects */
-		box-shadow: var(--fl-shadow-sm);
-	}
-
-	.fl-slider::-moz-range-track {
-		height: var(--fl-slider-track-height);
-		background: color-mix(in oklab, var(--fl-body-bg-color), black 10%);
-		border: 0;
-		border-radius: var(--fl-border-radius);
-	}
-
-	.fl-slider::-moz-range-thumb {
-		/* reset */
-		box-sizing: border-box;
-
-		/* layout */
-		width: var(--fl-slider-thumb-size);
-		height: var(--fl-slider-thumb-size);
-
-		/* background */
-		background: var(--fl-secondary-color);
-		border: var(--fl-border-size, 1px) solid color-mix(in oklab, var(--fl-secondary-color), black 35%);
-		border-radius: var(--fl-radius-full);
-
-		/* effects */
-		box-shadow: var(--fl-shadow-sm);
-	}
-
-	.fl-slider:focus-visible {
-		outline: var(--fl-focus-ring-size) solid var(--fl-focus-ring-color);
-		outline-offset: var(--fl-focus-ring-offset);
-		border-radius: var(--fl-border-radius);
-	}
-
-	.fl-slider:disabled {
-		opacity: var(--fl-disabled-opacity);
-		cursor: var(--fl-disabled-cursor);
-	}
-}

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

@@ -1,7 +0,0 @@
-import { type JSX } from 'solid-js';
-import './slider.css';
-export type SliderBaseProps = Omit<JSX.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange' | 'size'>;
-export interface SliderProps extends SliderBaseProps {
-    onChange?: (value: number) => void;
-}
-export declare function Slider(props: SliderProps): JSX.Element;

package/dist/src/components/slider/slider.jsx

@@ -1,19 +0,0 @@
-import clsx from 'clsx/lite';
-import { splitProps } from 'solid-js';
-import { sliderClass } from './class';
-import './slider.css';
-export function Slider(props) {
-    const [local, rest] = splitProps(props, ['class', 'onChange', 'onInput']);
-    const rootClass = () => clsx(sliderClass.root, local.class);
-    const callInputHandler = (handler, event) => {
-        if (typeof handler === 'function') {
-            handler(event);
-        }
-    };
-    const handleInput = (event) => {
-        callInputHandler(local.onInput, event);
-        local.onChange?.(Number(event.currentTarget.value));
-    };
-    return (<input type="range" class={rootClass()} onInput={handleInput} {...rest}/>);
-}
-//# sourceMappingURL=slider.jsx.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"slider.jsx","sourceRoot":"","sources":["../../../../src/components/slider/slider.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAY,UAAU,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,cAAc,CAAC;AAWtB,MAAM,UAAU,MAAM,CAAC,KAAkB;IACxC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC;IAE1E,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAE5D,MAAM,gBAAgB,GAAG,CAAC,OAAgB,EAAE,KAAiB,EAAE,EAAE;QAChE,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE,CAAC;YAClC,OAA8B,CAAC,KAAyB,CAAC,CAAC;QAC5D,CAAC;IACF,CAAC,CAAC;IAEF,MAAM,WAAW,GAAwD,CAAC,KAAK,EAAE,EAAE;QAClF,gBAAgB,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QAEvC,KAAK,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;IACrD,CAAC,CAAC;IAEF,OAAO,CACN,CAAC,KAAK,CACL,IAAI,CAAC,OAAO,CACZ,KAAK,CAAC,CAAC,SAAS,EAAE,CAAC,CACnB,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,IAAI,IAAI,CAAC,EACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import clsx from 'clsx/lite';\nimport { type JSX, splitProps } from 'solid-js';\nimport { sliderClass } from './class';\nimport './slider.css';\n\nexport type SliderBaseProps = Omit<JSX.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange' | 'size'>;\n\ntype SliderInputEvent = InputEvent & { currentTarget: HTMLInputElement; target: HTMLInputElement };\ntype SliderInputHandler = (event: SliderInputEvent) => void;\n\nexport interface SliderProps extends SliderBaseProps {\n\tonChange?: (value: number) => void;\n}\n\nexport function Slider(props: SliderProps) {\n\tconst [local, rest] = splitProps(props, ['class', 'onChange', 'onInput']);\n\n\tconst rootClass = () => clsx(sliderClass.root, local.class);\n\n\tconst callInputHandler = (handler: unknown, event: InputEvent) => {\n\t\tif (typeof handler === 'function') {\n\t\t\t(handler as SliderInputHandler)(event as SliderInputEvent);\n\t\t}\n\t};\n\n\tconst handleInput: JSX.EventHandlerUnion<HTMLInputElement, InputEvent> = (event) => {\n\t\tcallInputHandler(local.onInput, event);\n\n\t\tlocal.onChange?.(Number(event.currentTarget.value));\n\t};\n\n\treturn (\n\t\t<input\n\t\t\ttype=\"range\"\n\t\t\tclass={rootClass()}\n\t\t\tonInput={handleInput}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n"]}

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

@@ -1,10 +0,0 @@
-export declare const spinnerClass: {
-    readonly root: 'fl-spinner';
-    readonly svg: 'fl-spinner_svg';
-    readonly size: {
-        readonly sm: '--size-sm';
-        readonly md: '--size-md';
-        readonly lg: '--size-lg';
-    };
-};
-export type SpinnerSize = keyof typeof spinnerClass.size;

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

@@ -1,10 +0,0 @@
-export const spinnerClass = {
-    root: 'fl-spinner',
-    svg: 'fl-spinner_svg',
-    size: {
-        sm: '--size-sm',
-        md: '--size-md',
-        lg: '--size-lg',
-    },
-};
-//# sourceMappingURL=class.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"class.js","sourceRoot":"","sources":["../../../../src/components/spinner/class.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC3B,IAAI,EAAE,YAAY;IAClB,GAAG,EAAE,gBAAgB;IACrB,IAAI,EAAE;QACL,EAAE,EAAE,WAAW;QACf,EAAE,EAAE,WAAW;QACf,EAAE,EAAE,WAAW;KACf;CACQ,CAAC","sourcesContent":["export const spinnerClass = {\n\troot: 'fl-spinner',\n\tsvg: 'fl-spinner_svg',\n\tsize: {\n\t\tsm: '--size-sm',\n\t\tmd: '--size-md',\n\t\tlg: '--size-lg',\n\t},\n} as const;\n\nexport type SpinnerSize = keyof typeof spinnerClass.size;\n"]}

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

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

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

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

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

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

package/dist/src/components/spinner/spinner.css

@@ -1,51 +0,0 @@
-@layer components {
-	.fl-spinner {
-		--fl-spinner-size: var(--fl-size-7);
-		--fl-spinner-color: var(--fl-primary-color);
-
-		/* layout */
-		display: inline-flex;
-		align-items: center;
-		justify-content: center;
-		width: var(--fl-spinner-size);
-		height: var(--fl-spinner-size);
-
-		/* text */
-		color: var(--fl-spinner-color);
-	}
-
-	.fl-spinner.--size-sm {
-		--fl-spinner-size: var(--fl-size-5);
-	}
-
-	.fl-spinner.--size-lg {
-		--fl-spinner-size: var(--fl-size-9);
-	}
-
-	.fl-spinner .fl-spinner_svg {
-		/* layout */
-		width: 100%;
-		height: 100%;
-
-		/* effects */
-		animation: fl-spinner-rotate 0.8s linear infinite;
-	}
-
-	.fl-spinner .fl-spinner_svg circle {
-		opacity: 0.2;
-	}
-
-	.fl-spinner .fl-spinner_svg path {
-		stroke-linecap: round;
-	}
-
-	@keyframes fl-spinner-rotate {
-		from {
-			transform: rotate(0deg);
-		}
-
-		to {
-			transform: rotate(360deg);
-		}
-	}
-}

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

@@ -1,9 +0,0 @@
-import { type JSX } from 'solid-js';
-import { type SpinnerSize } from './class';
-import './spinner.css';
-export type SpinnerBaseProps = JSX.HTMLAttributes<HTMLSpanElement>;
-export interface SpinnerProps extends SpinnerBaseProps {
-    size?: SpinnerSize;
-    label?: string;
-}
-export declare function Spinner(props: SpinnerProps): JSX.Element;

package/dist/src/components/spinner/spinner.jsx

@@ -1,22 +0,0 @@
-import clsx from 'clsx/lite';
-import { mergeProps, splitProps } from 'solid-js';
-import { spinnerClass } from './class';
-import './spinner.css';
-export function Spinner(props) {
-    const merged = mergeProps({
-        size: 'md',
-        label: 'Loading',
-    }, props);
-    const [local, rest] = splitProps(merged, ['class', 'size', 'label']);
-    const rootClass = () => {
-        const sizeClass = spinnerClass.size[local.size];
-        return clsx(spinnerClass.root, sizeClass, local.class);
-    };
-    return (<span class={rootClass()} role="status" aria-label={local.label} {...rest}>
-			<svg class={spinnerClass.svg} viewBox="0 0 24 24" fill="none" aria-hidden="true">
-				<circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="2"/>
-				<path d="M12 3a9 9 0 0 1 9 9" stroke="currentColor" stroke-width="2"/>
-			</svg>
-		</span>);
-}
-//# sourceMappingURL=spinner.jsx.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"spinner.jsx","sourceRoot":"","sources":["../../../../src/components/spinner/spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAY,UAAU,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC5D,OAAO,EAAoB,YAAY,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,eAAe,CAAC;AASvB,MAAM,UAAU,OAAO,CAAC,KAAmB;IAC1C,MAAM,MAAM,GAAG,UAAU,CACxB;QACC,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,SAAS;KACP,EACV,KAAK,CACL,CAAC;IACF,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAErE,MAAM,SAAS,GAAG,GAAG,EAAE;QACtB,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAEhD,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACxD,CAAC,CAAC;IAEF,OAAO,CACN,CAAC,IAAI,CACJ,KAAK,CAAC,CAAC,SAAS,EAAE,CAAC,CACnB,IAAI,CAAC,QAAQ,CACb,UAAU,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CACxB,IAAI,IAAI,CAAC,CAET;GAAA,CAAC,GAAG,CACH,KAAK,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,CACxB,OAAO,CAAC,WAAW,CACnB,IAAI,CAAC,MAAM,CACX,WAAW,CAAC,MAAM,CAElB;IAAA,CAAC,MAAM,CACN,EAAE,CAAC,IAAI,CACP,EAAE,CAAC,IAAI,CACP,CAAC,CAAC,GAAG,CACL,MAAM,CAAC,cAAc,CACrB,YAAY,CAAC,GAAG,EAEjB;IAAA,CAAC,IAAI,CACJ,CAAC,CAAC,qBAAqB,CACvB,MAAM,CAAC,cAAc,CACrB,YAAY,CAAC,GAAG,EAElB;GAAA,EAAE,GAAG,CACN;EAAA,EAAE,IAAI,CAAC,CACP,CAAC;AACH,CAAC","sourcesContent":["import clsx from 'clsx/lite';\nimport { type JSX, mergeProps, splitProps } from 'solid-js';\nimport { type SpinnerSize, spinnerClass } from './class';\nimport './spinner.css';\n\nexport type SpinnerBaseProps = JSX.HTMLAttributes<HTMLSpanElement>;\n\nexport interface SpinnerProps extends SpinnerBaseProps {\n\tsize?: SpinnerSize;\n\tlabel?: string;\n}\n\nexport function Spinner(props: SpinnerProps) {\n\tconst merged = mergeProps(\n\t\t{\n\t\t\tsize: 'md',\n\t\t\tlabel: 'Loading',\n\t\t} as const,\n\t\tprops,\n\t);\n\tconst [local, rest] = splitProps(merged, ['class', 'size', 'label']);\n\n\tconst rootClass = () => {\n\t\tconst sizeClass = spinnerClass.size[local.size];\n\n\t\treturn clsx(spinnerClass.root, sizeClass, local.class);\n\t};\n\n\treturn (\n\t\t<span\n\t\t\tclass={rootClass()}\n\t\t\trole=\"status\"\n\t\t\taria-label={local.label}\n\t\t\t{...rest}\n\t\t>\n\t\t\t<svg\n\t\t\t\tclass={spinnerClass.svg}\n\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\tfill=\"none\"\n\t\t\t\taria-hidden=\"true\"\n\t\t\t>\n\t\t\t\t<circle\n\t\t\t\t\tcx=\"12\"\n\t\t\t\t\tcy=\"12\"\n\t\t\t\t\tr=\"9\"\n\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\td=\"M12 3a9 9 0 0 1 9 9\"\n\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t/>\n\t\t\t</svg>\n\t\t</span>\n\t);\n}\n"]}

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

@@ -1,7 +0,0 @@
-export declare const switchClass: {
-    readonly root: 'fl-switch';
-    readonly input: 'fl-switch_input';
-    readonly control: 'fl-switch_control';
-    readonly thumb: 'fl-switch_thumb';
-    readonly label: 'fl-switch_label';
-};

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

@@ -1,8 +0,0 @@
-export const switchClass = {
-    root: 'fl-switch',
-    input: 'fl-switch_input',
-    control: 'fl-switch_control',
-    thumb: 'fl-switch_thumb',
-    label: 'fl-switch_label',
-};
-//# sourceMappingURL=class.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"class.js","sourceRoot":"","sources":["../../../../src/components/switch/class.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG;IAC1B,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE,iBAAiB;IACxB,OAAO,EAAE,mBAAmB;IAC5B,KAAK,EAAE,iBAAiB;IACxB,KAAK,EAAE,iBAAiB;CACf,CAAC","sourcesContent":["export const switchClass = {\n\troot: 'fl-switch',\n\tinput: 'fl-switch_input',\n\tcontrol: 'fl-switch_control',\n\tthumb: 'fl-switch_thumb',\n\tlabel: 'fl-switch_label',\n} as const;\n"]}

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

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