@ds-gn/ui 0.0.0-stage → 0.5.0

package/dist/components/Icon/src/icons/index.js

@@ -0,0 +1,35 @@
+// Auto-generated by build/generate-icons.ts — do not edit manually
+
+export { arrowLeft } from './arrow-left.js';
+export { arrowRight } from './arrow-right.js';
+export { calendar } from './calendar.js';
+export { check } from './check.js';
+export { chevronDown } from './chevron-down.js';
+export { chevronLeft } from './chevron-left.js';
+export { chevronRight } from './chevron-right.js';
+export { chevronUp } from './chevron-up.js';
+export { circleAlert } from './circle-alert.js';
+export { circleCheck } from './circle-check.js';
+export { circleX } from './circle-x.js';
+export { copy } from './copy.js';
+export { download } from './download.js';
+export { ellipsis } from './ellipsis.js';
+export { ellipsisVertical } from './ellipsis-vertical.js';
+export { externalLink } from './external-link.js';
+export { eye } from './eye.js';
+export { eyeOff } from './eye-off.js';
+export { iconNames } from './icon-names.js';
+export { info } from './info.js';
+export { loader } from './loader.js';
+export { mail } from './mail.js';
+export { menu } from './menu.js';
+export { minus } from './minus.js';
+export { pencil } from './pencil.js';
+export { plus } from './plus.js';
+export { search } from './search.js';
+export { settings } from './settings.js';
+export { trash2 } from './trash-2.js';
+export { triangleAlert } from './triangle-alert.js';
+export { upload } from './upload.js';
+export { user } from './user.js';
+export { x } from './x.js';

package/dist/components/Icon/src/icons/info.d.ts

@@ -0,0 +1 @@
+export declare const info: import("lit").TemplateResult<2>;

package/dist/components/Icon/src/icons/info.js

@@ -0,0 +1,6 @@
+// info.ts
+import { svg } from "lit";
+var info = svg`<circle cx="12" cy="12" r="10" /><path d="M12 16v-4" /><path d="M12 8h.01" />`;
+export {
+  info
+};

package/dist/components/Icon/src/icons/loader.d.ts

@@ -0,0 +1 @@
+export declare const loader: import("lit").TemplateResult<2>;

package/dist/components/Icon/src/icons/loader.js

@@ -0,0 +1,6 @@
+// loader.ts
+import { svg } from "lit";
+var loader = svg`<path d="M12 2v4" /><path d="m16.2 7.8 2.9-2.9" /><path d="M18 12h4" /><path d="m16.2 16.2 2.9 2.9" /><path d="M12 18v4" /><path d="m4.9 19.1 2.9-2.9" /><path d="M2 12h4" /><path d="m4.9 4.9 2.9 2.9" />`;
+export {
+  loader
+};

package/dist/components/Icon/src/icons/mail.d.ts

@@ -0,0 +1 @@
+export declare const mail: import("lit").TemplateResult<2>;

package/dist/components/Icon/src/icons/mail.js

@@ -0,0 +1,6 @@
+// mail.ts
+import { svg } from "lit";
+var mail = svg`<rect width="20" height="16" x="2" y="4" rx="2" /><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" />`;
+export {
+  mail
+};

package/dist/components/Icon/src/icons/menu.d.ts

@@ -0,0 +1 @@
+export declare const menu: import("lit").TemplateResult<2>;

package/dist/components/Icon/src/icons/menu.js

@@ -0,0 +1,6 @@
+// menu.ts
+import { svg } from "lit";
+var menu = svg`<line x1="4" x2="20" y1="12" y2="12" /><line x1="4" x2="20" y1="6" y2="6" /><line x1="4" x2="20" y1="18" y2="18" />`;
+export {
+  menu
+};

package/dist/components/Icon/src/icons/minus.d.ts

@@ -0,0 +1 @@
+export declare const minus: import("lit").TemplateResult<2>;

package/dist/components/Icon/src/icons/minus.js

@@ -0,0 +1,6 @@
+// minus.ts
+import { svg } from "lit";
+var minus = svg`<path d="M5 12h14" />`;
+export {
+  minus
+};

package/dist/components/Icon/src/icons/pencil.d.ts

@@ -0,0 +1 @@
+export declare const pencil: import("lit").TemplateResult<2>;

package/dist/components/Icon/src/icons/pencil.js

@@ -0,0 +1,6 @@
+// pencil.ts
+import { svg } from "lit";
+var pencil = svg`<path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z" /><path d="m15 5 4 4" />`;
+export {
+  pencil
+};

package/dist/components/Icon/src/icons/plus.d.ts

@@ -0,0 +1 @@
+export declare const plus: import("lit").TemplateResult<2>;

package/dist/components/Icon/src/icons/plus.js

@@ -0,0 +1,6 @@
+// plus.ts
+import { svg } from "lit";
+var plus = svg`<path d="M5 12h14" /><path d="M12 5v14" />`;
+export {
+  plus
+};

package/dist/components/Icon/src/icons/search.d.ts

@@ -0,0 +1 @@
+export declare const search: import("lit").TemplateResult<2>;

package/dist/components/Icon/src/icons/search.js

