@edo-w/flatline-solid 0.2.0 → 0.3.0

package/dist/src/components/button/button.jsx

@@ -1,21 +0,0 @@
-import clsx from 'clsx/lite';
-import { mergeProps, splitProps } from 'solid-js';
-import { buttonClass } from './class';
-import './button.css';
-export function Button(props) {
-    const merged = mergeProps({
-        type: 'button',
-        variant: 'solid',
-        color: 'primary',
-    }, props);
-    const [local, rest] = splitProps(merged, ['class', 'children', 'variant', 'color']);
-    const rootClass = () => {
-        const variantClass = buttonClass.variant[local.variant];
-        const colorClass = buttonClass.color[local.color];
-        return clsx(buttonClass.root, variantClass, colorClass, local.class);
-    };
-    return (<button class={rootClass()} {...rest}>
-			{local.children}
-		</button>);
-}
-//# sourceMappingURL=button.jsx.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"button.jsx","sourceRoot":"","sources":["../../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAY,UAAU,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC5D,OAAO,EAAwC,WAAW,EAAE,MAAM,SAAS,CAAC;AAC5E,OAAO,cAAc,CAAC;AAStB,MAAM,UAAU,MAAM,CAAC,KAAkB;IACxC,MAAM,MAAM,GAAG,UAAU,CACxB;QACC,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,SAAS;KACP,EACV,KAAK,CACL,CAAC;IACF,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;IAEpF,MAAM,SAAS,GAAG,GAAG,EAAE;QACtB,MAAM,YAAY,GAAG,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACxD,MAAM,UAAU,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAElD,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACtE,CAAC,CAAC;IAEF,OAAO,CACN,CAAC,MAAM,CACN,KAAK,CAAC,CAAC,SAAS,EAAE,CAAC,CACnB,IAAI,IAAI,CAAC,CAET;GAAA,CAAC,KAAK,CAAC,QAAQ,CAChB;EAAA,EAAE,MAAM,CAAC,CACT,CAAC;AACH,CAAC","sourcesContent":["import clsx from 'clsx/lite';\nimport { type JSX, mergeProps, splitProps } from 'solid-js';\nimport { type ButtonColor, type ButtonVariant, buttonClass } from './class';\nimport './button.css';\n\nexport type ButtonBaseProps = JSX.ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport interface ButtonProps extends ButtonBaseProps {\n\tvariant?: ButtonVariant;\n\tcolor?: ButtonColor;\n}\n\nexport function Button(props: ButtonProps) {\n\tconst merged = mergeProps(\n\t\t{\n\t\t\ttype: 'button',\n\t\t\tvariant: 'solid',\n\t\t\tcolor: 'primary',\n\t\t} as const,\n\t\tprops,\n\t);\n\tconst [local, rest] = splitProps(merged, ['class', 'children', 'variant', 'color']);\n\n\tconst rootClass = () => {\n\t\tconst variantClass = buttonClass.variant[local.variant];\n\t\tconst colorClass = buttonClass.color[local.color];\n\n\t\treturn clsx(buttonClass.root, variantClass, colorClass, local.class);\n\t};\n\n\treturn (\n\t\t<button\n\t\t\tclass={rootClass()}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{local.children}\n\t\t</button>\n\t);\n}\n"]}

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

@@ -1,16 +0,0 @@
-export declare const buttonClass: {
-    readonly root: 'fl-button';
-    readonly variant: {
-        readonly solid: '--variant-solid';
-        readonly light: '--variant-light';
-        readonly ghost: '--variant-ghost';
-    };
-    readonly color: {
-        readonly primary: '--color-primary';
-        readonly secondary: '--color-secondary';
-        readonly success: '--color-success';
-        readonly danger: '--color-danger';
-    };
-};
-export type ButtonVariant = keyof typeof buttonClass.variant;
-export type ButtonColor = keyof typeof buttonClass.color;

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

