@ersbeth/picokit 0.0.1

package/dist/media.css

@@ -0,0 +1,39 @@
+/* MEDIA OS */
+
+@custom-media --OSdark (prefers-color-scheme: dark);
+@custom-media --OSlight (prefers-color-scheme: light);
+
+/* MEDIA ORIENTATION */
+
+@custom-media --portrait (orientation: portrait);
+@custom-media --landscape (orientation: landscape);
+
+/* MEDIA WIDTH */
+
+@custom-media --xxs-only (0px <= width < 240px);
+@custom-media --xxs-above (width >= 240px);
+@custom-media --xxs-below (width < 240px);
+
+@custom-media --xs-only (240px <= width < 360px);
+@custom-media --xs-above (width >= 360px);
+@custom-media --xs-below (width < 360px);
+
+@custom-media --sm-only (360px <= width < 480px);
+@custom-media --sm-above (width >= 480px);
+@custom-media --sm-below (width < 480px);
+
+@custom-media --md-only (480px <= width < 768px);
+@custom-media --md-above (width >= 768px);
+@custom-media --md-below (width < 768px);
+
+@custom-media --lg-only (768px <= width < 1024px);
+@custom-media --lg-above (width >= 1024px);
+@custom-media --lg-below (width < 1024px);
+
+@custom-media --xl-only (1024px <= width < 1440px);
+@custom-media --xl-above (width >= 1440px);
+@custom-media --xl-below (width < 1440px);
+
+@custom-media --xxl-only (1440px <= width < 1920px);
+@custom-media --xxl-above (width >= 1920px);
+@custom-media --xxl-below (width < 1920px);

package/dist/reset.css

@@ -0,0 +1,40 @@
+@layer reset {
+    *,
+    *:before,
+    *:after {
+        box-sizing: border-box;
+    }
+
+    * {
+        margin: 0;
+        padding: 0;
+        border: none;
+        background: none;
+        font: inherit;
+        font-size: 100%;
+        vertical-align: baseline;
+        line-height: 1;
+        text-decoration: none;
+    }
+
+    ol,
+    ul {
+        list-style: none;
+    }
+    blockquote,
+    q {
+        quotes: none;
+    }
+
+    blockquote:before,
+    blockquote:after,
+    q:before,
+    q:after {
+        content: "";
+    }
+
+    table {
+        border-collapse: collapse;
+        border-spacing: 0;
+    }
+}

package/dist/reset.d.ts

@@ -0,0 +1,2 @@
+import "./style/reset.css";
+//# sourceMappingURL=reset.d.ts.map

package/dist/reset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reset.d.ts","sourceRoot":"","sources":["../src/reset.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC"}

package/dist/reset.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,4 @@
+export * from "./layout";
+export * from "./marketing";
+export * from "./ui";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,MAAM,CAAC"}

package/dist/src/components/layout/cluster.d.ts

@@ -0,0 +1,6 @@
+import type { ParentComponent } from "solid-js";
+import { AlignMixin, GapMixin, HeightMixin, PaddingMixin, PanelMixin, StyleMixin, TextMixin, WidthMixin } from "../mixin";
+import "./cluster.css";
+export type ClusterProps = StyleMixin.Props & PanelMixin.Props & PaddingMixin.Props & TextMixin.Props & GapMixin.Props & WidthMixin.Props & HeightMixin.Props & AlignMixin.Props;
+export declare const Cluster: ParentComponent<ClusterProps>;
+//# sourceMappingURL=cluster.d.ts.map

package/dist/src/components/layout/cluster.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cluster.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/cluster.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EACH,UAAU,EACV,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACb,MAAM,UAAU,CAAC;AAClB,OAAO,eAAe,CAAC;AAQvB,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,KAAK,GACvC,UAAU,CAAC,KAAK,GAChB,YAAY,CAAC,KAAK,GAClB,SAAS,CAAC,KAAK,GACf,QAAQ,CAAC,KAAK,GACd,UAAU,CAAC,KAAK,GAChB,WAAW,CAAC,KAAK,GACjB,UAAU,CAAC,KAAK,CAAC;AAMrB,eAAO,MAAM,OAAO,EAAE,eAAe,CAAC,YAAY,CAkBjD,CAAC"}

