@ds-gn/ui 0.0.0-stage → 0.5.0

package/dist/components/Button/src/Button.playground.d.ts

@@ -0,0 +1,2 @@
+import type { PlaygroundDefinition } from '../../../playground/types.js';
+export declare const playground: PlaygroundDefinition;

package/dist/components/Button/src/Button.props.d.ts

@@ -0,0 +1,47 @@
+export declare const buttonAppearanceValues: {
+    readonly SOLID: "solid";
+    readonly OUTLINE: "outline";
+    readonly GHOST: "ghost";
+    readonly LINK: "link";
+    readonly INLINE: "inline";
+    readonly MONO_SOLID: "mono-solid";
+    readonly MONO_OUTLINE: "mono-outline";
+    readonly GRADIENT: "gradient";
+};
+export type ButtonAppearanceType = (typeof buttonAppearanceValues)[keyof typeof buttonAppearanceValues];
+export declare const buttonAppearanceProps: import("lit").PropertyDeclaration<unknown, unknown>;
+export declare const buttonWeightValues: {
+    readonly NORMAL: "normal";
+    readonly MEDIUM: "medium";
+    readonly SEMIBOLD: "semibold";
+    readonly BOLD: "bold";
+};
+export type ButtonWeightType = (typeof buttonWeightValues)[keyof typeof buttonWeightValues];
+export declare const buttonWeightProps: import("lit").PropertyDeclaration<unknown, unknown>;
+export declare const buttonTargetValues: {
+    SELF: string;
+    BLANK: string;
+};
+export type ButtonTargetType = (typeof buttonTargetValues)[keyof typeof buttonTargetValues];
+export declare const buttonTargetProps: import("lit").PropertyDeclaration<unknown, unknown>;
+export declare const buttonTypeValues: {
+    readonly BUTTON: "button";
+    readonly SUBMIT: "submit";
+    readonly RESET: "reset";
+};
+export type ButtonTypeType = (typeof buttonTypeValues)[keyof typeof buttonTypeValues];
+export declare const buttonTypeProps: import("lit").PropertyDeclaration<unknown, unknown>;
+export declare const buttonSizeValues: {
+    readonly SM: "sm";
+    readonly MD: "md";
+    readonly LG: "lg";
+};
+export type ButtonSizeType = (typeof buttonSizeValues)[keyof typeof buttonSizeValues];
+export declare const buttonSizeProps: import("lit").PropertyDeclaration<unknown, unknown>;
+export declare const buttonIconPositionValues: {
+    readonly LEADING: "leading";
+    readonly TRAILING: "trailing";
+    readonly ONLY: "only";
+};
+export type ButtonIconPositionType = (typeof buttonIconPositionValues)[keyof typeof buttonIconPositionValues];
+export declare const buttonIconPositionProps: import("lit").PropertyDeclaration<unknown, unknown>;

package/dist/components/Button/src/Button.props.js