@@ -1,15 +0,0 @@
-export const buttonClass = {
-    root: 'fl-button',
-    variant: {
-        solid: '--variant-solid',
-        light: '--variant-light',
-        ghost: '--variant-ghost',
-    },
-    color: {
-        primary: '--color-primary',
-        secondary: '--color-secondary',
-        success: '--color-success',
-        danger: '--color-danger',
-    },
-};
-//# sourceMappingURL=class.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"class.js","sourceRoot":"","sources":["../../../../src/components/button/class.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG;IAC1B,IAAI,EAAE,WAAW;IACjB,OAAO,EAAE;QACR,KAAK,EAAE,iBAAiB;QACxB,KAAK,EAAE,iBAAiB;QACxB,KAAK,EAAE,iBAAiB;KACxB;IACD,KAAK,EAAE;QACN,OAAO,EAAE,iBAAiB;QAC1B,SAAS,EAAE,mBAAmB;QAC9B,OAAO,EAAE,iBAAiB;QAC1B,MAAM,EAAE,gBAAgB;KACxB;CACQ,CAAC","sourcesContent":["export const buttonClass = {\n\troot: 'fl-button',\n\tvariant: {\n\t\tsolid: '--variant-solid',\n\t\tlight: '--variant-light',\n\t\tghost: '--variant-ghost',\n\t},\n\tcolor: {\n\t\tprimary: '--color-primary',\n\t\tsecondary: '--color-secondary',\n\t\tsuccess: '--color-success',\n\t\tdanger: '--color-danger',\n\t},\n} as const;\n\nexport type ButtonVariant = keyof typeof buttonClass.variant;\nexport type ButtonColor = keyof typeof buttonClass.color;\n"]}

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

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

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

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

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

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

package/dist/src/components/card/card-action.css

@@ -1,15 +0,0 @@
-@layer components {
-	.fl-card_action {
-		/* layout */
-		grid-column: 2;
-		grid-row: 1 / 3;
-		display: inline-flex;
-		align-self: start;
-		justify-self: end;
-		align-items: center;
-		justify-content: center;
-
-		/* text */
-		font-size: var(--fl-text-size-sm);
-	}
-}

package/dist/src/components/card/card-content.css

@@ -1,13 +0,0 @@
-@layer components {
-	.fl-card_content {
-		--fl-card-content-gap: 0;
-
-		/* layout */
-		display: flex;
-		flex-direction: column;
-		align-items: stretch;
-
-		/* spacing */
-		gap: calc(var(--fl-card-content-gap) * var(--fl-size-unit));
-	}
-}

package/dist/src/components/card/card-footer.css

@@ -1,39 +0,0 @@
-@layer components {
-	.fl-card_footer {
-		--fl-card-footer-gap: var(--fl-size-2);
-
-		/* layout */
-		display: flex;
-		flex-direction: row;
-		align-items: center;
-		justify-content: flex-start;
-
-		/* spacing */
-		gap: calc(var(--fl-card-footer-gap) * var(--fl-size-unit));
-	}
-
-	/* justify center */
-	.fl-card_footer.--justify-center {
-		justify-content: center;
-	}
-
-	/* justify right */
-	.fl-card_footer.--justify-right {
-		justify-content: flex-end;
-	}
-
-	/* justify space-between */
-	.fl-card_footer.--justify-space-between {
-		justify-content: space-between;
-	}
-
-	/* justify space-around */
-	.fl-card_footer.--justify-space-around {
-		justify-content: space-around;
-	}
-
-	/* justify space-evenly */
-	.fl-card_footer.--justify-space-evenly {
-		justify-content: space-evenly;
-	}
-}

package/dist/src/components/card/card-header.css

@@ -1,13 +0,0 @@
-@layer components {
-	.fl-card_header {
-		/* layout */
-		display: grid;
-		grid-template-columns: minmax(0, 1fr) auto;
-		grid-template-rows: auto auto;
-		align-items: start;
-
-		/* spacing */
-		column-gap: var(--fl-size-3);
-		row-gap: var(--fl-size-1);
-	}
-}

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