package/dist/src/components/layout/container.d.ts

@@ -0,0 +1,6 @@
+import type { ParentComponent } from "solid-js";
+import { HeightMixin, PaddingMixin, PanelMixin, StyleMixin, TextMixin, WidthMixin } from "../mixin";
+import "./container.css";
+export type ContainerProps = StyleMixin.Props & PanelMixin.Props & PaddingMixin.Props & TextMixin.Props & HeightMixin.Props & WidthMixin.Props;
+export declare const Container: ParentComponent<ContainerProps>;
+//# sourceMappingURL=container.d.ts.map

package/dist/src/components/layout/container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEpG,OAAO,iBAAiB,CAAC;AAQzB,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,KAAK,GACzC,UAAU,CAAC,KAAK,GAChB,YAAY,CAAC,KAAK,GAClB,SAAS,CAAC,KAAK,GACf,WAAW,CAAC,KAAK,GACjB,UAAU,CAAC,KAAK,CAAC;AAIrB,eAAO,MAAM,SAAS,EAAE,eAAe,CAAC,cAAc,CAgBrD,CAAC"}

package/dist/src/components/layout/dual.d.ts

@@ -0,0 +1,14 @@
+import type { ParentComponent } from "solid-js";
+import { AlignMixin, GapMixin, HeightMixin, PaddingMixin, PanelMixin, StyleMixin, TextMixin, WidthMixin } from "../mixin";
+import "./dual.css";
+declare const SPLITS: {
+    left: string;
+    middle: string;
+    right: string;
+};
+export type DualProps = StyleMixin.Props & PanelMixin.Props & PaddingMixin.Props & TextMixin.Props & GapMixin.Props & WidthMixin.Props & HeightMixin.Props & AlignMixin.Props & {
+    split: keyof typeof SPLITS;
+};
+export declare const Dual: ParentComponent<DualProps>;
+export {};
+//# sourceMappingURL=dual.d.ts.map

package/dist/src/components/layout/dual.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dual.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/dual.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EACH,UAAU,EACV,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACb,MAAM,UAAU,CAAC;AAClB,OAAO,YAAY,CAAC;AAOpB,QAAA,MAAM,MAAM;;;;CAIX,CAAC;AAIF,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,GACpC,UAAU,CAAC,KAAK,GAChB,YAAY,CAAC,KAAK,GAClB,SAAS,CAAC,KAAK,GACf,QAAQ,CAAC,KAAK,GACd,UAAU,CAAC,KAAK,GAChB,WAAW,CAAC,KAAK,GACjB,UAAU,CAAC,KAAK,GAAG;IACf,KAAK,EAAE,MAAM,OAAO,MAAM,CAAC;CAC9B,CAAC;AAIN,eAAO,MAAM,IAAI,EAAE,eAAe,CAAC,SAAS,CAkB3C,CAAC"}

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

@@ -0,0 +1,5 @@
+export * from "./cluster";
+export * from "./container";
+export * from "./dual";
+export * from "./stack";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}

package/dist/src/components/layout/stack.d.ts

@@ -0,0 +1,6 @@
+import type { ParentComponent } from "solid-js";
+import { AlignMixin, GapMixin, HeightMixin, PaddingMixin, PanelMixin, StyleMixin, TextMixin, WidthMixin } from "../mixin";
+import "./stack.css";
+export type StackProps = StyleMixin.Props & PanelMixin.Props & PaddingMixin.Props & TextMixin.Props & GapMixin.Props & WidthMixin.Props & HeightMixin.Props & AlignMixin.Props;
+export declare const Stack: ParentComponent<StackProps>;
+//# sourceMappingURL=stack.d.ts.map

package/dist/src/components/layout/stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EACH,UAAU,EACV,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACb,MAAM,UAAU,CAAC;AAElB,OAAO,aAAa,CAAC;AAQrB,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,GACrC,UAAU,CAAC,KAAK,GAChB,YAAY,CAAC,KAAK,GAClB,SAAS,CAAC,KAAK,GACf,QAAQ,CAAC,KAAK,GACd,UAAU,CAAC,KAAK,GAChB,WAAW,CAAC,KAAK,GACjB,UAAU,CAAC,KAAK,CAAC;AAIrB,eAAO,MAAM,KAAK,EAAE,eAAe,CAAC,UAAU,CAkB7C,CAAC"}

