@edo-w/flatline-solid 0.2.1 → 0.3.0

package/dist/src/components/tabs/tabs-indicator.css

@@ -1,32 +0,0 @@
-@layer components {
-	.fl-tabs .fl-tabs_indicator {
-		/* layout */
-		position: absolute;
-
-		/* background */
-		background-color: var(--fl-tabs-indicator-color);
-
-		/* effects */
-		transition: all var(--fl-animation-duration) ease-in-out;
-	}
-
-	/* horizontal indicator */
-	.fl-tabs .fl-tabs_indicator[data-orientation="horizontal"] {
-		/* layout */
-		bottom: calc(var(--fl-border-size, 1px) * -1);
-		height: var(--fl-tabs-indicator-size);
-
-		/* background */
-		border-radius: var(--fl-radius-full);
-	}
-
-	/* vertical indicator */
-	.fl-tabs .fl-tabs_indicator[data-orientation="vertical"] {
-		/* layout */
-		right: calc(var(--fl-border-size, 1px) * -1);
-		width: var(--fl-tabs-indicator-size);
-
-		/* background */
-		border-radius: var(--fl-radius-full);
-	}
-}

package/dist/src/components/tabs/tabs-list.css

@@ -1,26 +0,0 @@
-@layer components {
-	.fl-tabs .fl-tabs_list {
-		/* layout */
-		position: relative;
-		display: flex;
-	}
-
-	/* horizontal list */
-	.fl-tabs .fl-tabs_list[data-orientation="horizontal"] {
-		/* layout */
-		align-items: center;
-
-		/* background */
-		border-bottom: var(--fl-border-size, 1px) solid var(--fl-tabs-list-border-color);
-	}
-
-	/* vertical list */
-	.fl-tabs .fl-tabs_list[data-orientation="vertical"] {
-		/* layout */
-		flex-direction: column;
-		align-items: stretch;
-
-		/* background */
-		border-right: var(--fl-border-size, 1px) solid var(--fl-tabs-list-border-color);
-	}
-}

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

@@ -1,34 +0,0 @@
-@layer components {
-	.fl-tabs {
-		--fl-tabs-indicator-size: 2px;
-		--fl-tabs-indicator-color: var(--fl-primary-color);
-		--fl-tabs-list-border-color: var(--fl-input-border-color, var(--fl-border-color));
-		--fl-tabs-trigger-hover-bg: var(--fl-input-bg-hover-color, color-mix(in oklab, white, black 5%));
-		--fl-tabs-trigger-focus-bg: color-mix(in oklab, var(--fl-input-bg-color, white), black 3%);
-
-		/* layout */
-		width: 100%;
-
-		/* text */
-		color: var(--fl-body-text-color);
-	}
-
-	/* primary color variant */
-	.fl-tabs.--color-primary {
-		--fl-tabs-indicator-color: var(--fl-primary-color);
-	}
-
-	/* secondary color variant */
-	.fl-tabs.--color-secondary {
-		--fl-tabs-indicator-color: var(--fl-secondary-text-color);
-	}
-
-	/* vertical orientation */
-	.fl-tabs[data-orientation="vertical"] {
-		/* layout */
-		display: flex;
-
-		/* spacing */
-		gap: var(--fl-size-4);
-	}
-}

package/dist/src/components/tabs/tabs-trigger.css

@@ -1,58 +0,0 @@
-@layer components {
-	.fl-tabs .fl-tabs_trigger {
-		/* reset */
-		appearance: none;
-
-		/* layout */
-		display: inline-flex;
-		align-items: center;
-		justify-content: center;
-
-		/* spacing */
-		padding-inline: var(--fl-size-4);
-		padding-block: var(--fl-input-pad-y, var(--fl-size-1-5));
-
-		/* background */
-		border: 0;
-		background: transparent;
-
-		/* text */
-		color: var(--fl-body-text-color);
-		font: inherit;
-		font-weight: var(--fl-font-weight-medium);
-		white-space: nowrap;
-
-		/* pointer */
-		cursor: pointer;
-		user-select: none;
-
-		/* effects */
-		transition:
-			background-color 188ms ease-in-out,
-			color 188ms ease-in-out;
-	}
-
-	/* hover state */
-	.fl-tabs .fl-tabs_trigger:hover:not([data-disabled]) {
-		background-color: var(--fl-tabs-trigger-hover-bg);
-	}
-
-	/* focus-visible state */
-	.fl-tabs .fl-tabs_trigger:focus-visible {
-		outline: none;
-		background-color: var(--fl-tabs-trigger-focus-bg);
-	}
-
-	/* selected state */
-	.fl-tabs .fl-tabs_trigger[data-selected] {
-		color: var(--fl-tabs-indicator-color);
-	}
-
-	/* disabled state */
-	.fl-tabs .fl-tabs_trigger[data-disabled],
-	.fl-tabs .fl-tabs_trigger[data-disabled]:hover {
-		opacity: var(--fl-disabled-opacity);
-		background-color: transparent;
-		cursor: var(--fl-disabled-cursor);
-	}
-}

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