@@ -1,31 +0,0 @@
-@layer components {
-	.fl-card {
-		--fl-card-pad: var(--fl-size-4);
-		--fl-card-bg-color: var(--fl-body-bg-color);
-		--fl-card-border-color: var(--fl-input-border-color);
-		--fl-card-border-size: var(--fl-input-border-size);
-		--fl-card-border-radius: var(--fl-input-border-radius);
-		--fl-card-text-color: var(--fl-body-text-color);
-		--fl-card-shadow: var(--fl-shadow-sm);
-		--fl-card-gap: 6;
-
-		/* layout */
-		display: flex;
-		flex-direction: column;
-
-		/* spacing */
-		gap: calc(var(--fl-card-gap) * var(--fl-size-unit));
-		padding: var(--fl-card-pad);
-
-		/* background */
-		background: var(--fl-card-bg-color);
-		border: var(--fl-card-border-size) solid var(--fl-card-border-color);
-		border-radius: var(--fl-card-border-radius);
-
-		/* text */
-		color: var(--fl-card-text-color);
-
-		/* effects */
-		box-shadow: var(--fl-card-shadow);
-	}
-}

package/dist/src/components/card/card-subtitle.css

@@ -1,12 +0,0 @@
-@layer components {
-	.fl-card_subtitle {
-		/* layout */
-		grid-column: 1;
-		grid-row: 2;
-
-		/* text */
-		font: var(--fl-font-subtitle);
-		font-size: var(--fl-text-size-sm);
-		color: var(--fl-body-muted-text-color);
-	}
-}

package/dist/src/components/card/card-title.css

@@ -1,33 +0,0 @@
-@layer components {
-	.fl-card_title {
-		--fl-card-title-color: var(--fl-body-text-color);
-
-		/* layout */
-		grid-column: 1;
-		grid-row: 1;
-
-		/* text */
-		font: var(--fl-font-title);
-		color: var(--fl-card-title-color);
-	}
-
-	/* primary color */
-	.fl-card_title.--color-primary {
-		--fl-card-title-color: var(--fl-primary-color);
-	}
-
-	/* secondary color */
-	.fl-card_title.--color-secondary {
-		--fl-card-title-color: var(--fl-secondary-text-color);
-	}
-
-	/* success color */
-	.fl-card_title.--color-success {
-		--fl-card-title-color: var(--fl-success-color);
-	}
-
-	/* danger color */
-	.fl-card_title.--color-danger {
-		--fl-card-title-color: var(--fl-danger-color);
-	}
-}

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

@@ -1,42 +0,0 @@
-import { type JSX } from 'solid-js';
-import { type CardFooterJustify, type CardTitleColor } from './class';
-import './card-root.css';
-import './card-header.css';
-import './card-title.css';
-import './card-subtitle.css';
-import './card-action.css';
-import './card-content.css';
-import './card-footer.css';
-export type CardBaseProps = JSX.HTMLAttributes<HTMLDivElement>;
-export type CardHeaderProps = JSX.HTMLAttributes<HTMLDivElement>;
-export type CardSubtitleProps = JSX.HTMLAttributes<HTMLParagraphElement>;
-export type CardActionProps = JSX.HTMLAttributes<HTMLDivElement>;
-export interface CardProps extends CardBaseProps {
-    gap?: number | string;
-}
-export interface CardTitleProps extends JSX.HTMLAttributes<HTMLHeadingElement> {
-    color?: CardTitleColor;
-}
-export interface CardContentProps extends JSX.HTMLAttributes<HTMLDivElement> {
-    gap?: number | string;
-}
-export interface CardFooterProps extends JSX.HTMLAttributes<HTMLDivElement> {
-    gap?: number | string;
-    justify?: CardFooterJustify;
-}
-declare function CardRoot(props: CardProps): JSX.Element;
-export declare function CardHeader(props: CardHeaderProps): JSX.Element;
-export declare function CardTitle(props: CardTitleProps): JSX.Element;
-export declare function CardSubtitle(props: CardSubtitleProps): JSX.Element;
-export declare function CardAction(props: CardActionProps): JSX.Element;
-export declare function CardContent(props: CardContentProps): JSX.Element;
-export declare function CardFooter(props: CardFooterProps): JSX.Element;
-export declare const Card: typeof CardRoot & {
-    Header: typeof CardHeader;
-    Title: typeof CardTitle;
-    Subtitle: typeof CardSubtitle;
-    Action: typeof CardAction;
-    Content: typeof CardContent;
-    Footer: typeof CardFooter;
-};
-export {};

