@ersbeth/picokit 0.0.1

package/dist/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

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

@@ -0,0 +1 @@
+{"version":3,"file":"textMixin.d.ts","sourceRoot":"","sources":["../../../src/components/mixin/textMixin.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,CAAC;AAEzB,yBAAiB,SAAS,CAAC;IAcvB,MAAM,MAAM;;;;;KAKF,CAAC;IAEX,MAAM,WAAW;;;;;;;;KAQP,CAAC;IAEX,MAAM,MAAM;;;;;KAKF,CAAC;IAEX,MAAM,QAAQ;;;;;;;KAOJ,CAAC;IAEX,MAAM,OAAO;;;;;KAKH,CAAC;IAEX,MAAM,KAAK;;;;;;;;;;KAUD,CAAC;IAEX,MAAM,KAAK;;;;KAID,CAAC;IAIX,MAAM,MAAM,KAAK,GAAG;QAChB,SAAS,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;QAChC,aAAa,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;QACzC,SAAS,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;QAChC,UAAU,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;QACnC,UAAU,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;QAClC,QAAQ,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC;QAC9B,QAAQ,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC;KACjC,CAAC;IAIF,MAAM,UAAU,OAAO,CAAC,KAAK,EAAE,KAAK,UAYnC;;CACJ"}

package/dist/components/mixin/widthMixin.d.ts

@@ -0,0 +1,26 @@
+import "./widthMixin.css";
+export declare namespace WidthMixin {
+    const WIDTHS: {
+        readonly xsmall: "width-xsmall";
+        readonly small: "width-small";
+        readonly medium: "width-medium";
+        readonly large: "width-large";
+        readonly xlarge: "width-xlarge";
+        readonly "2xlarge": "width-2xlarge";
+    };
+    const MAX_WIDTHS: {
+        readonly xsmall: "max-width-xsmall";
+        readonly small: "max-width-small";
+        readonly medium: "max-width-medium";
+        readonly large: "max-width-large";
+        readonly xlarge: "max-width-xlarge";
+        readonly "2xlarge": "max-width-2xlarge";
+    };
+    export type Props = {
+        width?: keyof typeof WIDTHS;
+        maxWidth?: keyof typeof MAX_WIDTHS;
+    };
+    export function classes(props: Props): string;
+    export {};
+}
+//# sourceMappingURL=widthMixin.d.ts.map

package/dist/components/mixin/widthMixin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"widthMixin.d.ts","sourceRoot":"","sources":["../../../src/components/mixin/widthMixin.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAE1B,yBAAiB,UAAU,CAAC;IAQxB,MAAM,MAAM;;;;;;;KAOF,CAAC;IAEX,MAAM,UAAU;;;;;;;KAON,CAAC;IAIX,MAAM,MAAM,KAAK,GAAG;QAChB,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;QAC5B,QAAQ,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;KACtC,CAAC;IAIF,MAAM,UAAU,OAAO,CAAC,KAAK,EAAE,KAAK,UAOnC;;CACJ"}

package/dist/components/ui/avatar.d.ts

@@ -0,0 +1,9 @@
+import type { Component } from "solid-js";
+import { StyleMixin } from "../mixin";
+import "./avatar.css";
+export type AvatarProps = StyleMixin.Props & {
+    src: string;
+    alt: string;
+};
+export declare const Avatar: Component<AvatarProps>;
+//# sourceMappingURL=avatar.d.ts.map

package/dist/components/ui/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,cAAc,CAAC;AAatB,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,KAAK,GAAG;IACzC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACf,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,SAAS,CAAC,WAAW,CAOzC,CAAA"}

package/dist/components/ui/button.d.ts

@@ -0,0 +1,29 @@
+import * as ButtonPrimitive from "@kobalte/core/button";
+import type { PolymorphicProps } from "@kobalte/core/polymorphic";
+import type { ValidComponent } from "solid-js";
+import "./button.css";
+declare const VARIANTS: {
+    readonly default: "button-variant-default";
+    readonly solid: "button-variant-solid";
+    readonly outline: "button-variant-outline";
+    readonly ghost: "button-variant-ghost";
+};
+declare const COLORS: {
+    readonly brand: "button-color-brand";
+    readonly accent: "button-color-accent";
+    readonly neutral: "button-color-neutral";
+    readonly danger: "button-color-danger";
+};
+declare const SIZES: {
+    readonly small: "button-size-small";
+    readonly medium: "button-size-medium";
+    readonly large: "button-size-large";
+};
+export type ButtonProps<T extends ValidComponent = "button"> = ButtonPrimitive.ButtonRootProps<T> & {
+    variant?: keyof typeof VARIANTS;
+    color?: keyof typeof COLORS;
+    size?: keyof typeof SIZES;
+};
+export declare function Button<T extends ValidComponent = "button">(props: PolymorphicProps<T, ButtonProps<T>>): import("solid-js").JSX.Element;
+export {};
+//# sourceMappingURL=button.d.ts.map

package/dist/components/ui/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,sBAAsB,CAAC;AACxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,OAAO,cAAc,CAAC;AAStB,QAAA,MAAM,QAAQ;;;;;CAKJ,CAAC;AAEX,QAAA,MAAM,MAAM;;;;;CAKF,CAAC;AAEX,QAAA,MAAM,KAAK;;;;CAID,CAAC;AAIX,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,cAAc,GAAG,QAAQ,IAAI,eAAe,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG;IAChG,OAAO,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC;CAC7B,CAAC;AAEF,wBAAgB,MAAM,CAAC,CAAC,SAAS,cAAc,GAAG,QAAQ,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,kCAWrG"}

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

@@ -0,0 +1,10 @@
+import type { JSX, ParentComponent } from "solid-js";
+import "./card.css";
+import { type StackProps } from "../layout";
+export type CardProps = StackProps & {
+    header?: JSX.Element;
+    footer?: JSX.Element;
+    media?: JSX.Element;
+};
+export declare const Card: ParentComponent<CardProps>;
+//# sourceMappingURL=card.d.ts.map

package/dist/components/ui/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAErD,OAAO,YAAY,CAAC;AACpB,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC;AAgBnD,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG;IACjC,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,eAAe,CAAC,SAAS,CA4D3C,CAAC"}

package/dist/components/ui/carousel.d.ts

@@ -0,0 +1,17 @@
+import { type CreateEmblaCarouselType } from "embla-carousel-solid";
+import { type JSX, type ParentComponent } from "solid-js";
+import "./carousel.css";
+type StyleProps = {
+    class?: string;
+    style?: JSX.CSSProperties;
+};
+export type CarouselRootProps = StyleProps & {
+    autoplay?: boolean;
+    loop?: boolean;
+};
+export type CarouselApi = CreateEmblaCarouselType[1];
+export declare const Carousel: ParentComponent<CarouselRootProps> & {
+    Slide: ParentComponent<StyleProps>;
+};
+export {};
+//# sourceMappingURL=carousel.d.ts.map

package/dist/components/ui/carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../src/components/ui/carousel.tsx"],"names":[],"mappings":"AACA,OAA4B,EAAE,KAAK,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACzF,OAAO,EAAgB,KAAK,GAAG,EAAW,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AACjF,OAAO,gBAAgB,CAAC;AAcxB,KAAK,UAAU,GAAG;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC7B,CAAC;AAIF,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,uBAAuB,CAAC,CAAC,CAAC,CAAC;AA+ErD,eAAO,MAAM,QAAQ;;CAEnB,CAAC"}

package/dist/components/ui/image.d.ts

@@ -0,0 +1,24 @@
+import type { Component } from "solid-js";
+import { StyleMixin } from "../mixin";
+import "./image.css";
+declare const ASPECTS: {
+    square: string;
+    landscape: string;
+    portrait: string;
+    wide: string;
+    ultrawide: string;
+    golden: string;
+};
+declare const FITS: {
+    contain: string;
+    cover: string;
+};
+export type ImageProps = StyleMixin.Props & {
+    src: string;
+    alt: string;
+    aspect: keyof typeof ASPECTS;
+    fit: keyof typeof FITS;
+};
+export declare const Image: Component<ImageProps>;
+export {};
+//# sourceMappingURL=image.d.ts.map

package/dist/components/ui/image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/components/ui/image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,aAAa,CAAC;AAWrB,QAAA,MAAM,OAAO;;;;;;;CAOZ,CAAA;AAED,QAAA,MAAM,IAAI;;;CAGT,CAAA;AAID,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,GAAG;IACxC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,OAAO,OAAO,CAAC;IAC7B,GAAG,EAAE,MAAM,OAAO,IAAI,CAAC;CAC1B,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,SAAS,CAAC,UAAU,CAOvC,CAAA"}

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

@@ -0,0 +1,6 @@
+export * from "./button";
+export * from "./card";
+export * from "./carousel";
+export * from "./avatar";
+export * from "./image";
+//# sourceMappingURL=index.d.ts.map

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

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