@@ -1,27 +0,0 @@
-import { type TabsContentProps as KTabsContentProps, type TabsIndicatorProps as KTabsIndicatorProps, type TabsListProps as KTabsListProps, type TabsRootProps as KTabsRootProps, type TabsTriggerProps as KTabsTriggerProps } from '@kobalte/core/tabs';
-import { type JSX } from 'solid-js';
-import { type TabsColor } from './class';
-import './tabs-root.css';
-import './tabs-list.css';
-import './tabs-trigger.css';
-import './tabs-indicator.css';
-import './tabs-content.css';
-export type TabsRootBaseProps = KTabsRootProps & JSX.HTMLAttributes<HTMLDivElement>;
-export interface TabsRootProps extends TabsRootBaseProps {
-    color?: TabsColor;
-}
-export type TabsListProps = KTabsListProps & JSX.HTMLAttributes<HTMLDivElement>;
-export type TabsTriggerProps = KTabsTriggerProps & JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-export type TabsIndicatorProps = KTabsIndicatorProps & JSX.HTMLAttributes<HTMLDivElement>;
-export type TabsContentProps = KTabsContentProps & JSX.HTMLAttributes<HTMLDivElement>;
-export declare function TabsRoot(props: TabsRootProps): JSX.Element;
-export declare function TabsList(props: TabsListProps): JSX.Element;
-export declare function TabsTrigger(props: TabsTriggerProps): JSX.Element;
-export declare function TabsIndicator(props: TabsIndicatorProps): JSX.Element;
-export declare function TabsContent(props: TabsContentProps): JSX.Element;
-export declare const Tabs: typeof TabsRoot & {
-    List: typeof TabsList;
-    Trigger: typeof TabsTrigger;
-    Indicator: typeof TabsIndicator;
-    Content: typeof TabsContent;
-};

package/dist/src/components/tabs/tabs.jsx