package/dist/src/components/marketing/footer.d.ts

@@ -0,0 +1,40 @@
+import type { JSX, ParentComponent } from "solid-js";
+import type { PanelMixin } from "../mixin/panelMixin";
+import "./footer.css";
+type StyleProps = {
+    class?: string;
+    style?: JSX.CSSProperties;
+};
+type FooterProps = StyleProps & {
+    panelColor: PanelMixin.Props["panelColor"];
+    panelIntensity: PanelMixin.Props["panelIntensity"];
+    contact: {
+        title: string;
+        description: string;
+        email?: string;
+        phone?: string;
+        address?: string;
+    };
+    networks?: {
+        title: string;
+        items: {
+            name: string;
+            url: string;
+        }[];
+    };
+    legal: {
+        title: string;
+        items: {
+            name: string;
+            url: string;
+        }[];
+    };
+    map?: {
+        title: string;
+        url: string;
+    };
+    copyright: string;
+};
+export declare const Footer: ParentComponent<FooterProps>;
+export {};
+//# sourceMappingURL=footer.d.ts.map

package/dist/src/components/marketing/footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../../src/components/marketing/footer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAGrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,cAAc,CAAC;AAkBtB,KAAK,UAAU,GAAG;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC7B,CAAC;AAEF,KAAK,WAAW,GAAG,UAAU,GAAG;IAC5B,UAAU,EAAE,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAC3C,cAAc,EAAE,UAAU,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;IACnD,OAAO,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,QAAQ,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE;YACH,IAAI,EAAE,MAAM,CAAC;YACb,GAAG,EAAE,MAAM,CAAC;SACf,EAAE,CAAC;KACP,CAAC;IACF,KAAK,EAAE;QACH,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE;YACH,IAAI,EAAE,MAAM,CAAC;YACb,GAAG,EAAE,MAAM,CAAC;SACf,EAAE,CAAC;KACP,CAAC;IACF,GAAG,CAAC,EAAE;QACF,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,EAAE,MAAM,CAAC;KACf,CAAC;IACF,SAAS,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,eAAe,CAAC,WAAW,CAoF/C,CAAC"}

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

@@ -0,0 +1,6 @@
+export * from "./footer";
+export * from "./navigation";
+export * from "./page";
+export * from "./section";
+export * from "./text";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/marketing/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/marketing/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC"}

package/dist/src/components/marketing/navigation.d.ts

@@ -0,0 +1,24 @@
+import { type AnchorProps } from "@solidjs/router";
+import { type JSX, type ParentComponent } from "solid-js";
+import "./navigation.css";
+type StyleProps = {
+    class?: string;
+    style?: JSX.CSSProperties;
+};
+export declare const NavigationRoot: ParentComponent<StyleProps>;
+type NavigationLinkProps = {
+    label: string;
+    href: AnchorProps["href"];
+    target?: AnchorProps["target"];
+};
+export type NavigationProps = StyleProps & {
+    brand: JSX.Element;
+    links: NavigationLinkProps[];
+    cta?: {
+        primary: NavigationLinkProps;
+        secondary?: NavigationLinkProps;
+    };
+};
+export declare const Navigation: ParentComponent<NavigationProps>;
+export {};
+//# sourceMappingURL=navigation.d.ts.map

package/dist/src/components/marketing/navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../../../src/components/marketing/navigation.tsx"],"names":[],"mappings":"AASA,OAAO,EAAK,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAO,KAAK,GAAG,EAAE,KAAK,eAAe,EAAoB,MAAM,UAAU,CAAC;AACjF,OAAO,kBAAkB,CAAC;AAgC1B,KAAK,UAAU,GAAG;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC7B,CAAC;AAIF,eAAO,MAAM,cAAc,EAAE,eAAe,CAAC,UAAU,CAMtD,CAAC;AA+NF,KAAK,mBAAmB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAAC,MAAM,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAA;CAAE,CAAC;AAExG,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG;IACvC,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,GAAG,CAAC,EAAE;QAAE,OAAO,EAAE,mBAAmB,CAAC;QAAC,SAAS,CAAC,EAAE,mBAAmB,CAAA;KAAE,CAAC;CAC3E,CAAC;AAIF,eAAO,MAAM,UAAU,EAAE,eAAe,CAAC,eAAe,CAyEvD,CAAC"}

