@smartsoft001/react 0.0.0-stage → 2.193.0

package/src/lib/components/tabs/standard/tabs-standard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-standard.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/tabs/standard/tabs-standard.tsx"],"names":[],"mappings":";;AAUA,8CAkEC;;AA3ED,4DAAgD;AAChD,oDAAqD;AAErD,0CAAsC;AAEtC;;;GAGG;AACH,SAAgB,iBAAiB,CAAC,KAAqB;IACrD,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACrC,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAA,kBAAO,EAAC,KAAK,CAAC,CAAC;IACjD,MAAM,KAAK,GAAG,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC;IACnC,MAAM,SAAS,GAAG,CAAC,MAAc,EAAE,EAAE,CAAC,UAAU,KAAK,MAAM,CAAC;IAE5D,MAAM,aAAa,GAAG,CAAC,IAAc,EAAE,EAAE,CAAC,CACxC,6DACG,IAAI,CAAC,OAAO,IAAI,iCAAM,SAAS,EAAC,UAAU,YAAE,IAAI,CAAC,OAAO,GAAQ,EAChE,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,IAAI,CAClD,iCAAM,SAAS,EAAC,WAAW,YAAE,IAAI,CAAC,KAAK,GAAQ,CAChD,IACA,CACJ,CAAC;IAEF,OAAO,CACL,gCAAK,SAAS,EAAE,SAAS,YACvB,iCAAK,SAAS,EAAC,MAAM,aAClB,CAAC,OAAO,EAAE,gBAAgB,IAAI,IAAI,CAAC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAC1D,gCAAK,SAAS,EAAC,aAAa,YAC1B,iDACc,OAAO,EAAE,SAAS,IAAI,cAAc,EAChD,KAAK,EAAE,UAAU,IAAI,EAAE,EACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,YAEjD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,mCAAsB,KAAK,EAAE,IAAI,CAAC,EAAE,YACjC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,EAAE,IADX,IAAI,CAAC,EAAE,CAEX,CACV,CAAC,GACK,GACL,CACP,EACD,gCAAK,SAAS,EAAC,cAAc,gBAAa,OAAO,EAAE,SAAS,IAAI,MAAM,YACpE,+BAAI,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,WAAW,YAClC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,+BAAkB,SAAS,EAAC,KAAK,YAC9B,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,uBAAC,uBAAY,IACX,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAE,IAAA,gBAAE,EAAC,UAAU,EAAE,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,SAAS,CAAC,kBAC5C,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,YAEpD,aAAa,CAAC,IAAI,CAAC,GACP,CAChB,CAAC,CAAC,CAAC,CACF,mCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAA,gBAAE,EACX,YAAY,EACZ,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,SAAS,CAChC,kBACa,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACrD,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,YAEhC,aAAa,CAAC,IAAI,CAAC,GACb,CACV,IArBM,IAAI,CAAC,EAAE,CAsBX,CACN,CAAC,GACC,GACD,IACF,GACF,CACP,CAAC;AACJ,CAAC"}

package/src/lib/components/tabs/tabs.d.ts