@@ -1,47 +0,0 @@
-import { Tabs as KTabs, } from '@kobalte/core/tabs';
-import clsx from 'clsx/lite';
-import { mergeProps, splitProps } from 'solid-js';
-import { tabsClass } from './class';
-import './tabs-root.css';
-import './tabs-list.css';
-import './tabs-trigger.css';
-import './tabs-indicator.css';
-import './tabs-content.css';
-export function TabsRoot(props) {
-    const merged = mergeProps({
-        color: 'primary',
-    }, props);
-    const [local, rest] = splitProps(merged, ['class', 'color']);
-    const rootClass = () => {
-        const colorClass = tabsClass.color[local.color];
-        return clsx(tabsClass.root, colorClass, local.class);
-    };
-    return (<KTabs class={rootClass()} {...rest}/>);
-}
-export function TabsList(props) {
-    const [local, rest] = splitProps(props, ['class']);
-    const rootClass = () => clsx(tabsClass.list, local.class);
-    return (<KTabs.List class={rootClass()} {...rest}/>);
-}
-export function TabsTrigger(props) {
-    const [local, rest] = splitProps(props, ['class']);
-    const rootClass = () => clsx(tabsClass.trigger, local.class);
-    return (<KTabs.Trigger class={rootClass()} {...rest}/>);
-}
-export function TabsIndicator(props) {
-    const [local, rest] = splitProps(props, ['class']);
-    const rootClass = () => clsx(tabsClass.indicator, local.class);
-    return (<KTabs.Indicator class={rootClass()} {...rest}/>);
-}
-export function TabsContent(props) {
-    const [local, rest] = splitProps(props, ['class']);
-    const rootClass = () => clsx(tabsClass.content, local.class);
-    return (<KTabs.Content class={rootClass()} {...rest}/>);
-}
-export const Tabs = Object.assign(TabsRoot, {
-    List: TabsList,
-    Trigger: TabsTrigger,
-    Indicator: TabsIndicator,
-    Content: TabsContent,
-});
-//# sourceMappingURL=tabs.jsx.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"tabs.jsx","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,IAAI,IAAI,KAAK,GAMb,MAAM,oBAAoB,CAAC;AAC5B,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAY,UAAU,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC5D,OAAO,EAAkB,SAAS,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AACzB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,oBAAoB,CAAC;AAa5B,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC5C,MAAM,MAAM,GAAG,UAAU,CACxB;QACC,KAAK,EAAE,SAAS;KACP,EACV,KAAK,CACL,CAAC;IACF,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE7D,MAAM,SAAS,GAAG,GAAG,EAAE;QACtB,MAAM,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAEhD,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACtD,CAAC,CAAC;IAEF,OAAO,CACN,CAAC,KAAK,CACL,KAAK,CAAC,CAAC,SAAS,EAAE,CAAC,CACnB,IAAI,IAAI,CAAC,EACR,CACF,CAAC;AACH,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC5C,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEnD,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAE1D,OAAO,CACN,CAAC,KAAK,CAAC,IAAI,CACV,KAAK,CAAC,CAAC,SAAS,EAAE,CAAC,CACnB,IAAI,IAAI,CAAC,EACR,CACF,CAAC;AACH,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,KAAuB;IAClD,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEnD,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAE7D,OAAO,CACN,CAAC,KAAK,CAAC,OAAO,CACb,KAAK,CAAC,CAAC,SAAS,EAAE,CAAC,CACnB,IAAI,IAAI,CAAC,EACR,CACF,CAAC;AACH,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,KAAyB;IACtD,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEnD,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAE/D,OAAO,CACN,CAAC,KAAK,CAAC,SAAS,CACf,KAAK,CAAC,CAAC,SAAS,EAAE,CAAC,CACnB,IAAI,IAAI,CAAC,EACR,CACF,CAAC;AACH,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,KAAuB;IAClD,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEnD,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAE7D,OAAO,CACN,CAAC,KAAK,CAAC,OAAO,CACb,KAAK,CAAC,CAAC,SAAS,EAAE,CAAC,CACnB,IAAI,IAAI,CAAC,EACR,CACF,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IAC3C,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,WAAW;IACpB,SAAS,EAAE,aAAa;IACxB,OAAO,EAAE,WAAW;CACpB,CAAC,CAAC","sourcesContent":["import {\n\tTabs as KTabs,\n\ttype TabsContentProps as KTabsContentProps,\n\ttype TabsIndicatorProps as KTabsIndicatorProps,\n\ttype TabsListProps as KTabsListProps,\n\ttype TabsRootProps as KTabsRootProps,\n\ttype TabsTriggerProps as KTabsTriggerProps,\n} from '@kobalte/core/tabs';\nimport clsx from 'clsx/lite';\nimport { type JSX, mergeProps, splitProps } from 'solid-js';\nimport { type TabsColor, tabsClass } from './class';\nimport './tabs-root.css';\nimport './tabs-list.css';\nimport './tabs-trigger.css';\nimport './tabs-indicator.css';\nimport './tabs-content.css';\n\nexport type TabsRootBaseProps = KTabsRootProps & JSX.HTMLAttributes<HTMLDivElement>;\n\nexport interface TabsRootProps extends TabsRootBaseProps {\n\tcolor?: TabsColor;\n}\n\nexport type TabsListProps = KTabsListProps & JSX.HTMLAttributes<HTMLDivElement>;\nexport type TabsTriggerProps = KTabsTriggerProps & JSX.ButtonHTMLAttributes<HTMLButtonElement>;\nexport type TabsIndicatorProps = KTabsIndicatorProps & JSX.HTMLAttributes<HTMLDivElement>;\nexport type TabsContentProps = KTabsContentProps & JSX.HTMLAttributes<HTMLDivElement>;\n\nexport function TabsRoot(props: TabsRootProps) {\n\tconst merged = mergeProps(\n\t\t{\n\t\t\tcolor: 'primary',\n\t\t} as const,\n\t\tprops,\n\t);\n\tconst [local, rest] = splitProps(merged, ['class', 'color']);\n\n\tconst rootClass = () => {\n\t\tconst colorClass = tabsClass.color[local.color];\n\n\t\treturn clsx(tabsClass.root, colorClass, local.class);\n\t};\n\n\treturn (\n\t\t<KTabs\n\t\t\tclass={rootClass()}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n\nexport function TabsList(props: TabsListProps) {\n\tconst [local, rest] = splitProps(props, ['class']);\n\n\tconst rootClass = () => clsx(tabsClass.list, local.class);\n\n\treturn (\n\t\t<KTabs.List\n\t\t\tclass={rootClass()}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n\nexport function TabsTrigger(props: TabsTriggerProps) {\n\tconst [local, rest] = splitProps(props, ['class']);\n\n\tconst rootClass = () => clsx(tabsClass.trigger, local.class);\n\n\treturn (\n\t\t<KTabs.Trigger\n\t\t\tclass={rootClass()}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n\nexport function TabsIndicator(props: TabsIndicatorProps) {\n\tconst [local, rest] = splitProps(props, ['class']);\n\n\tconst rootClass = () => clsx(tabsClass.indicator, local.class);\n\n\treturn (\n\t\t<KTabs.Indicator\n\t\t\tclass={rootClass()}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n\nexport function TabsContent(props: TabsContentProps) {\n\tconst [local, rest] = splitProps(props, ['class']);\n\n\tconst rootClass = () => clsx(tabsClass.content, local.class);\n\n\treturn (\n\t\t<KTabs.Content\n\t\t\tclass={rootClass()}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n\nexport const Tabs = Object.assign(TabsRoot, {\n\tList: TabsList,\n\tTrigger: TabsTrigger,\n\tIndicator: TabsIndicator,\n\tContent: TabsContent,\n});\n"]}

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/src/components/textarea/textarea.css