package/dist/src/components/marketing/page.d.ts

@@ -0,0 +1,13 @@
+import type { JSX, ParentComponent } from "solid-js";
+import "./page.css";
+type StyleProps = {
+    class?: string;
+    style?: JSX.CSSProperties;
+};
+export type PageProps = StyleProps & {
+    header: JSX.Element;
+    footer: JSX.Element;
+};
+export declare const Page: ParentComponent<PageProps>;
+export {};
+//# sourceMappingURL=page.d.ts.map

package/dist/src/components/marketing/page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../../src/components/marketing/page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,YAAY,CAAC;AAYpB,KAAK,UAAU,GAAG;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC7B,CAAC;AAIF,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG;IACjC,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC;IACpB,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,eAAe,CAAC,SAAS,CAU3C,CAAC"}

package/dist/src/components/marketing/section.d.ts

@@ -0,0 +1,13 @@
+import { type ParentComponent } from "solid-js";
+import { HeightMixin, PaddingMixin, PanelMixin, StyleMixin, TextMixin } from "../mixin";
+import "./section.css";
+export type SectionTextProps = StyleMixin.Props & TextMixin.Props & {
+    hero?: boolean;
+};
+export type SectionProps = StyleMixin.Props & PanelMixin.Props & PaddingMixin.Props & HeightMixin.Props & TextMixin.Props;
+export declare const Section: ParentComponent<SectionProps> & {
+    Title: ParentComponent<SectionTextProps>;
+    Description: ParentComponent<SectionTextProps>;
+    Tagline: ParentComponent<SectionTextProps>;
+};
+//# sourceMappingURL=section.d.ts.map

package/dist/src/components/marketing/section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../../../src/components/marketing/section.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,eAAe,EAAU,MAAM,UAAU,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAExF,OAAO,eAAe,CAAC;AAoBvB,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,KAAK,GAC3C,SAAS,CAAC,KAAK,GAAG;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEN,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,KAAK,GACvC,UAAU,CAAC,KAAK,GAChB,YAAY,CAAC,KAAK,GAClB,WAAW,CAAC,KAAK,GACjB,SAAS,CAAC,KAAK,CAAC;AAqGpB,eAAO,MAAM,OAAO;;;;CAIlB,CAAC"}

package/dist/src/components/marketing/text.d.ts

@@ -0,0 +1,12 @@
+import type { ParentComponent } from "solid-js";
+import { StyleMixin, TextMixin } from "../mixin";
+import "./text.css";
+export type TextProps = StyleMixin.Props & TextMixin.Props;
+export declare const P: ParentComponent<TextProps>;
+export declare const H1: ParentComponent<TextProps>;
+export declare const H2: ParentComponent<TextProps>;
+export declare const H3: ParentComponent<TextProps>;
+export declare const H4: ParentComponent<TextProps>;
+export declare const H5: ParentComponent<TextProps>;
+export declare const H6: ParentComponent<TextProps>;
+//# sourceMappingURL=text.d.ts.map

package/dist/src/components/marketing/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../src/components/marketing/text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,YAAY,CAAC;AAEpB,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC;AAE3D,eAAO,MAAM,CAAC,EAAE,eAAe,CAAC,SAAS,CAQxC,CAAC;AAEF,eAAO,MAAM,EAAE,EAAE,eAAe,CAAC,SAAS,CAQzC,CAAC;AAEF,eAAO,MAAM,EAAE,EAAE,eAAe,CAAC,SAAS,CAQzC,CAAC;AAEF,eAAO,MAAM,EAAE,EAAE,eAAe,CAAC,SAAS,CAQzC,CAAC;AAEF,eAAO,MAAM,EAAE,EAAE,eAAe,CAAC,SAAS,CAQzC,CAAC;AAEF,eAAO,MAAM,EAAE,EAAE,eAAe,CAAC,SAAS,CAQzC,CAAC;AAEF,eAAO,MAAM,EAAE,EAAE,eAAe,CAAC,SAAS,CAQzC,CAAC"}

package/dist/src/components/mixin/alignMixin.d.ts