package/dist/src/components/card/card.jsx

@@ -1,86 +0,0 @@
-import clsx from 'clsx/lite';
-import { splitProps } from 'solid-js';
-import { cardClass } from './class';
-import './card-root.css';
-import './card-header.css';
-import './card-title.css';
-import './card-subtitle.css';
-import './card-action.css';
-import './card-content.css';
-import './card-footer.css';
-function mergeStyleVar(style, variable, value) {
-    if (typeof style === 'string') {
-        if (value === undefined) {
-            return style;
-        }
-        return `${variable}: ${value}; ${style}`;
-    }
-    return {
-        [variable]: value,
-        ...style,
-    };
-}
-function CardRoot(props) {
-    const [local, rest] = splitProps(props, ['class', 'children', 'gap', 'style']);
-    const rootClass = () => clsx(cardClass.root, local.class);
-    return (<div class={rootClass()} style={mergeStyleVar(local.style, cardClass.rootGapVar, local.gap)} {...rest}>
-			{local.children}
-		</div>);
-}
-export function CardHeader(props) {
-    const [local, rest] = splitProps(props, ['class', 'children']);
-    const rootClass = () => clsx(cardClass.header, local.class);
-    return (<div class={rootClass()} {...rest}>
-			{local.children}
-		</div>);
-}
-export function CardTitle(props) {
-    const [local, rest] = splitProps(props, ['class', 'children', 'color']);
-    const rootClass = () => {
-        const colorClass = local.color ? cardClass.titleColor[local.color] : undefined;
-        return clsx(cardClass.title, colorClass, local.class);
-    };
-    return (<h3 class={rootClass()} {...rest}>
-			{local.children}
-		</h3>);
-}
-export function CardSubtitle(props) {
-    const [local, rest] = splitProps(props, ['class', 'children']);
-    const rootClass = () => clsx(cardClass.subtitle, local.class);
-    return (<p class={rootClass()} {...rest}>
-			{local.children}
-		</p>);
-}
-export function CardAction(props) {
-    const [local, rest] = splitProps(props, ['class', 'children']);
-    const rootClass = () => clsx(cardClass.action, local.class);
-    return (<div class={rootClass()} {...rest}>
-			{local.children}
-		</div>);
-}
-export function CardContent(props) {
-    const [local, rest] = splitProps(props, ['class', 'children', 'gap', 'style']);
-    const rootClass = () => clsx(cardClass.content, local.class);
-    return (<div class={rootClass()} style={mergeStyleVar(local.style, cardClass.contentGapVar, local.gap)} {...rest}>
-			{local.children}
-		</div>);
-}
-export function CardFooter(props) {
-    const [local, rest] = splitProps(props, ['class', 'children', 'gap', 'justify', 'style']);
-    const rootClass = () => {
-        const justifyClass = local.justify ? cardClass.footerJustify[local.justify] : undefined;
-        return clsx(cardClass.footer, justifyClass, local.class);
-    };
-    return (<div class={rootClass()} style={mergeStyleVar(local.style, cardClass.footerGapVar, local.gap)} {...rest}>
-			{local.children}
-		</div>);
-}
-export const Card = Object.assign(CardRoot, {
-    Header: CardHeader,
-    Title: CardTitle,
-    Subtitle: CardSubtitle,
-    Action: CardAction,
-    Content: CardContent,
-    Footer: CardFooter,
-});
-//# sourceMappingURL=card.jsx.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"card.jsx","sourceRoot":"","sources":["../../../../src/components/card/card.tsx"],"names":[],"mappings":"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","sourcesContent":["import clsx from 'clsx/lite';\nimport { type JSX, splitProps } from 'solid-js';\nimport { type CardFooterJustify, type CardTitleColor, cardClass } from './class';\nimport './card-root.css';\nimport './card-header.css';\nimport './card-title.css';\nimport './card-subtitle.css';\nimport './card-action.css';\nimport './card-content.css';\nimport './card-footer.css';\n\nfunction mergeStyleVar(\n\tstyle: JSX.CSSProperties | string | undefined,\n\tvariable: string,\n\tvalue: number | string | undefined,\n) {\n\tif (typeof style === 'string') {\n\t\tif (value === undefined) {\n\t\t\treturn style;\n\t\t}\n\n\t\treturn `${variable}: ${value}; ${style}`;\n\t}\n\n\treturn {\n\t\t[variable]: value,\n\t\t...style,\n\t};\n}\n\nexport type CardBaseProps = JSX.HTMLAttributes<HTMLDivElement>;\nexport type CardHeaderProps = JSX.HTMLAttributes<HTMLDivElement>;\nexport type CardSubtitleProps = JSX.HTMLAttributes<HTMLParagraphElement>;\nexport type CardActionProps = JSX.HTMLAttributes<HTMLDivElement>;\n\nexport interface CardProps extends CardBaseProps {\n\tgap?: number | string;\n}\n\nexport interface CardTitleProps extends JSX.HTMLAttributes<HTMLHeadingElement> {\n\tcolor?: CardTitleColor;\n}\n\nexport interface CardContentProps extends JSX.HTMLAttributes<HTMLDivElement> {\n\tgap?: number | string;\n}\n\nexport interface CardFooterProps extends JSX.HTMLAttributes<HTMLDivElement> {\n\tgap?: number | string;\n\tjustify?: CardFooterJustify;\n}\n\nfunction CardRoot(props: CardProps) {\n\tconst [local, rest] = splitProps(props, ['class', 'children', 'gap', 'style']);\n\n\tconst rootClass = () => clsx(cardClass.root, local.class);\n\n\treturn (\n\t\t<div\n\t\t\tclass={rootClass()}\n\t\t\tstyle={mergeStyleVar(local.style, cardClass.rootGapVar, local.gap)}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{local.children}\n\t\t</div>\n\t);\n}\n\nexport function CardHeader(props: CardHeaderProps) {\n\tconst [local, rest] = splitProps(props, ['class', 'children']);\n\n\tconst rootClass = () => clsx(cardClass.header, local.class);\n\n\treturn (\n\t\t<div\n\t\t\tclass={rootClass()}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{local.children}\n\t\t</div>\n\t);\n}\n\nexport function CardTitle(props: CardTitleProps) {\n\tconst [local, rest] = splitProps(props, ['class', 'children', 'color']);\n\n\tconst rootClass = () => {\n\t\tconst colorClass = local.color ? cardClass.titleColor[local.color] : undefined;\n\n\t\treturn clsx(cardClass.title, colorClass, local.class);\n\t};\n\n\treturn (\n\t\t<h3\n\t\t\tclass={rootClass()}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{local.children}\n\t\t</h3>\n\t);\n}\n\nexport function CardSubtitle(props: CardSubtitleProps) {\n\tconst [local, rest] = splitProps(props, ['class', 'children']);\n\n\tconst rootClass = () => clsx(cardClass.subtitle, local.class);\n\n\treturn (\n\t\t<p\n\t\t\tclass={rootClass()}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{local.children}\n\t\t</p>\n\t);\n}\n\nexport function CardAction(props: CardActionProps) {\n\tconst [local, rest] = splitProps(props, ['class', 'children']);\n\n\tconst rootClass = () => clsx(cardClass.action, local.class);\n\n\treturn (\n\t\t<div\n\t\t\tclass={rootClass()}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{local.children}\n\t\t</div>\n\t);\n}\n\nexport function CardContent(props: CardContentProps) {\n\tconst [local, rest] = splitProps(props, ['class', 'children', 'gap', 'style']);\n\n\tconst rootClass = () => clsx(cardClass.content, local.class);\n\n\treturn (\n\t\t<div\n\t\t\tclass={rootClass()}\n\t\t\tstyle={mergeStyleVar(local.style, cardClass.contentGapVar, local.gap)}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{local.children}\n\t\t</div>\n\t);\n}\n\nexport function CardFooter(props: CardFooterProps) {\n\tconst [local, rest] = splitProps(props, ['class', 'children', 'gap', 'justify', 'style']);\n\n\tconst rootClass = () => {\n\t\tconst justifyClass = local.justify ? cardClass.footerJustify[local.justify] : undefined;\n\n\t\treturn clsx(cardClass.footer, justifyClass, local.class);\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclass={rootClass()}\n\t\t\tstyle={mergeStyleVar(local.style, cardClass.footerGapVar, local.gap)}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{local.children}\n\t\t</div>\n\t);\n}\n\nexport const Card = Object.assign(CardRoot, {\n\tHeader: CardHeader,\n\tTitle: CardTitle,\n\tSubtitle: CardSubtitle,\n\tAction: CardAction,\n\tContent: CardContent,\n\tFooter: CardFooter,\n});\n"]}

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