@@ -0,0 +1,7 @@
+import { SmartTabsProps } from './tabs.types';
+/**
+ * `<smart-tabs>`: renders the implementation registered as `components.tabs`
+ * on `SmartProvider` (the Angular `TABS_STANDARD_COMPONENT_TOKEN`),
+ * `SmartTabsStandard` by default.
+ */
+export declare function SmartTabs(props: SmartTabsProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/tabs/tabs.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartTabs = SmartTabs;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const tabs_standard_1 = require("./standard/tabs-standard");
+const hooks_1 = require("../../providers/hooks");
+/**
+ * `<smart-tabs>`: renders the implementation registered as `components.tabs`
+ * on `SmartProvider` (the Angular `TABS_STANDARD_COMPONENT_TOKEN`),
+ * `SmartTabsStandard` by default.
+ */
+function SmartTabs(props) {
+    const Component = (0, hooks_1.useSmartComponent)('tabs', tabs_standard_1.SmartTabsStandard);
+    return (0, jsx_runtime_1.jsx)(Component, { ...props });
+}
+//# sourceMappingURL=tabs.js.map

package/src/lib/components/tabs/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/tabs/tabs.tsx"],"names":[],"mappings":";;AASA,8BAIC;;AAbD,4DAA6D;AAE7D,iDAA0D;AAE1D;;;;GAIG;AACH,SAAgB,SAAS,CAAC,KAAqB;IAC7C,MAAM,SAAS,GAAG,IAAA,yBAAiB,EAAC,MAAM,EAAE,iCAAiB,CAAC,CAAC;IAE/D,OAAO,uBAAC,SAAS,OAAK,KAAK,GAAI,CAAC;AAClC,CAAC"}

package/src/lib/components/tabs/tabs.types.d.ts

@@ -0,0 +1,18 @@
+import { ITabsOptions } from '../../models';
+export interface ITabChange {
+    tabId: string;
+}
+export interface SmartTabsProps {
+    options?: ITabsOptions;
+    /**
+     * The id of the selected tab (the Angular `selectedId` model, `null` for
+     * none). Leave it `undefined` to let the component keep the selection.
+     */
+    selectedId?: string | null;
+    /** The initial selection of an uncontrolled component. */
+    defaultSelectedId?: string | null;
+    onSelectedIdChange?: (selectedId: string) => void;
+    /** A tab was chosen (button click, preset link click or mobile select). */
+    onTabChange?: (event: ITabChange) => void;
+    className?: string;
+}

package/src/lib/components/tabs/tabs.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=tabs.types.js.map

package/src/lib/components/tabs/tabs.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.types.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/tabs/tabs.types.ts"],"names":[],"mappings":""}

package/src/lib/components/tabs/use-tabs.d.ts

@@ -0,0 +1,12 @@
+import { SmartTabsProps } from './tabs.types';
+/**
+ * The behaviour every tabs variant shares (the Angular `TabsBaseComponent`
+ * and its `selectedId` model): the selection, controlled through
+ * `selectedId` or kept internally when that prop is `undefined`, and
+ * `selectTab`, which selects a tab and reports it through `onSelectedIdChange`
+ * and `onTabChange`.
+ */
+export declare function useTabs({ selectedId, defaultSelectedId, onSelectedIdChange, onTabChange, }: SmartTabsProps): {
+    selectedId: string | null;
+    selectTab: (tabId: string) => void;
+};

package/src/lib/components/tabs/use-tabs.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTabs = useTabs;
+const react_1 = require("react");
+/**
+ * The behaviour every tabs variant shares (the Angular `TabsBaseComponent`
+ * and its `selectedId` model): the selection, controlled through
+ * `selectedId` or kept internally when that prop is `undefined`, and
+ * `selectTab`, which selects a tab and reports it through `onSelectedIdChange`
+ * and `onTabChange`.
+ */
+function useTabs({ selectedId, defaultSelectedId = null, onSelectedIdChange, onTabChange, }) {
+    const [internalSelectedId, setInternalSelectedId] = (0, react_1.useState)(defaultSelectedId);
+    const controlled = selectedId !== undefined;
+    const selectTab = (0, react_1.useCallback)((tabId) => {
+        if (!controlled)
+            setInternalSelectedId(tabId);
+        onSelectedIdChange?.(tabId);
+        onTabChange?.({ tabId });
+    }, [controlled, onSelectedIdChange, onTabChange]);
+    return {
+        selectedId: controlled ? selectedId : internalSelectedId,
+        selectTab,
+    };
+}
+//# sourceMappingURL=use-tabs.js.map

package/src/lib/components/tabs/use-tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tabs.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/tabs/use-tabs.ts"],"names":[],"mappings":";;AAWA,0BAyBC;AApCD,iCAA8C;AAI9C;;;;;;GAMG;AACH,SAAgB,OAAO,CAAC,EACtB,UAAU,EACV,iBAAiB,GAAG,IAAI,EACxB,kBAAkB,EAClB,WAAW,GACI;IACf,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,IAAA,gBAAQ,EAC1D,iBAAiB,CAClB,CAAC;IACF,MAAM,UAAU,GAAG,UAAU,KAAK,SAAS,CAAC;IAE5C,MAAM,SAAS,GAAG,IAAA,mBAAW,EAC3B,CAAC,KAAa,EAAE,EAAE;QAChB,IAAI,CAAC,UAAU;YAAE,qBAAqB,CAAC,KAAK,CAAC,CAAC;QAE9C,kBAAkB,EAAE,CAAC,KAAK,CAAC,CAAC;QAC5B,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC3B,CAAC,EACD,CAAC,UAAU,EAAE,kBAAkB,EAAE,WAAW,CAAC,CAC9C,CAAC;IAEF,OAAO;QACL,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,kBAAkB;QACxD,SAAS;KACV,CAAC;AACJ,CAAC"}

package/src/lib/components/textarea/index.d.ts

@@ -0,0 +1,6 @@
+export * from './preset/preset-classes';
+export * from './preset/textarea-preset';
+export * from './standard/textarea-standard';
+export * from './textarea';
+export * from './textarea.types';
+export * from './use-textarea';

package/src/lib/components/textarea/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./preset/preset-classes"), exports);
+tslib_1.__exportStar(require("./preset/textarea-preset"), exports);
+tslib_1.__exportStar(require("./standard/textarea-standard"), exports);
+tslib_1.__exportStar(require("./textarea"), exports);
+tslib_1.__exportStar(require("./textarea.types"), exports);
+tslib_1.__exportStar(require("./use-textarea"), exports);
+//# sourceMappingURL=index.js.map

package/src/lib/components/textarea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/textarea/index.ts"],"names":[],"mappings":";;;AAAA,kEAAwC;AACxC,mEAAyC;AACzC,uEAA6C;AAC7C,qDAA2B;AAC3B,2DAAiC;AACjC,yDAA+B"}

package/src/lib/components/textarea/preset/preset-classes.d.ts

@@ -0,0 +1,32 @@
+import { ITextareaAction, SmartTextareaVariant } from '../../../models';
+export type SmartTextareaPresetVariant = SmartTextareaVariant;
+/** Root row: optional avatar column + body column. */
+export declare const TEXTAREA_ROOT = "smart:flex smart:items-start smart:gap-x-4";
+/** Avatar column. */
+export declare const TEXTAREA_AVATAR = "smart:shrink-0";
+/** Body column (label, field, bars, preview, footer). */
+export declare const TEXTAREA_BODY = "smart:min-w-0 smart:flex-1";
+/** Field label. */
+export declare const TEXTAREA_LABEL = "smart:mb-2 smart:block smart:text-sm/6 smart:font-medium smart:text-gray-900 smart:dark:text-white";
+/** Required marker inside the label. */
+export declare const TEXTAREA_REQUIRED = "smart:ms-0.5 smart:text-red-600 smart:dark:text-red-400";
+/** Toolbar slot (left side of the bar). */
+export declare const TEXTAREA_TOOLBAR = "smart:flex smart:items-center smart:gap-x-1 smart:text-gray-500 smart:dark:text-gray-400";
+/** Action buttons group (right side of the bar). */
+export declare const TEXTAREA_ACTIONS = "smart:ms-auto smart:flex smart:shrink-0 smart:items-center smart:gap-x-2";
+/** Tabs row of the `with-preview` variant. */
+export declare const TEXTAREA_TABS = "smart:mb-2 smart:flex smart:items-center smart:gap-x-2";
+/** Preview pane replacing the field in `with-preview` (preview tab). */
+export declare const TEXTAREA_PREVIEW_PANE: string;
+/** Preview block rendered below the field in the other variants. */
+export declare const TEXTAREA_PREVIEW_BELOW: string;
+/** Character counter (shown when `maxLength` is set). */
+export declare const TEXTAREA_COUNTER = "smart:mt-1 smart:text-end smart:text-xs smart:text-gray-500 smart:dark:text-gray-400";
+/** Footer slot. */
+export declare const TEXTAREA_FOOTER = "smart:mt-2 smart:text-sm smart:text-gray-500 smart:dark:text-gray-400";
+export declare function textareaFieldClasses(variant: SmartTextareaPresetVariant): string;
+export declare function textareaFrameClasses(variant: SmartTextareaPresetVariant): string;
+export declare function textareaBarClasses(variant: SmartTextareaPresetVariant): string;
+export declare function textareaBarInside(variant: SmartTextareaPresetVariant): boolean;
+export declare function textareaActionClasses(actionVariant: ITextareaAction['variant'], variant: SmartTextareaPresetVariant): string;
+export declare function textareaTabClasses(selected: boolean): string;

package/src/lib/components/textarea/preset/preset-classes.js

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TEXTAREA_FOOTER = exports.TEXTAREA_COUNTER = exports.TEXTAREA_PREVIEW_BELOW = exports.TEXTAREA_PREVIEW_PANE = exports.TEXTAREA_TABS = exports.TEXTAREA_ACTIONS = exports.TEXTAREA_TOOLBAR = exports.TEXTAREA_REQUIRED = exports.TEXTAREA_LABEL = exports.TEXTAREA_BODY = exports.TEXTAREA_AVATAR = exports.TEXTAREA_ROOT = void 0;
+exports.textareaFieldClasses = textareaFieldClasses;
+exports.textareaFrameClasses = textareaFrameClasses;
+exports.textareaBarClasses = textareaBarClasses;
+exports.textareaBarInside = textareaBarInside;
+exports.textareaActionClasses = textareaActionClasses;
+exports.textareaTabClasses = textareaTabClasses;
+const join = (...parts) => parts.filter(Boolean).join(' ');
+/** Root row: optional avatar column + body column. */
+exports.TEXTAREA_ROOT = 'smart:flex smart:items-start smart:gap-x-4';
+/** Avatar column. */
+exports.TEXTAREA_AVATAR = 'smart:shrink-0';
+/** Body column (label, field, bars, preview, footer). */
+exports.TEXTAREA_BODY = 'smart:min-w-0 smart:flex-1';
+/** Field label. */
+exports.TEXTAREA_LABEL = 'smart:mb-2 smart:block smart:text-sm/6 smart:font-medium smart:text-gray-900 smart:dark:text-white';
+/** Required marker inside the label. */
+exports.TEXTAREA_REQUIRED = 'smart:ms-0.5 smart:text-red-600 smart:dark:text-red-400';
+/** Shared text / placeholder / disabled look of every field. */
+const FIELD_TEXT = join('smart:block smart:w-full smart:text-base smart:sm:text-sm/6', 'smart:text-gray-900 smart:dark:text-white', 'smart:placeholder:text-gray-400 smart:dark:placeholder:text-gray-500', 'smart:disabled:cursor-not-allowed smart:disabled:opacity-60');
+/** Stand-alone outlined field (`simple`, `with-preview`). */
+const FIELD_OUTLINED = join(FIELD_TEXT, 'smart:rounded-lg smart:bg-white smart:px-3 smart:py-1.5 smart:dark:bg-white/5', 'smart:outline-1 smart:-outline-offset-1 smart:outline-gray-300 smart:dark:outline-white/10', 'smart:focus:outline-2 smart:focus:-outline-offset-2 smart:focus:outline-blue-600 smart:dark:focus:outline-blue-500');
+/** Borderless field placed inside a framed box. */
+const FIELD_BARE = join(FIELD_TEXT, 'smart:resize-none smart:bg-transparent smart:px-3 smart:py-1.5 smart:focus:outline-none');
+/** Borderless field sitting on an underline. */
+const FIELD_UNDERLINE = join(FIELD_TEXT, 'smart:resize-none smart:bg-transparent smart:px-0 smart:py-1.5 smart:focus:outline-none');
+const FIELD_BY_VARIANT = {
+    simple: FIELD_OUTLINED,
+    'with-preview': FIELD_OUTLINED,
+    'with-avatar-actions': FIELD_BARE,
+    'with-pill-actions': FIELD_BARE,
+    'with-underline': FIELD_UNDERLINE,
+};
+/** Outlined box whose focus ring follows the inner field. */
+const FRAME_BOX = join('smart:overflow-hidden smart:rounded-lg smart:bg-white smart:dark:bg-white/5', 'smart:outline-1 smart:-outline-offset-1 smart:outline-gray-300 smart:dark:outline-white/10', 'smart:focus-within:outline-2 smart:focus-within:-outline-offset-2 smart:focus-within:outline-blue-600 smart:dark:focus-within:outline-blue-500');
+const FRAME_BY_VARIANT = {
+    simple: 'smart:relative',
+    'with-preview': 'smart:relative',
+    'with-avatar-actions': FRAME_BOX,
+    'with-pill-actions': FRAME_BOX,
+    'with-underline': join('smart:border-b smart:border-gray-200 smart:pb-px smart:dark:border-white/10', 'smart:focus-within:border-b-2 smart:focus-within:border-blue-600 smart:focus-within:pb-0 smart:dark:focus-within:border-blue-500'),
+};
+/** Variants that keep the toolbar/actions bar inside the framed box. */
+const BAR_INSIDE = new Set([
+    'with-avatar-actions',
+    'with-pill-actions',
+]);
+const BAR_BASE = 'smart:flex smart:items-center smart:justify-between smart:gap-x-3';
+const BAR_BY_VARIANT = {
+    simple: join(BAR_BASE, 'smart:mt-2'),
+    'with-preview': join(BAR_BASE, 'smart:mt-2'),
+    'with-underline': join(BAR_BASE, 'smart:pt-2'),
+    'with-avatar-actions': join(BAR_BASE, 'smart:py-2 smart:ps-3 smart:pe-2'),
+    'with-pill-actions': join(BAR_BASE, 'smart:border-t smart:border-gray-200 smart:px-2 smart:py-2 smart:dark:border-white/10'),
+};
+/** Toolbar slot (left side of the bar). */
+exports.TEXTAREA_TOOLBAR = 'smart:flex smart:items-center smart:gap-x-1 smart:text-gray-500 smart:dark:text-gray-400';
+/** Action buttons group (right side of the bar). */
+exports.TEXTAREA_ACTIONS = 'smart:ms-auto smart:flex smart:shrink-0 smart:items-center smart:gap-x-2';
+const ACTION_BASE = join('smart:inline-flex smart:items-center smart:gap-x-1.5 smart:px-3 smart:py-2 smart:text-sm smart:font-semibold', 'smart:focus-visible:outline-2 smart:focus-visible:outline-offset-2 smart:focus-visible:outline-blue-600 smart:dark:focus-visible:outline-blue-500', 'smart:disabled:cursor-not-allowed smart:disabled:opacity-50');
+const ACTION_BY_VARIANT = {
+    primary: join('smart:bg-blue-600 smart:text-white smart:shadow-xs smart:hover:bg-blue-500', 'smart:dark:bg-blue-500 smart:dark:shadow-none smart:dark:hover:bg-blue-400'),
+    secondary: join('smart:bg-white smart:text-gray-900 smart:shadow-xs smart:ring-1 smart:ring-inset smart:ring-gray-300 smart:hover:bg-gray-50', 'smart:dark:bg-white/10 smart:dark:text-white smart:dark:shadow-none smart:dark:ring-white/10 smart:dark:hover:bg-white/20'),
+    ghost: join('smart:text-gray-700 smart:hover:bg-gray-100', 'smart:dark:text-gray-300 smart:dark:hover:bg-white/10'),
+};
+/** Tabs row of the `with-preview` variant. */
+exports.TEXTAREA_TABS = 'smart:mb-2 smart:flex smart:items-center smart:gap-x-2';
+const TAB_BASE = 'smart:rounded-md smart:px-3 smart:py-1.5 smart:text-sm smart:font-medium';
+/** Preview pane replacing the field in `with-preview` (preview tab). */
+exports.TEXTAREA_PREVIEW_PANE = join('smart:min-h-24 smart:rounded-lg smart:px-3 smart:py-2 smart:text-sm smart:text-gray-900 smart:dark:text-white', 'smart:outline-1 smart:-outline-offset-1 smart:outline-gray-300 smart:dark:outline-white/10');
+/** Preview block rendered below the field in the other variants. */
+exports.TEXTAREA_PREVIEW_BELOW = join('smart:mt-3 smart:rounded-lg smart:border smart:border-gray-200 smart:bg-gray-50 smart:px-3 smart:py-2', 'smart:text-sm smart:text-gray-900 smart:dark:border-white/10 smart:dark:bg-white/5 smart:dark:text-white');
+/** Character counter (shown when `maxLength` is set). */
+exports.TEXTAREA_COUNTER = 'smart:mt-1 smart:text-end smart:text-xs smart:text-gray-500 smart:dark:text-gray-400';
+/** Footer slot. */
+exports.TEXTAREA_FOOTER = 'smart:mt-2 smart:text-sm smart:text-gray-500 smart:dark:text-gray-400';
+function textareaFieldClasses(variant) {
+    return FIELD_BY_VARIANT[variant];
+}
+function textareaFrameClasses(variant) {
+    return FRAME_BY_VARIANT[variant];
+}
+function textareaBarClasses(variant) {
+    return BAR_BY_VARIANT[variant];
+}
+function textareaBarInside(variant) {
+    return BAR_INSIDE.has(variant);
+}
+function textareaActionClasses(actionVariant, variant) {
+    const shape = variant === 'with-pill-actions' ? 'smart:rounded-full' : 'smart:rounded-md';
+    return join(ACTION_BASE, shape, ACTION_BY_VARIANT[actionVariant ?? 'secondary']);
+}
+function textareaTabClasses(selected) {
+    return join(TAB_BASE, selected
+        ? 'smart:bg-gray-100 smart:text-gray-900 smart:dark:bg-white/10 smart:dark:text-white'
+        : 'smart:text-gray-500 smart:hover:bg-gray-100 smart:hover:text-gray-900 smart:dark:text-gray-400 smart:dark:hover:bg-white/5 smart:dark:hover:text-white');
+}
+//# sourceMappingURL=preset-classes.js.map

package/src/lib/components/textarea/preset/preset-classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset-classes.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/textarea/preset/preset-classes.ts"],"names":[],"mappings":"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"}

package/src/lib/components/textarea/preset/textarea-preset.d.ts

@@ -0,0 +1,14 @@
+import { SmartTextareaProps } from '../textarea.types';
+/**
+ * Styled textarea variation (preset). Register it as `components.textarea` on
+ * `SmartProvider` to restyle every `<SmartTextarea>`, or render it directly.
+ *
+ * Renders the Tailwind UI comment-form look and honours `options.variant`:
+ * `simple` (outlined field, bar below), `with-avatar-actions` (outlined box
+ * with the toolbar/actions bar inside), `with-underline` (bottom border only),
+ * `with-pill-actions` (box with a divided bar and pill buttons) and
+ * `with-preview` (Write / Preview tabs swapping the field for `previewTpl`).
+ * It also focuses the field on mount for `autoFocus` and shows a character
+ * counter for `maxLength`.
+ */
+export declare function SmartTextareaPreset(props: SmartTextareaProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/textarea/preset/textarea-preset.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartTextareaPreset = SmartTextareaPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const class_names_1 = require("../../../utils/class-names");
+const use_textarea_1 = require("../use-textarea");
+const preset_classes_1 = require("./preset-classes");
+/**
+ * Styled textarea variation (preset). Register it as `components.textarea` on
+ * `SmartProvider` to restyle every `<SmartTextarea>`, or render it directly.
+ *
+ * Renders the Tailwind UI comment-form look and honours `options.variant`:
+ * `simple` (outlined field, bar below), `with-avatar-actions` (outlined box
+ * with the toolbar/actions bar inside), `with-underline` (bottom border only),
+ * `with-pill-actions` (box with a divided bar and pill buttons) and
+ * `with-preview` (Write / Preview tabs swapping the field for `previewTpl`).
+ * It also focuses the field on mount for `autoFocus` and shows a character
+ * counter for `maxLength`.
+ */
+function SmartTextareaPreset(props) {
+    const { placeholder = '', disabled = false, options, className } = props;
+    const { value, setValue, actionClick } = (0, use_textarea_1.useTextarea)(props);
+    const fieldId = 'smart-textarea-preset-' + (0, react_1.useId)();
+    const [mode, setMode] = (0, react_1.useState)('write');
+    const fieldRef = (0, react_1.useRef)(null);
+    const variant = options?.variant ?? 'simple';
+    const actions = options?.actions ?? [];
+    const hasBar = !!options?.toolbarTpl || actions.length > 0;
+    const barInside = (0, preset_classes_1.textareaBarInside)(variant);
+    const hasTabs = variant === 'with-preview' && !!options?.previewTpl;
+    const showPreviewPane = hasTabs && mode === 'preview';
+    // Angular's `afterNextRender`: focus once, after the first render.
+    (0, react_1.useEffect)(() => {
+        if (options?.autoFocus)
+            fieldRef.current?.focus();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    const bar = ((0, jsx_runtime_1.jsxs)("div", { className: (0, preset_classes_1.textareaBarClasses)(variant), children: [options?.toolbarTpl && ((0, jsx_runtime_1.jsx)("div", { className: preset_classes_1.TEXTAREA_TOOLBAR, children: options.toolbarTpl })), actions.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: preset_classes_1.TEXTAREA_ACTIONS, children: actions.map((action) => ((0, jsx_runtime_1.jsxs)("button", { type: "button", className: (0, preset_classes_1.textareaActionClasses)(action.variant, variant), "data-action-id": action.id, "aria-label": action.label ? undefined : action.id, disabled: disabled, onClick: () => actionClick(action.id), children: [action.iconTpl && ((0, jsx_runtime_1.jsx)("span", { className: "smart:inline-flex smart:size-5", "aria-hidden": "true", children: action.iconTpl })), action.label] }, action.id))) }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, class_names_1.cn)(preset_classes_1.TEXTAREA_ROOT, className), "data-variant": variant, children: [options?.avatarTpl && ((0, jsx_runtime_1.jsx)("div", { className: preset_classes_1.TEXTAREA_AVATAR, children: options.avatarTpl })), (0, jsx_runtime_1.jsxs)("div", { className: preset_classes_1.TEXTAREA_BODY, children: [options?.label && ((0, jsx_runtime_1.jsxs)("label", { className: preset_classes_1.TEXTAREA_LABEL, htmlFor: fieldId, children: [options.label, options.required && ((0, jsx_runtime_1.jsx)("span", { className: preset_classes_1.TEXTAREA_REQUIRED, "aria-hidden": "true", children: "*" }))] })), hasTabs && ((0, jsx_runtime_1.jsxs)("div", { className: preset_classes_1.TEXTAREA_TABS, role: "tablist", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", role: "tab", className: (0, preset_classes_1.textareaTabClasses)(mode === 'write'), "aria-selected": mode === 'write', onClick: () => setMode('write'), children: "Write" }), (0, jsx_runtime_1.jsx)("button", { type: "button", role: "tab", className: (0, preset_classes_1.textareaTabClasses)(mode === 'preview'), "aria-selected": mode === 'preview', onClick: () => setMode('preview'), children: "Preview" })] })), showPreviewPane ? ((0, jsx_runtime_1.jsx)("div", { className: preset_classes_1.TEXTAREA_PREVIEW_PANE, children: options?.previewTpl })) : ((0, jsx_runtime_1.jsxs)("div", { className: (0, preset_classes_1.textareaFrameClasses)(variant), children: [(0, jsx_runtime_1.jsx)("textarea", { ref: fieldRef, id: fieldId, className: (0, preset_classes_1.textareaFieldClasses)(variant), name: options?.name, placeholder: placeholder || undefined, "aria-label": options?.ariaLabel, maxLength: options?.maxLength, rows: options?.rows ?? 3, disabled: disabled, required: !!options?.required, value: value, onChange: (event) => setValue(event.target.value) }), hasBar && barInside && bar] })), hasBar && !barInside && bar, options?.maxLength ? ((0, jsx_runtime_1.jsxs)("p", { className: preset_classes_1.TEXTAREA_COUNTER, "aria-live": "polite", children: [value.length, "/", options.maxLength] })) : null, options?.previewTpl && !hasTabs && ((0, jsx_runtime_1.jsx)("div", { className: preset_classes_1.TEXTAREA_PREVIEW_BELOW, children: options.previewTpl })), options?.footerTpl && ((0, jsx_runtime_1.jsx)("div", { className: preset_classes_1.TEXTAREA_FOOTER, children: options.footerTpl }))] })] }));
+}
+//# sourceMappingURL=textarea-preset.js.map

package/src/lib/components/textarea/preset/textarea-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea-preset.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/textarea/preset/textarea-preset.tsx"],"names":[],"mappings":"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"}

package/src/lib/components/textarea/standard/textarea-standard.d.ts

@@ -0,0 +1,3 @@
+import { SmartTextareaProps } from '../textarea.types';
+/** The default, unstyled textarea (`<smart-textarea-standard>`). */
+export declare function SmartTextareaStandard(props: SmartTextareaProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/textarea/standard/textarea-standard.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartTextareaStandard = SmartTextareaStandard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const use_textarea_1 = require("../use-textarea");
+const ACTION_CLASSES = {
+    primary: 'action variant-primary',
+    secondary: 'action variant-secondary',
+    ghost: 'action variant-ghost',
+};
+/** The default, unstyled textarea (`<smart-textarea-standard>`). */
+function SmartTextareaStandard(props) {
+    const { placeholder = '', disabled = false, options, className } = props;
+    const { value, setValue, actionClick } = (0, use_textarea_1.useTextarea)(props);
+    const actions = options?.actions ?? [];
+    return ((0, jsx_runtime_1.jsx)("div", { className: className, children: (0, jsx_runtime_1.jsxs)("div", { className: "textarea", children: [options?.label && (0, jsx_runtime_1.jsx)("label", { children: options.label }), options?.avatarTpl && ((0, jsx_runtime_1.jsx)("div", { className: "avatar", children: options.avatarTpl })), options?.toolbarTpl && ((0, jsx_runtime_1.jsx)("div", { className: "toolbar", children: options.toolbarTpl })), (0, jsx_runtime_1.jsx)("textarea", { name: options?.name, placeholder: placeholder || undefined, "aria-label": options?.ariaLabel, maxLength: options?.maxLength, rows: options?.rows ?? 3, disabled: disabled, required: options?.required ? true : undefined, value: value, onChange: (event) => setValue(event.target.value) }), actions.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "actions", children: actions.map((action) => ((0, jsx_runtime_1.jsxs)("button", { type: "button", className: ACTION_CLASSES[action.variant ?? 'secondary'], disabled: disabled, onClick: () => actionClick(action.id), children: [action.iconTpl && ((0, jsx_runtime_1.jsx)("span", { className: "icon", children: action.iconTpl })), action.label] }, action.id))) })), options?.previewTpl && ((0, jsx_runtime_1.jsx)("div", { className: "preview", children: options.previewTpl })), options?.footerTpl && ((0, jsx_runtime_1.jsx)("div", { className: "footer", children: options.footerTpl }))] }) }));
+}
+//# sourceMappingURL=textarea-standard.js.map

package/src/lib/components/textarea/standard/textarea-standard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea-standard.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/textarea/standard/textarea-standard.tsx"],"names":[],"mappings":";;AAcA,sDAqDC;;AAjED,kDAA8C;AAE9C,MAAM,cAAc,GAGhB;IACF,OAAO,EAAE,wBAAwB;IACjC,SAAS,EAAE,0BAA0B;IACrC,KAAK,EAAE,sBAAsB;CAC9B,CAAC;AAEF,oEAAoE;AACpE,SAAgB,qBAAqB,CAAC,KAAyB;IAC7D,MAAM,EAAE,WAAW,GAAG,EAAE,EAAE,QAAQ,GAAG,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACzE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,IAAA,0BAAW,EAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,OAAO,GAAG,OAAO,EAAE,OAAO,IAAI,EAAE,CAAC;IAEvC,OAAO,CACL,gCAAK,SAAS,EAAE,SAAS,YACvB,iCAAK,SAAS,EAAC,UAAU,aACtB,OAAO,EAAE,KAAK,IAAI,4CAAQ,OAAO,CAAC,KAAK,GAAS,EAChD,OAAO,EAAE,SAAS,IAAI,CACrB,gCAAK,SAAS,EAAC,QAAQ,YAAE,OAAO,CAAC,SAAS,GAAO,CAClD,EACA,OAAO,EAAE,UAAU,IAAI,CACtB,gCAAK,SAAS,EAAC,SAAS,YAAE,OAAO,CAAC,UAAU,GAAO,CACpD,EACD,qCACE,IAAI,EAAE,OAAO,EAAE,IAAI,EACnB,WAAW,EAAE,WAAW,IAAI,SAAS,gBACzB,OAAO,EAAE,SAAS,EAC9B,SAAS,EAAE,OAAO,EAAE,SAAS,EAC7B,IAAI,EAAE,OAAO,EAAE,IAAI,IAAI,CAAC,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC9C,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GACvC,EACX,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACrB,gCAAK,SAAS,EAAC,SAAS,YACrB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,oCAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,cAAc,CAAC,MAAM,CAAC,OAAO,IAAI,WAAW,CAAC,EACxD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC,aAEpC,MAAM,CAAC,OAAO,IAAI,CACjB,iCAAM,SAAS,EAAC,MAAM,YAAE,MAAM,CAAC,OAAO,GAAQ,CAC/C,EACA,MAAM,CAAC,KAAK,KATR,MAAM,CAAC,EAAE,CAUP,CACV,CAAC,GACE,CACP,EACA,OAAO,EAAE,UAAU,IAAI,CACtB,gCAAK,SAAS,EAAC,SAAS,YAAE,OAAO,CAAC,UAAU,GAAO,CACpD,EACA,OAAO,EAAE,SAAS,IAAI,CACrB,gCAAK,SAAS,EAAC,QAAQ,YAAE,OAAO,CAAC,SAAS,GAAO,CAClD,IACG,GACF,CACP,CAAC;AACJ,CAAC"}

package/src/lib/components/textarea/textarea.d.ts

@@ -0,0 +1,7 @@
+import { SmartTextareaProps } from './textarea.types';
+/**
+ * `<smart-textarea>`: renders the implementation registered as
+ * `components.textarea` on `SmartProvider` (the Angular
+ * `TEXTAREA_STANDARD_COMPONENT_TOKEN`), `SmartTextareaStandard` by default.
+ */
+export declare function SmartTextarea(props: SmartTextareaProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/textarea/textarea.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartTextarea = SmartTextarea;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const textarea_standard_1 = require("./standard/textarea-standard");
+const hooks_1 = require("../../providers/hooks");
+/**
+ * `<smart-textarea>`: renders the implementation registered as
+ * `components.textarea` on `SmartProvider` (the Angular
+ * `TEXTAREA_STANDARD_COMPONENT_TOKEN`), `SmartTextareaStandard` by default.
+ */
+function SmartTextarea(props) {
+    const Component = (0, hooks_1.useSmartComponent)('textarea', textarea_standard_1.SmartTextareaStandard);
+    return (0, jsx_runtime_1.jsx)(Component, { ...props });
+}
+//# sourceMappingURL=textarea.js.map

package/src/lib/components/textarea/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/textarea/textarea.tsx"],"names":[],"mappings":";;AASA,sCAIC;;AAbD,oEAAqE;AAErE,iDAA0D;AAE1D;;;;GAIG;AACH,SAAgB,aAAa,CAAC,KAAyB;IACrD,MAAM,SAAS,GAAG,IAAA,yBAAiB,EAAC,UAAU,EAAE,yCAAqB,CAAC,CAAC;IAEvE,OAAO,uBAAC,SAAS,OAAK,KAAK,GAAI,CAAC;AAClC,CAAC"}

package/src/lib/components/textarea/textarea.types.d.ts

@@ -0,0 +1,23 @@
+import { ITextareaOptions } from '../../models';
+/** Payload of the `actionClick` output (declared by the Angular base). */
+export interface ITextareaActionClick {
+    actionId: string;
+    value: string;
+}
+export interface SmartTextareaProps {
+    /**
+     * The text (the Angular `value` model). Leave it `undefined` for an
+     * uncontrolled textarea that starts from `defaultValue`.
+     */
+    value?: string;
+    /** Initial text of an uncontrolled textarea. */
+    defaultValue?: string;
+    /** The `valueChange` half of the Angular `[(value)]` binding. */
+    onValueChange?: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    options?: ITextareaOptions;
+    className?: string;
+    /** The Angular `actionClick` output. */
+    onActionClick?: (event: ITextareaActionClick) => void;
+}

package/src/lib/components/textarea/textarea.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=textarea.types.js.map

package/src/lib/components/textarea/textarea.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.types.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/textarea/textarea.types.ts"],"names":[],"mappings":""}

package/src/lib/components/textarea/use-textarea.d.ts

@@ -0,0 +1,13 @@
+import { SmartTextareaProps } from './textarea.types';
+/**
+ * The behaviour every textarea variant shares (the Angular
+ * `TextareaBaseComponent` and the handlers its variants repeat): the `value`,
+ * controlled through `value` / `onValueChange` or kept internally from
+ * `defaultValue`, and `actionClick()`, which reports an action with the
+ * current text unless `disabled`.
+ */
+export declare function useTextarea({ value: valueProp, defaultValue, onValueChange, disabled, onActionClick, }: SmartTextareaProps): {
+    value: string;
+    setValue: (next: string) => void;
+    actionClick: (actionId: string) => void;
+};

package/src/lib/components/textarea/use-textarea.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTextarea = useTextarea;
+const react_1 = require("react");
+/**
+ * The behaviour every textarea variant shares (the Angular
+ * `TextareaBaseComponent` and the handlers its variants repeat): the `value`,
+ * controlled through `value` / `onValueChange` or kept internally from
+ * `defaultValue`, and `actionClick()`, which reports an action with the
+ * current text unless `disabled`.
+ */
+function useTextarea({ value: valueProp, defaultValue = '', onValueChange, disabled = false, onActionClick, }) {
+    const [innerValue, setInnerValue] = (0, react_1.useState)(defaultValue);
+    const controlled = valueProp !== undefined;
+    const value = controlled ? valueProp : innerValue;
+    const setValue = (0, react_1.useCallback)((next) => {
+        if (!controlled)
+            setInnerValue(next);
+        onValueChange?.(next);
+    }, [controlled, onValueChange]);
+    const actionClick = (0, react_1.useCallback)((actionId) => {
+        if (disabled)
+            return;
+        onActionClick?.({ actionId, value });
+    }, [disabled, onActionClick, value]);
+    return { value, setValue, actionClick };
+}
+//# sourceMappingURL=use-textarea.js.map

package/src/lib/components/textarea/use-textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-textarea.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/textarea/use-textarea.ts"],"names":[],"mappings":";;AAWA,kCA4BC;AAvCD,iCAA8C;AAI9C;;;;;;GAMG;AACH,SAAgB,WAAW,CAAC,EAC1B,KAAK,EAAE,SAAS,EAChB,YAAY,GAAG,EAAE,EACjB,aAAa,EACb,QAAQ,GAAG,KAAK,EAChB,aAAa,GACM;IACnB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,YAAY,CAAC,CAAC;IAC3D,MAAM,UAAU,GAAG,SAAS,KAAK,SAAS,CAAC;IAC3C,MAAM,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;IAElD,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAC1B,CAAC,IAAY,EAAE,EAAE;QACf,IAAI,CAAC,UAAU;YAAE,aAAa,CAAC,IAAI,CAAC,CAAC;QACrC,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,EACD,CAAC,UAAU,EAAE,aAAa,CAAC,CAC5B,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,CAAC,QAAgB,EAAE,EAAE;QACnB,IAAI,QAAQ;YAAE,OAAO;QACrB,aAAa,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;IACvC,CAAC,EACD,CAAC,QAAQ,EAAE,aAAa,EAAE,KAAK,CAAC,CACjC,CAAC;IAEF,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;AAC1C,CAAC"}

package/src/lib/components/toggle/index.d.ts

@@ -0,0 +1,6 @@
+export * from './preset/preset-classes';
+export * from './preset/toggle-preset';
+export * from './standard/toggle-standard';
+export * from './toggle';
+export * from './toggle.types';
+export * from './use-toggle';

package/src/lib/components/toggle/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./preset/preset-classes"), exports);
+tslib_1.__exportStar(require("./preset/toggle-preset"), exports);
+tslib_1.__exportStar(require("./standard/toggle-standard"), exports);
+tslib_1.__exportStar(require("./toggle"), exports);
+tslib_1.__exportStar(require("./toggle.types"), exports);
+tslib_1.__exportStar(require("./use-toggle"), exports);
+//# sourceMappingURL=index.js.map

package/src/lib/components/toggle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/toggle/index.ts"],"names":[],"mappings":";;;AAAA,kEAAwC;AACxC,iEAAuC;AACvC,qEAA2C;AAC3C,mDAAyB;AACzB,yDAA+B;AAC/B,uDAA6B"}

package/src/lib/components/toggle/preset/preset-classes.d.ts

@@ -0,0 +1,8 @@
+export declare const TOGGLE_INPUT_CLASSES = "smart:peer smart:sr-only";
+export declare function getToggleContainerClasses(hasText: boolean): string;
+export declare function getToggleSwitchClasses(): string;
+export declare function getToggleTrackClasses(): string;
+export declare function getToggleThumbClasses(): string;
+export declare function getToggleTextWrapClasses(): string;
+export declare function getToggleLabelClasses(): string;
+export declare function getToggleDescriptionClasses(): string;