@@ -0,0 +1,15 @@
+import "./alignMixin.css";
+export declare namespace AlignMixin {
+    const ALIGNS: {
+        readonly start: "align-start";
+        readonly center: "align-center";
+        readonly end: "align-end";
+        readonly stretch: "align-stretch";
+    };
+    export type Props = {
+        align?: keyof typeof ALIGNS;
+    };
+    export function classes(props: Props): string;
+    export {};
+}
+//# sourceMappingURL=alignMixin.d.ts.map

package/dist/src/components/mixin/alignMixin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alignMixin.d.ts","sourceRoot":"","sources":["../../../../src/components/mixin/alignMixin.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAE1B,yBAAiB,UAAU,CAAC;IAOxB,MAAM,MAAM;;;;;KAKF,CAAC;IAIX,MAAM,MAAM,KAAK,GAAG;QAChB,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;KAC/B,CAAC;IAIF,MAAM,UAAU,OAAO,CAAC,KAAK,EAAE,KAAK,UAInC;;CACJ"}

package/dist/src/components/mixin/gapMixin.d.ts

@@ -0,0 +1,22 @@
+import "./gapMixin.css";
+export declare namespace GapMixin {
+    const GAPS: {
+        readonly none: "gap-none";
+        readonly "3xsmall": "gap-3xsmall";
+        readonly "2xsmall": "gap-2xsmall";
+        readonly xsmall: "gap-xsmall";
+        readonly small: "gap-small";
+        readonly medium: "gap-medium";
+        readonly large: "gap-large";
+        readonly xlarge: "gap-xlarge";
+        readonly "2xlarge": "gap-2xlarge";
+        readonly "3xlarge": "gap-3xlarge";
+        readonly "4xlarge": "gap-4xlarge";
+    };
+    export type Props = {
+        gap?: keyof typeof GAPS;
+    };
+    export function classes(props: Props): string;
+    export {};
+}
+//# sourceMappingURL=gapMixin.d.ts.map

package/dist/src/components/mixin/gapMixin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gapMixin.d.ts","sourceRoot":"","sources":["../../../../src/components/mixin/gapMixin.tsx"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAC;AAExB,yBAAiB,QAAQ,CAAC;IAOtB,MAAM,IAAI;;;;;;;;;;;;KAYA,CAAC;IAIX,MAAM,MAAM,KAAK,GAAG;QAChB,GAAG,CAAC,EAAE,MAAM,OAAO,IAAI,CAAC;KAC3B,CAAC;IAIF,MAAM,UAAU,OAAO,CAAC,KAAK,EAAE,KAAK,UAKnC;;CACJ"}

package/dist/src/components/mixin/heightMixin.d.ts

@@ -0,0 +1,22 @@
+import "./heightMixin.css";
+export declare namespace HeightMixin {
+    const HEIGHTS: {
+        full: string;
+        large: string;
+        medium: string;
+        small: string;
+    };
+    const MIN_HEIGHTS: {
+        full: string;
+        large: string;
+        medium: string;
+        small: string;
+    };
+    export type Props = {
+        height?: keyof typeof HEIGHTS;
+        minHeight?: keyof typeof MIN_HEIGHTS;
+    };
+    export function classes(props: Props): string;
+    export {};
+}
+//# sourceMappingURL=heightMixin.d.ts.map

package/dist/src/components/mixin/heightMixin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heightMixin.d.ts","sourceRoot":"","sources":["../../../../src/components/mixin/heightMixin.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAE3B,yBAAiB,WAAW,CAAC;IAQzB,MAAM,OAAO;;;;;KAKZ,CAAC;IAEF,MAAM,WAAW;;;;;KAKhB,CAAC;IAIF,MAAM,MAAM,KAAK,GAAG;QAChB,MAAM,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;QAC9B,SAAS,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;KACxC,CAAC;IAGF,MAAM,UAAU,OAAO,CAAC,KAAK,EAAE,KAAK,UAKnC;;CACJ"}

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

@@ -0,0 +1,9 @@
+export * from "./alignMixin";
+export * from "./gapMixin";
+export * from "./heightMixin";
+export * from "./paddingMixin";
+export * from "./panelMixin";
+export * from "./styleMixin";
+export * from "./textMixin";
+export * from "./widthMixin";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/mixin/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/mixin/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}