@@ -1,46 +0,0 @@
-@layer components {
-	.fl-textarea {
-		/* reset */
-		appearance: initial;
-		outline: none;
-
-		/* layout */
-		display: block;
-		width: 100%;
-		min-width: 0;
-		min-height: var(--fl-size-24);
-
-		/* spacing */
-		padding-inline: var(--fl-input-pad-x);
-		padding-block: var(--fl-input-pad-y);
-
-		/* background */
-		background: var(--fl-input-bg-color);
-		border: var(--fl-input-border-size) solid var(--fl-input-border-color);
-		border-radius: var(--fl-input-border-radius);
-		box-shadow: var(--fl-input-shadow);
-
-		/* text */
-		color: var(--fl-input-text-color);
-		font: inherit;
-		line-height: 1.5;
-
-		/* pointer */
-		resize: vertical;
-	}
-
-	.fl-textarea::placeholder {
-		color: var(--fl-body-muted-text-color);
-	}
-
-	.fl-textarea:focus-visible:not(:disabled) {
-		border-color: var(--fl-input-border-focus-color);
-		outline: var(--fl-focus-ring-size) solid var(--fl-focus-ring-color);
-		outline-offset: 0;
-	}
-
-	.fl-textarea:disabled {
-		opacity: var(--fl-disabled-opacity);
-		cursor: var(--fl-disabled-cursor);
-	}
-}

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

@@ -1,6 +0,0 @@
-import { type JSX } from 'solid-js';
-import './textarea.css';
-export type TextAreaBaseProps = JSX.TextareaHTMLAttributes<HTMLTextAreaElement>;
-export interface TextAreaProps extends TextAreaBaseProps {
-}
-export declare function TextArea(props: TextAreaProps): JSX.Element;

package/dist/src/components/textarea/textarea.jsx

@@ -1,10 +0,0 @@
-import clsx from 'clsx/lite';
-import { splitProps } from 'solid-js';
-import { textAreaClass } from './class';
-import './textarea.css';
-export function TextArea(props) {
-    const [local, rest] = splitProps(props, ['class']);
-    const rootClass = () => clsx(textAreaClass.root, local.class);
-    return (<textarea class={rootClass()} {...rest}/>);
-}
-//# sourceMappingURL=textarea.jsx.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"textarea.jsx","sourceRoot":"","sources":["../../../../src/components/textarea/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAY,UAAU,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,gBAAgB,CAAC;AAMxB,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC5C,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEnD,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAE9D,OAAO,CACN,CAAC,QAAQ,CACR,KAAK,CAAC,CAAC,SAAS,EAAE,CAAC,CACnB,IAAI,IAAI,CAAC,EACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import clsx from 'clsx/lite';\nimport { type JSX, splitProps } from 'solid-js';\nimport { textAreaClass } from './class';\nimport './textarea.css';\n\nexport type TextAreaBaseProps = JSX.TextareaHTMLAttributes<HTMLTextAreaElement>;\n\nexport interface TextAreaProps extends TextAreaBaseProps {}\n\nexport function TextArea(props: TextAreaProps) {\n\tconst [local, rest] = splitProps(props, ['class']);\n\n\tconst rootClass = () => clsx(textAreaClass.root, local.class);\n\n\treturn (\n\t\t<textarea\n\t\t\tclass={rootClass()}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n"]}

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

@@ -1,12 +0,0 @@
-export declare const xstackClass: {
-    readonly root: 'fl-xstack';
-    readonly garVar: '--fl-gap';
-    readonly align: {
-        readonly top: '--align-top';
-        readonly center: '--align-center';
-        readonly bottom: '--align-bottom';
-        readonly stretch: '--align-stretch';
-        readonly baseline: '--align-baseline';
-    };
-};
-export type XStackAlign = keyof typeof xstackClass.align;

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