@@ -1,28 +0,0 @@
-export declare const cardClass: {
-    readonly root: 'fl-card';
-    readonly rootGapVar: '--fl-card-gap';
-    readonly header: 'fl-card_header';
-    readonly title: 'fl-card_title';
-    readonly titleColor: {
-        readonly primary: '--color-primary';
-        readonly secondary: '--color-secondary';
-        readonly success: '--color-success';
-        readonly danger: '--color-danger';
-    };
-    readonly subtitle: 'fl-card_subtitle';
-    readonly action: 'fl-card_action';
-    readonly content: 'fl-card_content';
-    readonly contentGapVar: '--fl-card-content-gap';
-    readonly footer: 'fl-card_footer';
-    readonly footerGapVar: '--fl-card-footer-gap';
-    readonly footerJustify: {
-        readonly left: '--justify-left';
-        readonly center: '--justify-center';
-        readonly right: '--justify-right';
-        readonly 'space-between': '--justify-space-between';
-        readonly 'space-around': '--justify-space-around';
-        readonly 'space-evenly': '--justify-space-evenly';
-    };
-};
-export type CardTitleColor = keyof typeof cardClass.titleColor;
-export type CardFooterJustify = keyof typeof cardClass.footerJustify;

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

@@ -1,27 +0,0 @@
-export const cardClass = {
-    root: 'fl-card',
-    rootGapVar: '--fl-card-gap',
-    header: 'fl-card_header',
-    title: 'fl-card_title',
-    titleColor: {
-        primary: '--color-primary',
-        secondary: '--color-secondary',
-        success: '--color-success',
-        danger: '--color-danger',
-    },
-    subtitle: 'fl-card_subtitle',
-    action: 'fl-card_action',
-    content: 'fl-card_content',
-    contentGapVar: '--fl-card-content-gap',
-    footer: 'fl-card_footer',
-    footerGapVar: '--fl-card-footer-gap',
-    footerJustify: {
-        left: '--justify-left',
-        center: '--justify-center',
-        right: '--justify-right',
-        'space-between': '--justify-space-between',
-        'space-around': '--justify-space-around',
-        'space-evenly': '--justify-space-evenly',
-    },
-};
-//# sourceMappingURL=class.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"class.js","sourceRoot":"","sources":["../../../../src/components/card/class.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACxB,IAAI,EAAE,SAAS;IACf,UAAU,EAAE,eAAe;IAC3B,MAAM,EAAE,gBAAgB;IACxB,KAAK,EAAE,eAAe;IACtB,UAAU,EAAE;QACX,OAAO,EAAE,iBAAiB;QAC1B,SAAS,EAAE,mBAAmB;QAC9B,OAAO,EAAE,iBAAiB;QAC1B,MAAM,EAAE,gBAAgB;KACxB;IACD,QAAQ,EAAE,kBAAkB;IAC5B,MAAM,EAAE,gBAAgB;IACxB,OAAO,EAAE,iBAAiB;IAC1B,aAAa,EAAE,uBAAuB;IACtC,MAAM,EAAE,gBAAgB;IACxB,YAAY,EAAE,sBAAsB;IACpC,aAAa,EAAE;QACd,IAAI,EAAE,gBAAgB;QACtB,MAAM,EAAE,kBAAkB;QAC1B,KAAK,EAAE,iBAAiB;QACxB,eAAe,EAAE,yBAAyB;QAC1C,cAAc,EAAE,wBAAwB;QACxC,cAAc,EAAE,wBAAwB;KACxC;CACQ,CAAC","sourcesContent":["export const cardClass = {\n\troot: 'fl-card',\n\trootGapVar: '--fl-card-gap',\n\theader: 'fl-card_header',\n\ttitle: 'fl-card_title',\n\ttitleColor: {\n\t\tprimary: '--color-primary',\n\t\tsecondary: '--color-secondary',\n\t\tsuccess: '--color-success',\n\t\tdanger: '--color-danger',\n\t},\n\tsubtitle: 'fl-card_subtitle',\n\taction: 'fl-card_action',\n\tcontent: 'fl-card_content',\n\tcontentGapVar: '--fl-card-content-gap',\n\tfooter: 'fl-card_footer',\n\tfooterGapVar: '--fl-card-footer-gap',\n\tfooterJustify: {\n\t\tleft: '--justify-left',\n\t\tcenter: '--justify-center',\n\t\tright: '--justify-right',\n\t\t'space-between': '--justify-space-between',\n\t\t'space-around': '--justify-space-around',\n\t\t'space-evenly': '--justify-space-evenly',\n\t},\n} as const;\n\nexport type CardTitleColor = keyof typeof cardClass.titleColor;\nexport type CardFooterJustify = keyof typeof cardClass.footerJustify;\n"]}

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

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

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

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

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

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

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

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

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

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

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