package/dist/src/components/mixin/paddingMixin.d.ts

@@ -0,0 +1,99 @@
+import "./paddingMixin.css";
+export declare namespace PaddingMixin {
+    const PADDINGS: {
+        readonly "3xsmall": "padding-3xsmall";
+        readonly "2xsmall": "padding-2xsmall";
+        readonly xsmall: "padding-xsmall";
+        readonly small: "padding-small";
+        readonly medium: "padding-medium";
+        readonly large: "padding-large";
+        readonly xlarge: "padding-xlarge";
+        readonly "2xlarge": "padding-2xlarge";
+        readonly "3xlarge": "padding-3xlarge";
+        readonly "4xlarge": "padding-4xlarge";
+    };
+    const PADDING_BLOCKS: {
+        readonly "3xsmall": "padding-block-3xsmall";
+        readonly "2xsmall": "padding-block-2xsmall";
+        readonly xsmall: "padding-block-xsmall";
+        readonly small: "padding-block-small";
+        readonly medium: "padding-block-medium";
+        readonly large: "padding-block-large";
+        readonly xlarge: "padding-block-xlarge";
+        readonly "2xlarge": "padding-block-2xlarge";
+        readonly "3xlarge": "padding-block-3xlarge";
+        readonly "4xlarge": "padding-block-4xlarge";
+    };
+    const PADDING_INLINES: {
+        readonly "3xsmall": "padding-inline-3xsmall";
+        readonly "2xsmall": "padding-inline-2xsmall";
+        readonly xsmall: "padding-inline-xsmall";
+        readonly small: "padding-inline-small";
+        readonly medium: "padding-inline-medium";
+        readonly large: "padding-inline-large";
+        readonly xlarge: "padding-inline-xlarge";
+        readonly "2xlarge": "padding-inline-2xlarge";
+        readonly "3xlarge": "padding-inline-3xlarge";
+        readonly "4xlarge": "padding-inline-4xlarge";
+    };
+    const PADDING_TOPS: {
+        readonly "3xsmall": "padding-top-3xsmall";
+        readonly "2xsmall": "padding-top-2xsmall";
+        readonly xsmall: "padding-top-xsmall";
+        readonly small: "padding-top-small";
+        readonly medium: "padding-top-medium";
+        readonly large: "padding-top-large";
+        readonly xlarge: "padding-top-xlarge";
+        readonly "2xlarge": "padding-top-2xlarge";
+        readonly "3xlarge": "padding-top-3xlarge";
+        readonly "4xlarge": "padding-top-4xlarge";
+    };
+    const PADDING_BOTTOMS: {
+        readonly "3xsmall": "padding-bottom-3xsmall";
+        readonly "2xsmall": "padding-bottom-2xsmall";
+        readonly xsmall: "padding-bottom-xsmall";
+        readonly small: "padding-bottom-small";
+        readonly medium: "padding-bottom-medium";
+        readonly large: "padding-bottom-large";
+        readonly xlarge: "padding-bottom-xlarge";
+        readonly "2xlarge": "padding-bottom-2xlarge";
+        readonly "3xlarge": "padding-bottom-3xlarge";
+        readonly "4xlarge": "padding-bottom-4xlarge";
+    };
+    const PADDING_LEFTS: {
+        readonly "3xsmall": "padding-left-3xsmall";
+        readonly "2xsmall": "padding-left-2xsmall";
+        readonly xsmall: "padding-left-xsmall";
+        readonly small: "padding-left-small";
+        readonly medium: "padding-left-medium";
+        readonly large: "padding-left-large";
+        readonly xlarge: "padding-left-xlarge";
+        readonly "2xlarge": "padding-left-2xlarge";
+        readonly "3xlarge": "padding-left-3xlarge";
+        readonly "4xlarge": "padding-left-4xlarge";
+    };
+    const PADDING_RIGHTS: {
+        readonly "3xsmall": "padding-right-3xsmall";
+        readonly "2xsmall": "padding-right-2xsmall";
+        readonly xsmall: "padding-right-xsmall";
+        readonly small: "padding-right-small";
+        readonly medium: "padding-right-medium";
+        readonly large: "padding-right-large";
+        readonly xlarge: "padding-right-xlarge";
+        readonly "2xlarge": "padding-right-2xlarge";
+        readonly "3xlarge": "padding-right-3xlarge";
+        readonly "4xlarge": "padding-right-4xlarge";
+    };
+    export type Props = {
+        padding?: keyof typeof PADDINGS;
+        paddingBlock?: keyof typeof PADDING_BLOCKS;
+        paddingInline?: keyof typeof PADDING_INLINES;
+        paddingTop?: keyof typeof PADDING_TOPS;
+        paddingBottom?: keyof typeof PADDING_BOTTOMS;
+        paddingLeft?: keyof typeof PADDING_LEFTS;
+        paddingRight?: keyof typeof PADDING_RIGHTS;
+    };
+    export function classes(props: Props): string;
+    export {};
+}
+//# sourceMappingURL=paddingMixin.d.ts.map

