@semantic-components/ui 0.34.0 → 0.36.0

package/index.d.ts

@@ -7,8 +7,10 @@ export * from './lib/components/full-calendar';
 export * from './lib/components/date-picker';
 export * from './lib/components/nav';
 export * from './lib/components/theme-toggler';
+export * from './lib/components/link';
 export * from './lib/components/button';
 export * from './lib/components/input';
+export * from './lib/components/input-group';
 export * from './lib/components/input-password';
 export * from './lib/components/input-otp';
 export * from './lib/components/tel-input';

package/lib/components/button/button-base.d.ts

@@ -0,0 +1,17 @@
+import { VariantProps } from 'class-variance-authority';
+import * as i0 from "@angular/core";
+import * as i1 from "./cursor";
+export declare const buttonVariants: (props?: ({
+    variant?: "outline" | "link" | "primary" | "destructive" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export type ButtonVariants = VariantProps<typeof buttonVariants>;
+export declare class ScButtonBase {
+    readonly variant: import("@angular/core").InputSignal<"outline" | "link" | "primary" | "destructive" | "secondary" | "ghost" | null | undefined>;
+    readonly size: import("@angular/core").InputSignal<"default" | "sm" | "lg" | "icon" | null | undefined>;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScButtonBase, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScButtonBase, never, never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.ScCursor; inputs: { "disabled": "disabled"; }; outputs: {}; }]>;
+}

package/lib/components/button/button.d.ts

@@ -1,17 +1,6 @@
-import { VariantProps } from 'class-variance-authority';
+import { ScButtonBase } from './button-base';
 import * as i0 from "@angular/core";
-import * as i1 from "./cursor";
-export declare const buttonVariants: (props?: ({
-    variant?: "outline" | "link" | "primary" | "destructive" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export type ButtonVariants = VariantProps<typeof buttonVariants>;
-export declare class ScButton {
-    readonly variant: import("@angular/core").InputSignal<"outline" | "link" | "primary" | "destructive" | "secondary" | "ghost" | null | undefined>;
-    readonly size: import("@angular/core").InputSignal<"default" | "sm" | "lg" | "icon" | null | undefined>;
-    readonly classInput: import("@angular/core").InputSignal<string>;
-    protected readonly class: import("@angular/core").Signal<string>;
-    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+export declare class ScButton extends ScButtonBase {
     static ɵfac: i0.ɵɵFactoryDeclaration<ScButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScButton, "button[sc-button], a[sc-button]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.ScCursor; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScButton, "button[sc-button]", never, {}, {}, never, ["*"], true, never>;
 }

package/lib/components/button/cursor.d.ts

@@ -1,10 +1,10 @@
-import { OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class ScCursor implements OnInit {
+export declare class ScCursor {
     private readonly isPlatformBrowser;
     private readonly hostRef;
     private readonly renderer;
-    ngOnInit(): void;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ScCursor, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ScCursor, "button[sc-cursor], a[sc-cursor]", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScCursor, never, never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/button/index.d.ts

@@ -1,2 +1,3 @@
 export * from './button';
+export * from './button-base';
 export * from './cursor';

package/lib/components/input/input.d.ts

@@ -4,7 +4,7 @@ export declare const scInputStyles: import("@angular/core").WritableSignal<strin
 export declare class ScInput {
     readonly classInput: import("@angular/core").InputSignal<string>;
     protected readonly class: import("@angular/core").Signal<string>;
-    readonly value: import("@angular/core").ModelSignal<string | undefined>;
+    readonly value: import("@angular/core").ModelSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScInput, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ScInput, "input[sc-input]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, [{ directive: typeof i1.ScPlainInput; inputs: { "value": "value"; }; outputs: { "valueChange": "valueChange"; }; }]>;
 }

package/lib/components/input/plain-input.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class ScPlainInput {
     private readonly hostRef;
-    readonly value: import("@angular/core").ModelSignal<string | undefined>;
+    readonly value: import("@angular/core").ModelSignal<string>;
     handleInput(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScPlainInput, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ScPlainInput, "input[sc-plain-input]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;

package/lib/components/input-group/index.d.ts

@@ -0,0 +1 @@
+export * from './input-group';

package/lib/components/input-group/input-group.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class ScInputGroup {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScInputGroup, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScInputGroup, "sc-input-group", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/link/index.d.ts

@@ -0,0 +1 @@
+export * from './link';

package/lib/components/link/link.d.ts

@@ -0,0 +1,7 @@
+import { ScButtonBase } from '../button';
+import * as i0 from "@angular/core";
+export declare class ScLink extends ScButtonBase {
+    protected readonly tabindex: import("@angular/core").Signal<0 | -1>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScLink, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScLink, "a[sc-link]", never, {}, {}, never, ["*"], true, never>;
+}

package/lib/components/paginator/page-item.d.ts

@@ -1,10 +1,10 @@
 import * as i0 from "@angular/core";
 export declare class ScPageItem {
-    currentPage: import("@angular/core").InputSignal<number>;
-    page: import("@angular/core").InputSignal<number | "...">;
-    pageChanged: import("@angular/core").OutputEmitterRef<number>;
-    isActive: import("@angular/core").Signal<boolean>;
-    selectPage(): void;
+    readonly currentPage: import("@angular/core").InputSignal<number>;
+    readonly page: import("@angular/core").InputSignal<number | "...">;
+    readonly pageChanged: import("@angular/core").OutputEmitterRef<number>;
+    protected readonly isActive: import("@angular/core").Signal<boolean>;
+    protected selectPage(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScPageItem, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ScPageItem, "sc-page-item", never, { "currentPage": { "alias": "currentPage"; "required": true; "isSignal": true; }; "page": { "alias": "page"; "required": true; "isSignal": true; }; }, { "pageChanged": "pageChanged"; }, never, never, true, never>;
 }

package/lib/components/paginator/pagination.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class ScPagination {
-    class: import("@angular/core").InputSignal<string>;
-    classes: import("@angular/core").Signal<string>;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScPagination, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScPagination, "nav[sc-pagination]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScPagination, "nav[sc-pagination]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/paginator/paginator.d.ts

@@ -3,22 +3,22 @@ import { FormControl } from '@angular/forms';
 import { ScPageEvent } from './page-event';
 import * as i0 from "@angular/core";
 export declare class ScPaginator implements OnInit {
-    class: import("@angular/core").InputSignal<string>;
-    classes: import("@angular/core").Signal<string>;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
     /** The one-based page index of the displayed list of items. Defaulted to 1. */
-    currentPage: import("@angular/core").InputSignal<number>;
+    readonly currentPage: import("@angular/core").InputSignal<number>;
     /** The total number of items that are being paginated. */
-    totalSize: import("@angular/core").InputSignal<number>;
+    readonly totalSize: import("@angular/core").InputSignal<number>;
     /** The set of provided page size options to display to the user. */
-    pageSizeOptions: import("@angular/core").InputSignal<number[]>;
-    /** Number of items to display on a page. By default set to 10. */
-    pageSize: import("@angular/core").InputSignal<number>;
+    readonly pageSizeOptions: import("@angular/core").InputSignal<number[]>;
+    /** Number of items to display on a page. By default, set to 10. */
+    readonly pageSize: import("@angular/core").InputSignal<number>;
     /** Whether to hide the page size selection UI from the user. */
-    hidePageSize: import("@angular/core").InputSignal<boolean>;
+    readonly hidePageSize: import("@angular/core").InputSignal<boolean>;
     /** Whether to show the first/last buttons UI to the user. */
-    showFirstLastButtons: import("@angular/core").InputSignal<boolean>;
+    readonly showFirstLastLinks: import("@angular/core").InputSignal<boolean>;
     /** Event emitted when the paginator changes the page index. */
-    pageChanged: import("@angular/core").OutputEmitterRef<ScPageEvent>;
+    readonly pageChanged: import("@angular/core").OutputEmitterRef<ScPageEvent>;
     constructor();
     ngOnInit(): void;
     pageSizeFormControl: FormControl<number | null>;
@@ -35,5 +35,5 @@ export declare class ScPaginator implements OnInit {
     isPrevPageDisabled: import("@angular/core").Signal<boolean>;
     changePage(page: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScPaginator, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScPaginator, "sc-paginator", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "totalSize": { "alias": "totalSize"; "required": true; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "hidePageSize": { "alias": "hidePageSize"; "required": false; "isSignal": true; }; "showFirstLastButtons": { "alias": "showFirstLastButtons"; "required": false; "isSignal": true; }; }, { "pageChanged": "pageChanged"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScPaginator, "sc-paginator", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "totalSize": { "alias": "totalSize"; "required": true; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "hidePageSize": { "alias": "hidePageSize"; "required": false; "isSignal": true; }; "showFirstLastLinks": { "alias": "showFirstLastLinks"; "required": false; "isSignal": true; }; }, { "pageChanged": "pageChanged"; }, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@semantic-components/ui",
-  "version": "0.34.0",
+  "version": "0.36.0",
   "private": false,
   "publishConfig": {
     "access": "public"

package/styles/scrollbar-styles.css

@@ -0,0 +1,11 @@
+::-webkit-scrollbar {
+  @apply w-2.5 h-2.5;
+}
+
+::-webkit-scrollbar-track {
+  @apply bg-transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  @apply rounded-full bg-border border-[1px] border-transparent border-solid bg-clip-padding;
+}

package/styles/shiki-styles.css

@@ -0,0 +1,3 @@
+pre.shiki {
+  @apply pb-6 px-4 rounded-md overflow-auto;
+}

package/styles/styles.css

@@ -0,0 +1,2 @@
+@import './scrollbar-styles.css';
+@import './shiki-styles.css';

package/styles.css

@@ -1 +0,0 @@
-@import 'scrollbar-styles.css';