@@ -1,43 +0,0 @@
-import clsx from 'clsx/lite';
-import { createSignal, createUniqueId, splitProps } from 'solid-js';
-import { checkboxClass } from './class';
-import { CheckboxGroupContext } from './context';
-import './checkbox-group.css';
-export function CheckboxGroup(props) {
-    const generatedName = createUniqueId();
-    const [local, rest] = splitProps(props, [
-        'class',
-        'children',
-        'value',
-        'defaultValue',
-        'name',
-        'disabled',
-        'onChange',
-    ]);
-    const [internalValue, setInternalValue] = createSignal(local.defaultValue ?? []);
-    const values = () => local.value ?? internalValue();
-    const name = () => local.name ?? generatedName;
-    const disabled = () => Boolean(local.disabled);
-    const toggleValue = (nextValue, checked) => {
-        const current = values();
-        let next = current;
-        if (checked) {
-            if (!current.includes(nextValue)) {
-                next = [...current, nextValue];
-            }
-        }
-        else {
-            next = current.filter((value) => value !== nextValue);
-        }
-        if (local.value === undefined) {
-            setInternalValue(next);
-        }
-        local.onChange?.(next);
-    };
-    return (<CheckboxGroupContext.Provider value={{ name, values, toggleValue, disabled }}>
-			<div class={clsx(checkboxClass.group, local.class)} role="group" {...rest}>
-				{local.children}
-			</div>
-		</CheckboxGroupContext.Provider>);
-}
-//# sourceMappingURL=checkbox-group.jsx.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox-group.jsx","sourceRoot":"","sources":["../../../../src/components/checkbox/checkbox-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,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAEjD,OAAO,sBAAsB,CAAC;AAE9B,MAAM,UAAU,aAAa,CAAC,KAAyB;IACtD,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,IAAI,EAAE,CAAC,CAAC;IAEjF,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,aAAa,EAAE,CAAC;IACpD,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,WAAW,GAAG,CAAC,SAAiB,EAAE,OAAgB,EAAE,EAAE;QAC3D,MAAM,OAAO,GAAG,MAAM,EAAE,CAAC;QACzB,IAAI,IAAI,GAAG,OAAO,CAAC;QAEnB,IAAI,OAAO,EAAE,CAAC;YACb,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;gBAClC,IAAI,GAAG,CAAC,GAAG,OAAO,EAAE,SAAS,CAAC,CAAC;YAChC,CAAC;QACF,CAAC;aAAM,CAAC;YACP,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC;QACvD,CAAC;QAED,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YAC/B,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;QAED,KAAK,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACN,CAAC,oBAAoB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,CAC7E;GAAA,CAAC,GAAG,CACH,KAAK,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAC9C,IAAI,CAAC,OAAO,CACZ,IAAI,IAAI,CAAC,CAET;IAAA,CAAC,KAAK,CAAC,QAAQ,CAChB;GAAA,EAAE,GAAG,CACN;EAAA,EAAE,oBAAoB,CAAC,QAAQ,CAAC,CAChC,CAAC;AACH,CAAC","sourcesContent":["import clsx from 'clsx/lite';\nimport { createSignal, createUniqueId, splitProps } from 'solid-js';\nimport { checkboxClass } from './class';\nimport { CheckboxGroupContext } from './context';\nimport type { CheckboxGroupProps } from './types';\nimport './checkbox-group.css';\n\nexport function CheckboxGroup(props: CheckboxGroupProps) {\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 values = () => local.value ?? internalValue();\n\tconst name = () => local.name ?? generatedName;\n\tconst disabled = () => Boolean(local.disabled);\n\tconst toggleValue = (nextValue: string, checked: boolean) => {\n\t\tconst current = values();\n\t\tlet next = current;\n\n\t\tif (checked) {\n\t\t\tif (!current.includes(nextValue)) {\n\t\t\t\tnext = [...current, nextValue];\n\t\t\t}\n\t\t} else {\n\t\t\tnext = current.filter((value) => value !== nextValue);\n\t\t}\n\n\t\tif (local.value === undefined) {\n\t\t\tsetInternalValue(next);\n\t\t}\n\n\t\tlocal.onChange?.(next);\n\t};\n\n\treturn (\n\t\t<CheckboxGroupContext.Provider value={{ name, values, toggleValue, disabled }}>\n\t\t\t<div\n\t\t\t\tclass={clsx(checkboxClass.group, local.class)}\n\t\t\t\trole=\"group\"\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</CheckboxGroupContext.Provider>\n\t);\n}\n"]}

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