package/dist/src/components/mixin/paddingMixin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paddingMixin.d.ts","sourceRoot":"","sources":["../../../../src/components/mixin/paddingMixin.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAE5B,yBAAiB,YAAY,CAAC;IAW1B,MAAM,QAAQ;;;;;;;;;;;KAWJ,CAAC;IAEX,MAAM,cAAc;;;;;;;;;;;KAWV,CAAC;IAEX,MAAM,eAAe;;;;;;;;;;;KAWX,CAAC;IAEX,MAAM,YAAY;;;;;;;;;;;KAWR,CAAC;IAEX,MAAM,eAAe;;;;;;;;;;;KAWX,CAAC;IAEX,MAAM,aAAa;;;;;;;;;;;KAWT,CAAC;IAEX,MAAM,cAAc;;;;;;;;;;;KAWV,CAAC;IAIX,MAAM,MAAM,KAAK,GAAG;QAChB,OAAO,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;QAChC,YAAY,CAAC,EAAE,MAAM,OAAO,cAAc,CAAC;QAC3C,aAAa,CAAC,EAAE,MAAM,OAAO,eAAe,CAAC;QAC7C,UAAU,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;QACvC,aAAa,CAAC,EAAE,MAAM,OAAO,eAAe,CAAC;QAC7C,WAAW,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;QACzC,YAAY,CAAC,EAAE,MAAM,OAAO,cAAc,CAAC;KAC9C,CAAC;IAIF,MAAM,UAAU,OAAO,CAAC,KAAK,EAAE,KAAK,UAYnC;;CACJ"}

package/dist/src/components/mixin/panelMixin.d.ts