@@ -1,12 +0,0 @@
-export const xstackClass = {
-    root: 'fl-xstack',
-    garVar: '--fl-gap',
-    align: {
-        top: '--align-top',
-        center: '--align-center',
-        bottom: '--align-bottom',
-        stretch: '--align-stretch',
-        baseline: '--align-baseline',
-    },
-};
-//# sourceMappingURL=class.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"class.js","sourceRoot":"","sources":["../../../../src/components/xstack/class.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG;IAC1B,IAAI,EAAE,WAAW;IACjB,MAAM,EAAE,UAAU;IAClB,KAAK,EAAE;QACN,GAAG,EAAE,aAAa;QAClB,MAAM,EAAE,gBAAgB;QACxB,MAAM,EAAE,gBAAgB;QACxB,OAAO,EAAE,iBAAiB;QAC1B,QAAQ,EAAE,kBAAkB;KAC5B;CACQ,CAAC","sourcesContent":["export const xstackClass = {\n\troot: 'fl-xstack',\n\tgarVar: '--fl-gap',\n\talign: {\n\t\ttop: '--align-top',\n\t\tcenter: '--align-center',\n\t\tbottom: '--align-bottom',\n\t\tstretch: '--align-stretch',\n\t\tbaseline: '--align-baseline',\n\t},\n} as const;\n\nexport type XStackAlign = keyof typeof xstackClass.align;\n"]}

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

@@ -1 +0,0 @@
-export {};

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/xstack/index.ts"],"names":[],"mappings":"","sourcesContent":[""]}

package/dist/src/components/xstack/xstack.css

@@ -1,34 +0,0 @@
-@layer components {
-	.fl-xstack {
-		--fl-gap: 0;
-
-		/* layout */
-		display: flex;
-		flex-direction: row;
-		align-items: stretch;
-
-		/* spacing */
-		gap: calc(var(--fl-gap) * var(--fl-size-unit));
-	}
-
-	/* alignment modifiers */
-	.fl-xstack.--align-top {
-		align-items: flex-start;
-	}
-
-	.fl-xstack.--align-center {
-		align-items: center;
-	}
-
-	.fl-xstack.--align-bottom {
-		align-items: flex-end;
-	}
-
-	.fl-xstack.--align-stretch {
-		align-items: stretch;
-	}
-
-	.fl-xstack.--align-baseline {
-		align-items: baseline;
-	}
-}

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

@@ -1,9 +0,0 @@
-import { type JSX } from 'solid-js';
-import { type XStackAlign } from './class';
-import './xstack.css';
-export type XStackBaseProps = JSX.HTMLAttributes<HTMLDivElement>;
-export interface XStackProps extends XStackBaseProps {
-    gap?: number | string;
-    align?: XStackAlign;
-}
-export declare function XStack(props: XStackProps): JSX.Element;

package/dist/src/components/xstack/xstack.jsx

@@ -1,15 +0,0 @@
-import clsx from 'clsx/lite';
-import { splitProps } from 'solid-js';
-import { xstackClass } from './class';
-import './xstack.css';
-export function XStack(props) {
-    const [local, rest] = splitProps(props, ['class', 'children', 'gap', 'align']);
-    const rootClass = () => {
-        const alignClass = local.align ? xstackClass.align[local.align] : undefined;
-        return clsx(xstackClass.root, alignClass, local.class);
-    };
-    return (<div class={rootClass()} style={{ [xstackClass.garVar]: local.gap }} {...rest}>
-			{local.children}
-		</div>);
-}
-//# sourceMappingURL=xstack.jsx.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"xstack.jsx","sourceRoot":"","sources":["../../../../src/components/xstack/xstack.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAY,UAAU,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAoB,WAAW,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,cAAc,CAAC;AAStB,MAAM,UAAU,MAAM,CAAC,KAAkB;IACxC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/E,MAAM,SAAS,GAAG,GAAG,EAAE;QACtB,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAE5E,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACxD,CAAC,CAAC;IAEF,OAAO,CACN,CAAC,GAAG,CACH,KAAK,CAAC,CAAC,SAAS,EAAE,CAAC,CACnB,KAAK,CAAC,CAAC,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC,CAC3C,IAAI,IAAI,CAAC,CAET;GAAA,CAAC,KAAK,CAAC,QAAQ,CAChB;EAAA,EAAE,GAAG,CAAC,CACN,CAAC;AACH,CAAC","sourcesContent":["import clsx from 'clsx/lite';\nimport { type JSX, splitProps } from 'solid-js';\nimport { type XStackAlign, xstackClass } from './class';\nimport './xstack.css';\n\nexport type XStackBaseProps = JSX.HTMLAttributes<HTMLDivElement>;\n\nexport interface XStackProps extends XStackBaseProps {\n\tgap?: number | string;\n\talign?: XStackAlign;\n}\n\nexport function XStack(props: XStackProps) {\n\tconst [local, rest] = splitProps(props, ['class', 'children', 'gap', 'align']);\n\n\tconst rootClass = () => {\n\t\tconst alignClass = local.align ? xstackClass.align[local.align] : undefined;\n\n\t\treturn clsx(xstackClass.root, alignClass, local.class);\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclass={rootClass()}\n\t\t\tstyle={{ [xstackClass.garVar]: local.gap }}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{local.children}\n\t\t</div>\n\t);\n}\n"]}

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