@@ -0,0 +1,6 @@
+// search.ts
+import { svg } from "lit";
+var search = svg`<circle cx="11" cy="11" r="8" /><path d="m21 21-4.3-4.3" />`;
+export {
+  search
+};

package/dist/components/Icon/src/icons/settings.d.ts

@@ -0,0 +1 @@
+export declare const settings: import("lit").TemplateResult<2>;

package/dist/components/Icon/src/icons/settings.js

@@ -0,0 +1,6 @@
+// settings.ts
+import { svg } from "lit";
+var settings = svg`<path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" /><circle cx="12" cy="12" r="3" />`;
+export {
+  settings
+};

package/dist/components/Icon/src/icons/trash-2.d.ts

@@ -0,0 +1 @@
+export declare const trash2: import("lit").TemplateResult<2>;

package/dist/components/Icon/src/icons/trash-2.js

@@ -0,0 +1,6 @@
+// trash-2.ts
+import { svg } from "lit";
+var trash2 = svg`<path d="M3 6h18" /><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" /><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" /><line x1="10" x2="10" y1="11" y2="17" /><line x1="14" x2="14" y1="11" y2="17" />`;
+export {
+  trash2
+};

package/dist/components/Icon/src/icons/triangle-alert.d.ts

@@ -0,0 +1 @@
+export declare const triangleAlert: import("lit").TemplateResult<2>;

package/dist/components/Icon/src/icons/triangle-alert.js

@@ -0,0 +1,6 @@
+// triangle-alert.ts
+import { svg } from "lit";
+var triangleAlert = svg`<path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" /><path d="M12 9v4" /><path d="M12 17h.01" />`;
+export {
+  triangleAlert
+};

package/dist/components/Icon/src/icons/upload.d.ts

@@ -0,0 +1 @@
+export declare const upload: import("lit").TemplateResult<2>;

package/dist/components/Icon/src/icons/upload.js

@@ -0,0 +1,6 @@
+// upload.ts
+import { svg } from "lit";
+var upload = svg`<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" /><polyline points="17 8 12 3 7 8" /><line x1="12" x2="12" y1="3" y2="15" />`;
+export {
+  upload
+};

package/dist/components/Icon/src/icons/user.d.ts

@@ -0,0 +1 @@
+export declare const user: import("lit").TemplateResult<2>;

package/dist/components/Icon/src/icons/user.js

@@ -0,0 +1,6 @@
+// user.ts
+import { svg } from "lit";
+var user = svg`<path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" /><circle cx="12" cy="7" r="4" />`;
+export {
+  user
+};

package/dist/components/Icon/src/icons/x.d.ts

@@ -0,0 +1 @@
+export declare const x: import("lit").TemplateResult<2>;

package/dist/components/Icon/src/icons/x.js

@@ -0,0 +1,6 @@
+// x.ts
+import { svg } from "lit";
+var x = svg`<path d="M18 6 6 18" /><path d="m6 6 12 12" />`;
+export {
+  x
+};

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

@@ -0,0 +1,76 @@
+import '../../../types/global.d.ts';
+import { Base } from '../../../common/Base/Base.js';
+import { type SurfaceType } from '../../../common/props/surface/surface.props.js';
+import { type CSSResultGroup } from 'lit';
+import { type ImageAspectType, type ImageFitType, type ImageLoadingType, type ImageRadiusType } from './Image.props.js';
+/**
+ * @fires dsgn-image-error - Fired when the image fails to load; `detail` is `{ src }`.
+ * @slot error - Custom content displayed when the image cannot be loaded.
+ */
+export declare class Image extends Base {
+    #private;
+    static styles: CSSResultGroup;
+    /**
+     * Surface theme variant (light or dark)
+     */
+    surface: SurfaceType;
+    /**
+     * CSS object-fit behavior
+     */
+    fit: ImageFitType;
+    /**
+     * Aspect ratio preset
+     */
+    aspect: ImageAspectType;
+    /**
+     * Border radius
+     */
+    radius: ImageRadiusType;
+    /**
+     * Native loading strategy
+     */
+    loading: ImageLoadingType;
+    /**
+     * Image source URL
+     */
+    src: string;
+    /**
+     * Alt text for accessibility
+     */
+    alt: string;
+    /**
+     * Responsive image srcset
+     */
+    srcset: string;
+    /**
+     * Responsive sizes attribute
+     */
+    sizes: string;
+    /**
+     * Intrinsic width for CLS prevention
+     */
+    width?: number;
+    /**
+     * Intrinsic height for CLS prevention
+     */
+    height?: number;
+    /**
+     * Fetch priority hint for the underlying <img> element.
+     * Use "high" for above-the-fold images (e.g. hero) to signal LCP importance.
+     */
+    fetchpriority: string;
+    /**
+     * Fallback image URL when primary source fails
+     */
+    fallbackSrc: string;
+    private _hasError;
+    private _handleError;
+    willUpdate(changedProperties: Map<string | number | symbol, unknown>): void;
+    updated(changedProperties: Map<string | number | symbol, unknown>): void;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'dsgn-image': Image;
+    }
+}