@@ -1,85 +0,0 @@
-@layer components {
-	.fl-checkbox {
-		/* layout */
-		display: inline-flex;
-		align-items: center;
-
-		/* spacing */
-		gap: var(--fl-size-2);
-
-		/* pointer */
-		cursor: pointer;
-		user-select: none;
-	}
-
-	.fl-checkbox[data-disabled] {
-		cursor: var(--fl-disabled-cursor);
-		opacity: var(--fl-disabled-opacity);
-	}
-
-	.fl-checkbox .fl-checkbox_input {
-		/* layout */
-		position: absolute;
-		opacity: 0;
-		width: 1px;
-		height: 1px;
-		pointer-events: none;
-	}
-
-	.fl-checkbox .fl-checkbox_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-sm);
-		color: var(--fl-secondary-text-color);
-
-		/* effects */
-		box-shadow: var(--fl-input-shadow);
-		transition:
-			background var(--fl-animation-duration) ease,
-			border-color var(--fl-animation-duration) ease,
-			color var(--fl-animation-duration) ease;
-	}
-
-	.fl-checkbox .fl-checkbox_indicator {
-		/* layout */
-		display: inline-flex;
-		align-items: center;
-		justify-content: center;
-		width: 100%;
-		height: 100%;
-
-		/* effects */
-		scale: 0;
-		transition: scale var(--fl-animation-duration) ease;
-	}
-
-	.fl-checkbox .fl-checkbox_input:checked + .fl-checkbox_control {
-		background: var(--fl-primary-color);
-		border-color: color-mix(in oklab, var(--fl-primary-color), black 20%);
-		color: var(--fl-primary-text-color);
-	}
-
-	.fl-checkbox .fl-checkbox_input:checked + .fl-checkbox_control .fl-checkbox_indicator {
-		scale: 1;
-	}
-
-	.fl-checkbox .fl-checkbox_input:focus-visible + .fl-checkbox_control {
-		outline: var(--fl-focus-ring-size) solid var(--fl-focus-ring-color);
-		outline-offset: var(--fl-focus-ring-offset);
-	}
-
-	.fl-checkbox .fl-checkbox_label {
-		/* text */
-		color: var(--fl-body-text-color);
-		font-size: var(--fl-text-size-base);
-	}
-}

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

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