@@ -1,11 +0,0 @@
-export declare const ystackClass: {
-    readonly root: 'fl-ystack';
-    readonly gapVar: '--fl-gap';
-    readonly align: {
-        readonly left: '--align-left';
-        readonly center: '--align-center';
-        readonly right: '--align-right';
-        readonly stretch: '--align-stretch';
-    };
-};
-export type YStackAlign = keyof typeof ystackClass.align;

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

@@ -1,11 +0,0 @@
-export const ystackClass = {
-    root: 'fl-ystack',
-    gapVar: '--fl-gap',
-    align: {
-        left: '--align-left',
-        center: '--align-center',
-        right: '--align-right',
-        stretch: '--align-stretch',
-    },
-};
-//# sourceMappingURL=class.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"class.js","sourceRoot":"","sources":["../../../../src/components/ystack/class.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG;IAC1B,IAAI,EAAE,WAAW;IACjB,MAAM,EAAE,UAAU;IAClB,KAAK,EAAE;QACN,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,gBAAgB;QACxB,KAAK,EAAE,eAAe;QACtB,OAAO,EAAE,iBAAiB;KAC1B;CACQ,CAAC","sourcesContent":["export const ystackClass = {\n\troot: 'fl-ystack',\n\tgapVar: '--fl-gap',\n\talign: {\n\t\tleft: '--align-left',\n\t\tcenter: '--align-center',\n\t\tright: '--align-right',\n\t\tstretch: '--align-stretch',\n\t},\n} as const;\n\nexport type YStackAlign = keyof typeof ystackClass.align;\n"]}

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

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

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

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

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

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

package/dist/src/components/ystack/ystack.css

@@ -1,31 +0,0 @@
-@layer components {
-	.fl-ystack {
-		--fl-gap: 0;
-
-		/* layout */
-		display: flex;
-		flex-direction: column;
-		align-items: stretch;
-		justify-content: flex-start;
-
-		/* spacing */
-		gap: calc(var(--fl-gap) * var(--fl-size-unit));
-	}
-
-	/* alignment modifiers */
-	.fl-ystack.--align-left {
-		align-items: flex-start;
-	}
-
-	.fl-ystack.--align-center {
-		align-items: center;
-	}
-
-	.fl-ystack.--align-right {
-		align-items: flex-end;
-	}
-
-	.fl-ystack.--align-stretch {
-		align-items: stretch;
-	}
-}

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

@@ -1,9 +0,0 @@
-import { type JSX } from 'solid-js';
-import { type YStackAlign } from './class';
-import './ystack.css';
-export type YStackBaseProps = JSX.HTMLAttributes<HTMLDivElement>;
-export interface YStackProps extends YStackBaseProps {
-    gap?: number | string;
-    align?: YStackAlign;
-}
-export declare function YStack(props: YStackProps): JSX.Element;

package/dist/src/components/ystack/ystack.jsx