@@ -0,0 +1,48 @@
+import "./panelMixin.css";
+export declare namespace PanelMixin {
+    const COLORS: {
+        readonly neutral: "panel-color-neutral";
+        readonly brand: "panel-color-brand";
+        readonly accent: "panel-color-accent";
+        readonly danger: "panel-color-danger";
+    };
+    const INTENSITIES: {
+        readonly transparent: "panel-intensity-transparent";
+        readonly clear: "panel-intensity-clear";
+        readonly subtle: "panel-intensity-subtle";
+        readonly soft: "panel-intensity-soft";
+        readonly muted: "panel-intensity-muted";
+        readonly base: "panel-intensity-base";
+        readonly strong: "panel-intensity-strong";
+        readonly deep: "panel-intensity-deep";
+    };
+    const BORDERS: {
+        all: string;
+        block: string;
+        inline: string;
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+    const RADII: {
+        all: string;
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+        topLeft: string;
+        topRight: string;
+        bottomLeft: string;
+        bottomRight: string;
+    };
+    export type Props = {
+        panelColor?: keyof typeof COLORS;
+        panelIntensity?: keyof typeof INTENSITIES;
+        panelBorder?: keyof typeof BORDERS | Array<keyof typeof BORDERS>;
+        panelRadius?: keyof typeof RADII | Array<keyof typeof RADII>;
+    };
+    export function classes(props: Props): string;
+    export {};
+}
+//# sourceMappingURL=panelMixin.d.ts.map

package/dist/src/components/mixin/panelMixin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panelMixin.d.ts","sourceRoot":"","sources":["../../../../src/components/mixin/panelMixin.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAE1B,yBAAiB,UAAU,CAAC;IASxB,MAAM,MAAM;;;;;KAKF,CAAC;IAEX,MAAM,WAAW;;;;;;;;;KASP,CAAC;IAEX,MAAM,OAAO;;;;;;;;KAQZ,CAAC;IAEF,MAAM,KAAK;;;;;;;;;;KAUV,CAAC;IAIF,MAAM,MAAM,KAAK,GAAG;QAChB,UAAU,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;QACjC,cAAc,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;QAC1C,WAAW,CAAC,EAAE,MAAM,OAAO,OAAO,GAAG,KAAK,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;QACjE,WAAW,CAAC,EAAE,MAAM,OAAO,KAAK,GAAG,KAAK,CAAC,MAAM,OAAO,KAAK,CAAC,CAAC;KAChE,CAAC;IAsBF,MAAM,UAAU,OAAO,CAAC,KAAK,EAAE,KAAK,UAEnC;;CACJ"}

package/dist/src/components/mixin/styleMixin.d.ts

@@ -0,0 +1,9 @@
+import type { JSX } from "solid-js";
+export declare namespace StyleMixin {
+    type Props = {
+        class?: string;
+        style?: JSX.CSSProperties;
+    };
+    function classes(props: Props): string;
+}
+//# sourceMappingURL=styleMixin.d.ts.map

package/dist/src/components/mixin/styleMixin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleMixin.d.ts","sourceRoot":"","sources":["../../../../src/components/mixin/styleMixin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAEpC,yBAAiB,UAAU,CAAC;IAGxB,KAAY,KAAK,GAAG;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;KAC7B,CAAC;IAGF,SAAgB,OAAO,CAAC,KAAK,EAAE,KAAK,UAEnC;CACJ"}

package/dist/src/components/mixin/textMixin.d.ts

@@ -0,0 +1,66 @@
+import "./textMixin.css";
+export declare namespace TextMixin {
+    const COLORS: {
+        readonly neutral: "text-color-neutral";
+        readonly brand: "text-color-brand";
+        readonly accent: "text-color-accent";
+        readonly danger: "text-color-danger";
+    };
+    const INTENSITIES: {
+        readonly subtle: "text-intensity-subtle";
+        readonly soft: "text-intensity-soft";
+        readonly muted: "text-intensity-muted";
+        readonly base: "text-intensity-base";
+        readonly strong: "text-intensity-strong";
+        readonly deep: "text-intensity-deep";
+        readonly inverted: "text-intensity-inverted";
+    };
+    const ALIGNS: {
+        readonly left: "text-align-left";
+        readonly center: "text-align-center";
+        readonly right: "text-align-right";
+        readonly stretch: "text-align-stretch";
+    };
+    const FAMILIES: {
+        readonly body: "text-family-body";
+        readonly heading: "text-family-heading";
+        readonly code: "text-family-code";
+        readonly longform: "text-family-longform";
+        readonly tagline: "text-family-tagline";
+        readonly action: "text-family-action";
+    };
+    const WEIGHTS: {
+        readonly light: "text-weight-light";
+        readonly normal: "text-weight-normal";
+        readonly semibold: "text-weight-semibold";
+        readonly bold: "text-weight-bold";
+    };
+    const SIZES: {
+        readonly "2xsmall": "text-size-2xs";
+        readonly xsmall: "text-size-xs";
+        readonly small: "text-size-s";
+        readonly medium: "text-size-m";
+        readonly large: "text-size-l";
+        readonly xlarge: "text-size-xl";
+        readonly "2xlarge": "text-size-2xl";
+        readonly "3xlarge": "text-size-3xl";
+        readonly "4xlarge": "text-size-4xl";
+    };
+    const LINES: {
+        readonly condensed: "text-line-condensed";
+        readonly normal: "text-line-normal";
+        readonly expanded: "text-line-expanded";
+    };
+    export type Props = {
+        textColor?: keyof typeof COLORS;
+        textIntensity?: keyof typeof INTENSITIES;
+        textAlign?: keyof typeof ALIGNS;
+        textFamily?: keyof typeof FAMILIES;
+        textWeight?: keyof typeof WEIGHTS;
+        textSize?: keyof typeof SIZES;
+        textLine?: keyof typeof LINES;
+    };
+    export function classes(props: Props): string;
+    export {};
+}
+//# sourceMappingURL=textMixin.d.ts.map