@@ -0,0 +1,79 @@
+// common/helpers/enum-validator.ts
+var enumValidator = (propName, enumSet, candidateValue) => {
+  if (!enumSet.has(candidateValue)) {
+    throw new Error(`Invalid prop ${propName} of value ${candidateValue}. Expected one of: ${Array.from(enumSet).join(", ")}`);
+  }
+};
+
+// common/helpers/enum-creator.ts
+var enumCreator = (acceptableValues, propName, type, other = {}) => {
+  const acceptableValuesSet = new Set(acceptableValues);
+  return {
+    type,
+    hasChanged(newValue, oldValue) {
+      if (newValue !== oldValue) {
+        enumValidator(propName, acceptableValuesSet, newValue);
+        return true;
+      }
+      return false;
+    },
+    ...other
+  };
+};
+
+// components/Button/src/Button.props.ts
+var buttonAppearanceValues = {
+  SOLID: "solid",
+  OUTLINE: "outline",
+  GHOST: "ghost",
+  LINK: "link",
+  INLINE: "inline",
+  MONO_SOLID: "mono-solid",
+  MONO_OUTLINE: "mono-outline",
+  GRADIENT: "gradient"
+};
+var buttonAppearanceProps = enumCreator(Object.values(buttonAppearanceValues), "appearance", String, { reflect: true });
+var buttonWeightValues = {
+  NORMAL: "normal",
+  MEDIUM: "medium",
+  SEMIBOLD: "semibold",
+  BOLD: "bold"
+};
+var buttonWeightProps = enumCreator(Object.values(buttonWeightValues), "button-weight", String, { reflect: true, attribute: "button-weight" });
+var buttonTargetValues = {
+  SELF: "_self",
+  BLANK: "_blank"
+};
+var buttonTargetProps = enumCreator(Object.values(buttonTargetValues), "target", String, { reflect: true });
+var buttonTypeValues = {
+  BUTTON: "button",
+  SUBMIT: "submit",
+  RESET: "reset"
+};
+var buttonTypeProps = enumCreator(Object.values(buttonTypeValues), "type", String, { reflect: true });
+var buttonSizeValues = {
+  SM: "sm",
+  MD: "md",
+  LG: "lg"
+};
+var buttonSizeProps = enumCreator(Object.values(buttonSizeValues), "size", String, { reflect: true });
+var buttonIconPositionValues = {
+  LEADING: "leading",
+  TRAILING: "trailing",
+  ONLY: "only"
+};
+var buttonIconPositionProps = enumCreator(Object.values(buttonIconPositionValues), "icon-position", String, { attribute: "icon-position", reflect: true });
+export {
+  buttonAppearanceProps,
+  buttonAppearanceValues,
+  buttonIconPositionProps,
+  buttonIconPositionValues,
+  buttonSizeProps,
+  buttonSizeValues,
+  buttonTargetProps,
+  buttonTargetValues,
+  buttonTypeProps,
+  buttonTypeValues,
+  buttonWeightProps,
+  buttonWeightValues
+};

package/dist/components/Button/src/Button.styles.d.ts

@@ -0,0 +1,11 @@
+import type { ButtonAppearanceType, ButtonIconPositionType, ButtonSizeType, ButtonWeightType } from './Button.props.js';
+export declare const spinnerClasses: () => string;
+export interface ButtonClassOptions {
+    appearance: ButtonAppearanceType;
+    iconPosition?: ButtonIconPositionType;
+    weight?: ButtonWeightType;
+    size?: ButtonSizeType;
+    disabled?: boolean;
+    loading?: boolean;
+}
+export declare const classNames: ({ appearance, iconPosition, weight, size, disabled, loading, }: ButtonClassOptions) => string;

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

@@ -0,0 +1,39 @@
+import '../../../types/global.d.ts';
+import '../../FeatureItem/src/FeatureItem.js';
+import { type CSSResultGroup } from 'lit';
+import { Base } from '../../../common/Base/Base.js';
+import { type SurfaceType } from '../../../common/props/surface/surface.props.js';
+import { type CardFeature, type CardPaddingType, type CardVariantType } from './Card.props.js';
+/**
+ * @slot badge - Badge content above the heading.
+ * @slot heading - Card heading.
+ * @slot media - Card media.
+ * @slot footer - Card footer content.
+ */
+export declare class Card extends Base {
+    #private;
+    static styles: CSSResultGroup;
+    /**
+     * Surface theme variant (light or dark)
+     */
+    surface: SurfaceType;
+    /**
+     * Visual card variant
+     */
+    variant: CardVariantType;
+    /**
+     * Internal card padding
+     */
+    padding: CardPaddingType;
+    /**
+     * Feature items rendered inside the card body
+     */
+    features: CardFeature[];
+    updated(changedProperties: Map<string | number | symbol, unknown>): void;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'dsgn-card': Card;
+    }
+}