@@ -1,15 +0,0 @@
-import clsx from 'clsx/lite';
-import { splitProps } from 'solid-js';
-import { ystackClass } from './class';
-import './ystack.css';
-export function YStack(props) {
-    const [local, rest] = splitProps(props, ['class', 'children', 'gap', 'align']);
-    const rootClass = () => {
-        const alignClass = local.align ? ystackClass.align[local.align] : undefined;
-        return clsx(ystackClass.root, alignClass, local.class);
-    };
-    return (<div class={rootClass()} style={{ [ystackClass.gapVar]: local.gap }} {...rest}>
-			{local.children}
-		</div>);
-}
-//# sourceMappingURL=ystack.jsx.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ystack.jsx","sourceRoot":"","sources":["../../../../src/components/ystack/ystack.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAY,UAAU,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAoB,WAAW,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,cAAc,CAAC;AAStB,MAAM,UAAU,MAAM,CAAC,KAAkB;IACxC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/E,MAAM,SAAS,GAAG,GAAG,EAAE;QACtB,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAE5E,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACxD,CAAC,CAAC;IAEF,OAAO,CACN,CAAC,GAAG,CACH,KAAK,CAAC,CAAC,SAAS,EAAE,CAAC,CACnB,KAAK,CAAC,CAAC,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC,CAC3C,IAAI,IAAI,CAAC,CAET;GAAA,CAAC,KAAK,CAAC,QAAQ,CAChB;EAAA,EAAE,GAAG,CAAC,CACN,CAAC;AACH,CAAC","sourcesContent":["import clsx from 'clsx/lite';\nimport { type JSX, splitProps } from 'solid-js';\nimport { type YStackAlign, ystackClass } from './class';\nimport './ystack.css';\n\nexport type YStackBaseProps = JSX.HTMLAttributes<HTMLDivElement>;\n\nexport interface YStackProps extends YStackBaseProps {\n\tgap?: number | string;\n\talign?: YStackAlign;\n}\n\nexport function YStack(props: YStackProps) {\n\tconst [local, rest] = splitProps(props, ['class', 'children', 'gap', 'align']);\n\n\tconst rootClass = () => {\n\t\tconst alignClass = local.align ? ystackClass.align[local.align] : undefined;\n\n\t\treturn clsx(ystackClass.root, alignClass, local.class);\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclass={rootClass()}\n\t\t\tstyle={{ [ystackClass.gapVar]: local.gap }}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{local.children}\n\t\t</div>\n\t);\n}\n"]}

package/dist/src/icons/check-icon.d.ts

@@ -1,2 +0,0 @@
-import type { IconProps } from './types';
-export declare function CheckIcon(props: IconProps): import("solid-js").JSX.Element;

package/dist/src/icons/check-icon.jsx

@@ -1,8 +0,0 @@
-import { splitProps } from 'solid-js';
-export function CheckIcon(props) {
-    const [local, rest] = splitProps(props, ['w', 'h']);
-    return (<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" {...rest} width={local.w ?? '1rem'} height={local.h ?? '1rem'}>
-			<path d="M20 6 9 17l-5-5"/>
-		</svg>);
-}
-//# sourceMappingURL=check-icon.jsx.map

package/dist/src/icons/check-icon.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"check-icon.jsx","sourceRoot":"","sources":["../../../src/icons/check-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,MAAM,UAAU,SAAS,CAAC,KAAgB;IACzC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IAEpD,OAAO,CACN,CAAC,GAAG,CACH,KAAK,CAAC,4BAA4B,CAClC,OAAO,CAAC,WAAW,CACnB,IAAI,CAAC,MAAM,CACX,MAAM,CAAC,cAAc,CACrB,YAAY,CAAC,GAAG,CAChB,cAAc,CAAC,OAAO,CACtB,eAAe,CAAC,OAAO,CACvB,IAAI,IAAI,CAAC,CACT,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,MAAM,CAAC,CACzB,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,MAAM,CAAC,CAE1B;GAAA,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAiB,EAC1B;EAAA,EAAE,GAAG,CAAC,CACN,CAAC;AACH,CAAC","sourcesContent":["import { splitProps } from 'solid-js';\nimport type { IconProps } from './types';\n\nexport function CheckIcon(props: IconProps) {\n\tconst [local, rest] = splitProps(props, ['w', 'h']);\n\n\treturn (\n\t\t<svg\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\tviewBox=\"0 0 24 24\"\n\t\t\tfill=\"none\"\n\t\t\tstroke=\"currentColor\"\n\t\t\tstroke-width=\"2\"\n\t\t\tstroke-linecap=\"round\"\n\t\t\tstroke-linejoin=\"round\"\n\t\t\t{...rest}\n\t\t\twidth={local.w ?? '1rem'}\n\t\t\theight={local.h ?? '1rem'}\n\t\t>\n\t\t\t<path d=\"M20 6 9 17l-5-5\" />\n\t\t</svg>\n\t);\n}\n"]}

package/dist/src/icons/chevron-down-icon.d.ts

@@ -1,2 +0,0 @@
-import type { IconProps } from './types';
-export declare function ChevronDownIcon(props: IconProps): import("solid-js").JSX.Element;

package/dist/src/icons/chevron-down-icon.jsx

@@ -1,8 +0,0 @@
-import { splitProps } from 'solid-js';
-export function ChevronDownIcon(props) {
-    const [local, rest] = splitProps(props, ['w', 'h']);
-    return (<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" {...rest} width={local.w ?? '1rem'} height={local.h ?? '1rem'}>
-			<path d="m6 9 6 6 6-6"/>
-		</svg>);
-}
-//# sourceMappingURL=chevron-down-icon.jsx.map

package/dist/src/icons/chevron-down-icon.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"chevron-down-icon.jsx","sourceRoot":"","sources":["../../../src/icons/chevron-down-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,MAAM,UAAU,eAAe,CAAC,KAAgB;IAC/C,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IAEpD,OAAO,CACN,CAAC,GAAG,CACH,KAAK,CAAC,4BAA4B,CAClC,OAAO,CAAC,WAAW,CACnB,IAAI,CAAC,MAAM,CACX,MAAM,CAAC,cAAc,CACrB,YAAY,CAAC,GAAG,CAChB,cAAc,CAAC,OAAO,CACtB,eAAe,CAAC,OAAO,CACvB,IAAI,IAAI,CAAC,CACT,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,MAAM,CAAC,CACzB,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,MAAM,CAAC,CAE1B;GAAA,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,EACvB;EAAA,EAAE,GAAG,CAAC,CACN,CAAC;AACH,CAAC","sourcesContent":["import { splitProps } from 'solid-js';\nimport type { IconProps } from './types';\n\nexport function ChevronDownIcon(props: IconProps) {\n\tconst [local, rest] = splitProps(props, ['w', 'h']);\n\n\treturn (\n\t\t<svg\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\tviewBox=\"0 0 24 24\"\n\t\t\tfill=\"none\"\n\t\t\tstroke=\"currentColor\"\n\t\t\tstroke-width=\"2\"\n\t\t\tstroke-linecap=\"round\"\n\t\t\tstroke-linejoin=\"round\"\n\t\t\t{...rest}\n\t\t\twidth={local.w ?? '1rem'}\n\t\t\theight={local.h ?? '1rem'}\n\t\t>\n\t\t\t<path d=\"m6 9 6 6 6-6\" />\n\t\t</svg>\n\t);\n}\n"]}

package/dist/src/icons/chevron-right-icon.d.ts

@@ -1,2 +0,0 @@
-import type { IconProps } from './types';
-export declare function ChevronRightIcon(props: IconProps): import("solid-js").JSX.Element;

package/dist/src/icons/chevron-right-icon.jsx

@@ -1,8 +0,0 @@
-import { splitProps } from 'solid-js';
-export function ChevronRightIcon(props) {
-    const [local, rest] = splitProps(props, ['w', 'h']);
-    return (<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" {...rest} width={local.w ?? '1rem'} height={local.h ?? '1rem'}>
-			<path d="m9 6 6 6-6 6"/>
-		</svg>);
-}
-//# sourceMappingURL=chevron-right-icon.jsx.map

package/dist/src/icons/chevron-right-icon.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"chevron-right-icon.jsx","sourceRoot":"","sources":["../../../src/icons/chevron-right-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,MAAM,UAAU,gBAAgB,CAAC,KAAgB;IAChD,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IAEpD,OAAO,CACN,CAAC,GAAG,CACH,KAAK,CAAC,4BAA4B,CAClC,OAAO,CAAC,WAAW,CACnB,IAAI,CAAC,MAAM,CACX,MAAM,CAAC,cAAc,CACrB,YAAY,CAAC,GAAG,CAChB,cAAc,CAAC,OAAO,CACtB,eAAe,CAAC,OAAO,CACvB,IAAI,IAAI,CAAC,CACT,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,MAAM,CAAC,CACzB,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,MAAM,CAAC,CAE1B;GAAA,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,EACvB;EAAA,EAAE,GAAG,CAAC,CACN,CAAC;AACH,CAAC","sourcesContent":["import { splitProps } from 'solid-js';\nimport type { IconProps } from './types';\n\nexport function ChevronRightIcon(props: IconProps) {\n\tconst [local, rest] = splitProps(props, ['w', 'h']);\n\n\treturn (\n\t\t<svg\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\tviewBox=\"0 0 24 24\"\n\t\t\tfill=\"none\"\n\t\t\tstroke=\"currentColor\"\n\t\t\tstroke-width=\"2\"\n\t\t\tstroke-linecap=\"round\"\n\t\t\tstroke-linejoin=\"round\"\n\t\t\t{...rest}\n\t\t\twidth={local.w ?? '1rem'}\n\t\t\theight={local.h ?? '1rem'}\n\t\t>\n\t\t\t<path d=\"m9 6 6 6-6 6\" />\n\t\t</svg>\n\t);\n}\n"]}

package/dist/src/icons/dot-filled-icon.d.ts

@@ -1,2 +0,0 @@
-import type { IconProps } from './types';
-export declare function DotFilledIcon(props: IconProps): import("solid-js").JSX.Element;