@ganpatiinfo/gids-web-dom-reference 2.0.2 → 2.0.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @ganpatiinfo/gids-web-dom-reference
 
+## 2.0.3
+
+### Patch Changes
+
+- Develeoped components checkbox, radio and switch
+- Updated dependencies
+- Updated dependencies
+- Updated dependencies
+  - @ganpatiinfo/gids-core-shared@2.0.3
+  - @ganpatiinfo/gids-web-theme-interface@2.0.3
+  - @ganpatiinfo/gids-web-shared@2.0.3
+
 ## 2.0.2
 
 ### Patch Changes

package/dist/components/GidsCheckbox/GidsCheckbox.d.ts

@@ -0,0 +1,7 @@
+import { type ClassValue, type GidsCheckboxWebProps } from '@ganpatiinfo/gids-web-shared';
+export interface GidsCheckboxDomProps extends GidsCheckboxWebProps<Element | Element[] | string | string[], Element> {
+    onChange?: (this: HTMLInputElement, event: Event) => void;
+    className?: ClassValue;
+}
+export declare const GidsCheckboxDom: ({ children, fieldRequirement, fieldRequirementOptionalText, fieldRequirementRequiredText, info, labelId, checked, defaultChecked, disabled, indeterminate, required, inputId, name, value, onChange, className, }: GidsCheckboxDomProps) => HTMLDivElement;
+//# sourceMappingURL=GidsCheckbox.d.ts.map

package/dist/components/GidsCheckbox/GidsCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsCheckbox.d.ts","sourceRoot":"","sources":["../../../src/components/GidsCheckbox/GidsCheckbox.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,UAAU,EAEf,KAAK,oBAAoB,EAEzB,MAAM,8BAA8B,CAAC;AAMtC,MAAM,WAAW,oBAChB,SAAQ,oBAAoB,CAC3B,OAAO,GAAG,OAAO,EAAE,GAAG,MAAM,GAAG,MAAM,EAAE,EACvC,OAAO,CACP;IACD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,UAAU,CAAC;CACvB;AAED,eAAO,MAAM,eAAe,GAAI,mNAsB7B,oBAAoB,KAAG,cAiCzB,CAAC"}

package/dist/components/GidsCheckbox/GidsCheckbox.js

@@ -0,0 +1,38 @@
+import { generateId, GidsCheckboxWebUtils, } from '@ganpatiinfo/gids-web-shared';
+import { GidsCheckboxControlDom } from '../_GidsCheckboxControl/GidsCheckboxControl';
+import { GidsLabelDom } from '../GidsLabel/GidsLabel';
+const { getGidsCheckboxClassNames } = GidsCheckboxWebUtils;
+export const GidsCheckboxDom = ({ 
+// Label props
+children, fieldRequirement, fieldRequirementOptionalText, fieldRequirementRequiredText, info, labelId, 
+// Checkbox props
+checked, defaultChecked, disabled, indeterminate, required, inputId, name, value, onChange, 
+// CheckboxWithLabel props
+className, }) => {
+    const checkboxWithLabel = document.createElement('div');
+    checkboxWithLabel.className = getGidsCheckboxClassNames(className);
+    const realInputId = inputId ?? generateId();
+    checkboxWithLabel.appendChild(GidsCheckboxControlDom({
+        checked,
+        defaultChecked,
+        disabled,
+        indeterminate,
+        inputId: realInputId,
+        name,
+        value,
+        required,
+        onChange,
+    }));
+    checkboxWithLabel.appendChild(GidsLabelDom({
+        children,
+        disabled,
+        fieldRequirement,
+        fieldRequirementOptionalText,
+        fieldRequirementRequiredText,
+        htmlFor: realInputId,
+        info,
+        labelId,
+    }));
+    return checkboxWithLabel;
+};
+//# sourceMappingURL=GidsCheckbox.js.map

package/dist/components/GidsCheckbox/GidsCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsCheckbox.js","sourceRoot":"","sources":["../../../src/components/GidsCheckbox/GidsCheckbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,UAAU,EAEV,oBAAoB,GACpB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,sBAAsB,EAAE,MAAM,6CAA6C,CAAC;AACrF,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,MAAM,EAAE,yBAAyB,EAAE,GAAG,oBAAoB,CAAC;AAW3D,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC;AAC/B,cAAc;AACd,QAAQ,EACR,gBAAgB,EAChB,4BAA4B,EAC5B,4BAA4B,EAC5B,IAAI,EACJ,OAAO;AAEP,iBAAiB;AACjB,OAAO,EACP,cAAc,EACd,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,KAAK,EACL,QAAQ;AAER,0BAA0B;AAC1B,SAAS,GACa,EAAkB,EAAE;IAC1C,MAAM,iBAAiB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACxD,iBAAiB,CAAC,SAAS,GAAG,yBAAyB,CAAC,SAAS,CAAC,CAAC;IAEnE,MAAM,WAAW,GAAG,OAAO,IAAI,UAAU,EAAE,CAAC;IAE5C,iBAAiB,CAAC,WAAW,CAC5B,sBAAsB,CAAC;QACtB,OAAO;QACP,cAAc;QACd,QAAQ;QACR,aAAa;QACb,OAAO,EAAE,WAAW;QACpB,IAAI;QACK,KAAK;QACd,QAAQ;QACR,QAAQ;KACR,CAAC,CACF,CAAC;IACF,iBAAiB,CAAC,WAAW,CAC5B,YAAY,CAAC;QACZ,QAAQ;QACR,QAAQ;QACR,gBAAgB;QAChB,4BAA4B;QAC5B,4BAA4B;QAC5B,OAAO,EAAE,WAAW;QACpB,IAAI;QACJ,OAAO;KACP,CAAC,CACF,CAAC;IAEF,OAAO,iBAAiB,CAAC;AAC1B,CAAC,CAAC"}

package/dist/components/GidsLabel/GidsLabel.d.ts

@@ -0,0 +1,6 @@
+import { type GidsLabelWebProps } from '@ganpatiinfo/gids-web-shared';
+import { type DomChildren, type DomNodeOrString } from '../../utils/domUtils';
+export interface GidsLabelDomProps extends GidsLabelWebProps<DomChildren, DomNodeOrString> {
+}
+export declare const GidsLabelDom: ({ children, disabled, fieldRequirement, fieldRequirementOptionalText, fieldRequirementRequiredText, info, htmlFor, labelId, }: GidsLabelDomProps) => HTMLDivElement;
+//# sourceMappingURL=GidsLabel.d.ts.map

package/dist/components/GidsLabel/GidsLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsLabel.d.ts","sourceRoot":"","sources":["../../../src/components/GidsLabel/GidsLabel.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,iBAAiB,EACtB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAEN,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,MAAM,sBAAsB,CAAC;AAM9B,MAAM,WAAW,iBAChB,SAAQ,iBAAiB,CAAC,WAAW,EAAE,eAAe,CAAC;CAAG;AAE3D,eAAO,MAAM,YAAY,GAAI,+HAS1B,iBAAiB,KAAG,cA+BtB,CAAC"}

package/dist/components/GidsLabel/GidsLabel.js

@@ -0,0 +1,34 @@
+import { GidsLabelWebUtils, } from '@ganpatiinfo/gids-web-shared';
+import { appendAsChildren, } from '../../utils/domUtils';
+import { GidsLabelCommonUtils } from '@ganpatiinfo/gids-core-shared';
+const { getIndicatorText } = GidsLabelCommonUtils;
+const { getGidsLabelClassNames } = GidsLabelWebUtils;
+export const GidsLabelDom = ({ children, disabled, fieldRequirement, fieldRequirementOptionalText, fieldRequirementRequiredText, info, htmlFor, labelId, }) => {
+    const container = document.createElement('div');
+    container.className = getGidsLabelClassNames({ disabled });
+    const label = document.createElement('label');
+    if (htmlFor !== undefined) {
+        label.setAttribute('for', htmlFor);
+    }
+    if (labelId !== undefined) {
+        label.id = labelId;
+    }
+    appendAsChildren(label, children);
+    const indicatorText = getIndicatorText({
+        fieldRequirement,
+        fieldRequirementOptionalText,
+        fieldRequirementRequiredText,
+    });
+    if (indicatorText !== undefined) {
+        const fieldRequirementSpan = document.createElement('span');
+        fieldRequirementSpan.className = 'gids-label__field-requirement';
+        fieldRequirementSpan.textContent = indicatorText;
+        label.appendChild(fieldRequirementSpan);
+    }
+    container.appendChild(label);
+    if (info) {
+        container.append(info);
+    }
+    return container;
+};
+//# sourceMappingURL=GidsLabel.js.map

package/dist/components/GidsLabel/GidsLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsLabel.js","sourceRoot":"","sources":["../../../src/components/GidsLabel/GidsLabel.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,iBAAiB,GAEjB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACN,gBAAgB,GAGhB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAErE,MAAM,EAAE,gBAAgB,EAAE,GAAG,oBAAoB,CAAC;AAClD,MAAM,EAAE,sBAAsB,EAAE,GAAG,iBAAiB,CAAC;AAKrD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC5B,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,4BAA4B,EAC5B,4BAA4B,EAC5B,IAAI,EACJ,OAAO,EACP,OAAO,GACY,EAAkB,EAAE;IACvC,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAChD,SAAS,CAAC,SAAS,GAAG,sBAAsB,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IAE3D,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC3B,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IACpC,CAAC;IACD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC3B,KAAK,CAAC,EAAE,GAAG,OAAO,CAAC;IACpB,CAAC;IACD,gBAAgB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAElC,MAAM,aAAa,GAAG,gBAAgB,CAAC;QACtC,gBAAgB;QAChB,4BAA4B;QAC5B,4BAA4B;KAC5B,CAAC,CAAC;IACH,IAAI,aAAa,KAAK,SAAS,EAAE,CAAC;QACjC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC5D,oBAAoB,CAAC,SAAS,GAAG,+BAA+B,CAAC;QACjE,oBAAoB,CAAC,WAAW,GAAG,aAAa,CAAC;QACjD,KAAK,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC;IACzC,CAAC;IAED,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC7B,IAAI,IAAI,EAAE,CAAC;QACV,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;IAED,OAAO,SAAS,CAAC;AAClB,CAAC,CAAC"}

package/dist/components/GidsLabel/GidsLabelInfo/GidsLabelInfo.d.ts

@@ -0,0 +1,8 @@
+import { type GidsLabelInfoCommonProps } from '@ganpatiinfo/gids-core-shared';
+import { type ClassValue } from '@ganpatiinfo/gids-web-shared';
+export interface GidsLabelInfoDomProps extends GidsLabelInfoCommonProps {
+    onClick?: (event: MouseEvent) => void;
+    className?: ClassValue;
+}
+export declare const GidsLabelInfoDom: ({ disabled, alt, onClick, className, }: GidsLabelInfoDomProps) => HTMLButtonElement;
+//# sourceMappingURL=GidsLabelInfo.d.ts.map

package/dist/components/GidsLabel/GidsLabelInfo/GidsLabelInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsLabelInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/GidsLabel/GidsLabelInfo/GidsLabelInfo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAS/D,MAAM,WAAW,qBAAsB,SAAQ,wBAAwB;IACtE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,UAAU,CAAC;CACvB;AAED,eAAO,MAAM,gBAAgB,GAAI,wCAK9B,qBAAqB,KAAG,iBAuB1B,CAAC"}

package/dist/components/GidsLabel/GidsLabelInfo/GidsLabelInfo.js

@@ -0,0 +1,24 @@
+import { GidsLabelInfoWebUtils } from '@ganpatiinfo/gids-web-shared';
+import { toggleAttribute } from '../../../utils/domUtils';
+import { GidsLabelInfoCommonUtils } from '@ganpatiinfo/gids-core-shared';
+import { GidsIconDom } from '../../GidsIcon/GidsIcon';
+const { getGidsLabelInfoClassNames } = GidsLabelInfoWebUtils;
+const { getLabelInfoAltText } = GidsLabelInfoCommonUtils;
+export const GidsLabelInfoDom = ({ disabled, alt, onClick, className, }) => {
+    const labelInfo = document.createElement('button');
+    labelInfo.className = getGidsLabelInfoClassNames(className);
+    labelInfo.setAttribute('type', 'button');
+    if (onClick) {
+        labelInfo.addEventListener('click', onClick);
+    }
+    if (disabled) {
+        toggleAttribute(labelInfo, 'disabled', true);
+    }
+    const labelSpan = document.createElement('span');
+    labelSpan.className = 'gids-visually-hidden';
+    labelSpan.textContent = getLabelInfoAltText({ alt });
+    labelInfo.appendChild(labelSpan);
+    labelInfo.appendChild(GidsIconDom({ name: 'information', size: 'sm', alt: '' }));
+    return labelInfo;
+};
+//# sourceMappingURL=GidsLabelInfo.js.map

package/dist/components/GidsLabel/GidsLabelInfo/GidsLabelInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsLabelInfo.js","sourceRoot":"","sources":["../../../../src/components/GidsLabel/GidsLabelInfo/GidsLabelInfo.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,MAAM,EAAE,0BAA0B,EAAE,GAAG,qBAAqB,CAAC;AAC7D,MAAM,EAAE,mBAAmB,EAAE,GAAG,wBAAwB,CAAC;AAOzD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAChC,QAAQ,EACR,GAAG,EACH,OAAO,EACP,SAAS,GACc,EAAqB,EAAE;IAC9C,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACnD,SAAS,CAAC,SAAS,GAAG,0BAA0B,CAAC,SAAS,CAAC,CAAC;IAC5D,SAAS,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAEzC,IAAI,OAAO,EAAE,CAAC;QACb,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAC9C,CAAC;IAED,IAAI,QAAQ,EAAE,CAAC;QACd,eAAe,CAAC,SAAS,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;IAC9C,CAAC;IAED,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IACjD,SAAS,CAAC,SAAS,GAAG,sBAAsB,CAAC;IAC7C,SAAS,CAAC,WAAW,GAAG,mBAAmB,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;IAErD,SAAS,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC,SAAS,CAAC,WAAW,CACpB,WAAW,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CACzD,CAAC;IAEF,OAAO,SAAS,CAAC;AAClB,CAAC,CAAC"}

package/dist/components/GidsLink/GidsLink.d.ts

@@ -0,0 +1,10 @@
+import { type GidsLinkCommonProps } from '@ganpatiinfo/gids-core-shared';
+import { type DomChildren } from '../../utils/domUtils';
+import { type ClassValue } from '@ganpatiinfo/gids-web-shared';
+export interface GidsLinkDomProps extends GidsLinkCommonProps<DomChildren> {
+    extraClasses?: ClassValue;
+    href?: string;
+    onClick?: (this: HTMLInputElement, event: Event) => void;
+}
+export declare const GidsLinkDom: ({ children, size, extraClasses, href, onClick, }: GidsLinkDomProps) => HTMLAnchorElement;
+//# sourceMappingURL=GidsLink.d.ts.map

package/dist/components/GidsLink/GidsLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsLink.d.ts","sourceRoot":"","sources":["../../../src/components/GidsLink/GidsLink.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAoB,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EACN,KAAK,UAAU,EAEf,MAAM,8BAA8B,CAAC;AAItC,MAAM,WAAW,gBAAiB,SAAQ,mBAAmB,CAAC,WAAW,CAAC;IACzE,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACzD;AAED,eAAO,MAAM,WAAW,GAAI,kDAMzB,gBAAgB,KAAG,iBAerB,CAAC"}

package/dist/components/GidsLink/GidsLink.js

@@ -0,0 +1,16 @@
+import { appendAsChildren } from '../../utils/domUtils';
+import { GidsLinkWebUtils, } from '@ganpatiinfo/gids-web-shared';
+const { getGidsLinkClassNames } = GidsLinkWebUtils;
+export const GidsLinkDom = ({ children, size, extraClasses, href, onClick, }) => {
+    const linkElement = document.createElement('a');
+    linkElement.className = getGidsLinkClassNames({ size }, extraClasses);
+    appendAsChildren(linkElement, children);
+    if (href) {
+        linkElement.setAttribute('href', href);
+    }
+    if (onClick) {
+        linkElement.addEventListener('click', onClick);
+    }
+    return linkElement;
+};
+//# sourceMappingURL=GidsLink.js.map

package/dist/components/GidsLink/GidsLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsLink.js","sourceRoot":"","sources":["../../../src/components/GidsLink/GidsLink.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAoB,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAEN,gBAAgB,GAChB,MAAM,8BAA8B,CAAC;AAEtC,MAAM,EAAE,qBAAqB,EAAE,GAAG,gBAAgB,CAAC;AAQnD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC3B,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,IAAI,EACJ,OAAO,GACW,EAAqB,EAAE;IACzC,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAChD,WAAW,CAAC,SAAS,GAAG,qBAAqB,CAAC,EAAE,IAAI,EAAE,EAAE,YAAY,CAAC,CAAC;IAEtE,gBAAgB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;IAExC,IAAI,IAAI,EAAE,CAAC;QACV,WAAW,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACxC,CAAC;IAED,IAAI,OAAO,EAAE,CAAC;QACb,WAAW,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAChD,CAAC;IAED,OAAO,WAAW,CAAC;AACpB,CAAC,CAAC"}

package/dist/components/GidsRadio/GidsRadio.d.ts

@@ -0,0 +1,8 @@
+import { type ClassValue, type GidsRadioWebProps } from '@ganpatiinfo/gids-web-shared';
+import { type DomChildren, type DomNodeOrString } from '../../utils/domUtils';
+export interface GidsRadioDomProps extends GidsRadioWebProps<DomChildren, DomNodeOrString> {
+    onChange?: (this: HTMLInputElement, event: Event) => void;
+    className?: ClassValue;
+}
+export declare const GidsRadioDom: ({ children, fieldRequirement, fieldRequirementOptionalText, fieldRequirementRequiredText, info, labelId, checked, defaultChecked, disabled, inputId, name, value, onChange, className, }: GidsRadioDomProps) => HTMLDivElement;
+//# sourceMappingURL=GidsRadio.d.ts.map

package/dist/components/GidsRadio/GidsRadio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsRadio.d.ts","sourceRoot":"","sources":["../../../src/components/GidsRadio/GidsRadio.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,UAAU,EAEf,KAAK,iBAAiB,EAEtB,MAAM,8BAA8B,CAAC;AAGtC,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAI9E,MAAM,WAAW,iBAChB,SAAQ,iBAAiB,CAAC,WAAW,EAAE,eAAe,CAAC;IACvD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,UAAU,CAAC;CACvB;AAED,eAAO,MAAM,YAAY,GAAI,0LAoB1B,iBAAiB,KAAG,cA+BtB,CAAC"}

package/dist/components/GidsRadio/GidsRadio.js

@@ -0,0 +1,36 @@
+import { generateId, GidsRadioWebUtils, } from '@ganpatiinfo/gids-web-shared';
+import { GidsRadioControlDom } from '../_GidsRadioControl/GidsRadioControl';
+import { GidsLabelDom } from '../GidsLabel/GidsLabel';
+const { getGidsRadioClassNames } = GidsRadioWebUtils;
+export const GidsRadioDom = ({ 
+// Label props
+children, fieldRequirement, fieldRequirementOptionalText, fieldRequirementRequiredText, info, labelId, 
+// Radio props
+checked, defaultChecked, disabled, inputId, name, value, onChange, 
+// RadioWithLabel props
+className, }) => {
+    const radioWithLabel = document.createElement('div');
+    radioWithLabel.className = getGidsRadioClassNames(className);
+    const realInputId = inputId ?? generateId();
+    radioWithLabel.appendChild(GidsRadioControlDom({
+        checked,
+        defaultChecked,
+        disabled,
+        inputId: realInputId,
+        name,
+        value,
+        onChange,
+    }));
+    radioWithLabel.appendChild(GidsLabelDom({
+        children,
+        disabled,
+        fieldRequirement,
+        fieldRequirementOptionalText,
+        fieldRequirementRequiredText,
+        htmlFor: realInputId,
+        info,
+        labelId,
+    }));
+    return radioWithLabel;
+};
+//# sourceMappingURL=GidsRadio.js.map

package/dist/components/GidsRadio/GidsRadio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsRadio.js","sourceRoot":"","sources":["../../../src/components/GidsRadio/GidsRadio.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,UAAU,EAEV,iBAAiB,GACjB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGtD,MAAM,EAAE,sBAAsB,EAAE,GAAG,iBAAiB,CAAC;AAQrD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC;AAC5B,cAAc;AACd,QAAQ,EACR,gBAAgB,EAChB,4BAA4B,EAC5B,4BAA4B,EAC5B,IAAI,EACJ,OAAO;AAEP,cAAc;AACd,OAAO,EACP,cAAc,EACd,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,KAAK,EACL,QAAQ;AAER,uBAAuB;AACvB,SAAS,GACU,EAAkB,EAAE;IACvC,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACrD,cAAc,CAAC,SAAS,GAAG,sBAAsB,CAAC,SAAS,CAAC,CAAC;IAE7D,MAAM,WAAW,GAAG,OAAO,IAAI,UAAU,EAAE,CAAC;IAE5C,cAAc,CAAC,WAAW,CACzB,mBAAmB,CAAC;QACnB,OAAO;QACP,cAAc;QACd,QAAQ;QACR,OAAO,EAAE,WAAW;QACpB,IAAI;QACJ,KAAK;QACL,QAAQ;KACR,CAAC,CACF,CAAC;IACF,cAAc,CAAC,WAAW,CACzB,YAAY,CAAC;QACZ,QAAQ;QACR,QAAQ;QACR,gBAAgB;QAChB,4BAA4B;QAC5B,4BAA4B;QAC5B,OAAO,EAAE,WAAW;QACpB,IAAI;QACJ,OAAO;KACP,CAAC,CACF,CAAC;IAEF,OAAO,cAAc,CAAC;AACvB,CAAC,CAAC"}

package/dist/components/GidsSwitch/GidsSwitch.d.ts

@@ -0,0 +1,8 @@
+import { type ClassValue, type GidsSwitchWebProps } from '@ganpatiinfo/gids-web-shared';
+import { type DomChildren, type DomNodeOrString } from '../../utils/domUtils';
+export interface GidsSwitchDomProps extends GidsSwitchWebProps<DomChildren, DomNodeOrString> {
+    onChange?: (this: HTMLInputElement, event: Event) => void;
+    className?: ClassValue;
+}
+export declare const GidsSwitchDom: ({ children, fieldRequirement, fieldRequirementOptionalText, fieldRequirementRequiredText, info, labelId, checked, defaultChecked, disabled, inputId, name, value, onChange, className, }: GidsSwitchDomProps) => HTMLDivElement;
+//# sourceMappingURL=GidsSwitch.d.ts.map

package/dist/components/GidsSwitch/GidsSwitch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsSwitch.d.ts","sourceRoot":"","sources":["../../../src/components/GidsSwitch/GidsSwitch.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,KAAK,UAAU,EAEf,KAAK,kBAAkB,EAE1B,MAAM,8BAA8B,CAAC;AAGtC,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAI9E,MAAM,WAAW,kBACb,SAAQ,kBAAkB,CAAC,WAAW,EAAE,eAAe,CAAC;IACxD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,UAAU,CAAC;CAC1B;AAED,eAAO,MAAM,aAAa,GAAI,0LAoB3B,kBAAkB,KAAG,cA+BvB,CAAC"}

package/dist/components/GidsSwitch/GidsSwitch.js

@@ -0,0 +1,36 @@
+import { generateId, GidsSwitchWebUtils, } from '@ganpatiinfo/gids-web-shared';
+import { GidsSwitchControlDom } from '../_GidsSwitchControl/GidsSwitchControl';
+import { GidsLabelDom } from '../GidsLabel/GidsLabel';
+const { getGidsSwitchClassNames } = GidsSwitchWebUtils;
+export const GidsSwitchDom = ({ 
+// Label props
+children, fieldRequirement, fieldRequirementOptionalText, fieldRequirementRequiredText, info, labelId, 
+// Switch props
+checked, defaultChecked, disabled, inputId, name, value, onChange, 
+// SwitchWithLabel props
+className, }) => {
+    const switchElement = document.createElement('div');
+    switchElement.className = getGidsSwitchClassNames(className);
+    const realInputId = inputId ?? generateId();
+    switchElement.appendChild(GidsSwitchControlDom({
+        checked,
+        defaultChecked,
+        disabled,
+        inputId: realInputId,
+        name,
+        value,
+        onChange,
+    }));
+    switchElement.appendChild(GidsLabelDom({
+        children,
+        disabled,
+        fieldRequirement,
+        fieldRequirementOptionalText,
+        fieldRequirementRequiredText,
+        htmlFor: realInputId,
+        info,
+        labelId,
+    }));
+    return switchElement;
+};
+//# sourceMappingURL=GidsSwitch.js.map

package/dist/components/GidsSwitch/GidsSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsSwitch.js","sourceRoot":"","sources":["../../../src/components/GidsSwitch/GidsSwitch.ts"],"names":[],"mappings":"AAAA,OAAO,EAEH,UAAU,EAEV,kBAAkB,GACrB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGtD,MAAM,EAAE,uBAAuB,EAAE,GAAG,kBAAkB,CAAC;AAQvD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC;AAC1B,cAAc;AACd,QAAQ,EACR,gBAAgB,EAChB,4BAA4B,EAC5B,4BAA4B,EAC5B,IAAI,EACJ,OAAO;AAEP,eAAe;AACf,OAAO,EACP,cAAc,EACd,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,KAAK,EACL,QAAQ;AAER,wBAAwB;AACxB,SAAS,GACQ,EAAkB,EAAE;IACrC,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACpD,aAAa,CAAC,SAAS,GAAG,uBAAuB,CAAC,SAAS,CAAC,CAAC;IAE7D,MAAM,WAAW,GAAG,OAAO,IAAI,UAAU,EAAE,CAAC;IAE5C,aAAa,CAAC,WAAW,CACrB,oBAAoB,CAAC;QACjB,OAAO;QACP,cAAc;QACd,QAAQ;QACR,OAAO,EAAE,WAAW;QACpB,IAAI;QACJ,KAAK;QACL,QAAQ;KACX,CAAC,CACL,CAAC;IACF,aAAa,CAAC,WAAW,CACrB,YAAY,CAAC;QACT,QAAQ;QACR,QAAQ;QACR,gBAAgB;QAChB,4BAA4B;QAC5B,4BAA4B;QAC5B,OAAO,EAAE,WAAW;QACpB,IAAI;QACJ,OAAO;KACV,CAAC,CACL,CAAC;IAEF,OAAO,aAAa,CAAC;AACzB,CAAC,CAAC"}

package/dist/components/_GidsCheckboxControl/GidsCheckboxControl.d.ts

@@ -0,0 +1,7 @@
+import { type ClassValue, type GidsCheckboxControlWebProps } from '@ganpatiinfo/gids-web-shared';
+export interface GidsCheckboxControlDomProps extends GidsCheckboxControlWebProps {
+    onChange?: (this: HTMLInputElement, event: Event) => void;
+    className?: ClassValue;
+}
+export declare const GidsCheckboxControlDom: ({ checked, defaultChecked, disabled, inputId, indeterminate, name, value, required, onChange, className, }: GidsCheckboxControlDomProps) => HTMLSpanElement;
+//# sourceMappingURL=GidsCheckboxControl.d.ts.map

package/dist/components/_GidsCheckboxControl/GidsCheckboxControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsCheckboxControl.d.ts","sourceRoot":"","sources":["../../../src/components/_GidsCheckboxControl/GidsCheckboxControl.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,UAAU,EACf,KAAK,2BAA2B,EAEhC,MAAM,8BAA8B,CAAC;AAMtC,MAAM,WAAW,2BAChB,SAAQ,2BAA2B;IACnC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,UAAU,CAAC;CACvB;AAED,eAAO,MAAM,sBAAsB,GAAI,4GAWpC,2BAA2B,KAAG,eAoDhC,CAAC"}

package/dist/components/_GidsCheckboxControl/GidsCheckboxControl.js

@@ -0,0 +1,44 @@
+import { GidsCheckboxControlWebUtils, } from '@ganpatiinfo/gids-web-shared';
+import { applyStatefulInputProps, toggleAttribute } from '../../utils/domUtils';
+import { GidsIconDom } from '../GidsIcon/GidsIcon';
+const { getGidsCheckboxControlClassNames } = GidsCheckboxControlWebUtils;
+export const GidsCheckboxControlDom = ({ checked, defaultChecked, disabled, inputId, indeterminate, name, value, required, onChange, className, }) => {
+    const checkboxControlWrapper = document.createElement('span');
+    checkboxControlWrapper.className =
+        getGidsCheckboxControlClassNames(className);
+    const checkboxInput = document.createElement('input');
+    checkboxInput.className = 'gids-checkbox-control__input';
+    checkboxInput.setAttribute('type', 'checkbox');
+    toggleAttribute(checkboxInput, 'disabled', disabled ?? false);
+    toggleAttribute(checkboxInput, 'required', required ?? false);
+    applyStatefulInputProps(checkboxInput, {
+        checked,
+        defaultChecked,
+        value,
+    });
+    checkboxInput.indeterminate = indeterminate ?? false;
+    if (inputId) {
+        checkboxInput.setAttribute('id', inputId);
+    }
+    if (name) {
+        checkboxInput.setAttribute('name', name);
+    }
+    if (onChange) {
+        checkboxInput.addEventListener('change', onChange);
+    }
+    checkboxControlWrapper.appendChild(checkboxInput);
+    checkboxControlWrapper.appendChild(GidsIconDom({
+        size: 'sm',
+        name: 'checkmark',
+        alt: '',
+        className: 'gids-checkbox-control__check',
+    }));
+    checkboxControlWrapper.appendChild(GidsIconDom({
+        size: 'sm',
+        name: 'minus',
+        alt: '',
+        className: 'gids-checkbox-control__minus',
+    }));
+    return checkboxControlWrapper;
+};
+//# sourceMappingURL=GidsCheckboxControl.js.map

package/dist/components/_GidsCheckboxControl/GidsCheckboxControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsCheckboxControl.js","sourceRoot":"","sources":["../../../src/components/_GidsCheckboxControl/GidsCheckboxControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAGN,2BAA2B,GAC3B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,MAAM,EAAE,gCAAgC,EAAE,GAAG,2BAA2B,CAAC;AAQzE,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACtC,OAAO,EACP,cAAc,EACd,QAAQ,EACR,OAAO,EACP,aAAa,EACb,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,GACoB,EAAmB,EAAE;IAClD,MAAM,sBAAsB,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC9D,sBAAsB,CAAC,SAAS;QAC/B,gCAAgC,CAAC,SAAS,CAAC,CAAC;IAE7C,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACtD,aAAa,CAAC,SAAS,GAAG,8BAA8B,CAAC;IACzD,aAAa,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IAE/C,eAAe,CAAC,aAAa,EAAE,UAAU,EAAE,QAAQ,IAAI,KAAK,CAAC,CAAC;IAC9D,eAAe,CAAC,aAAa,EAAE,UAAU,EAAE,QAAQ,IAAI,KAAK,CAAC,CAAC;IAE9D,uBAAuB,CAAC,aAAa,EAAE;QACtC,OAAO;QACP,cAAc;QACd,KAAK;KACL,CAAC,CAAC;IAEH,aAAa,CAAC,aAAa,GAAG,aAAa,IAAI,KAAK,CAAC;IAErD,IAAI,OAAO,EAAE,CAAC;QACb,aAAa,CAAC,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAC3C,CAAC;IACD,IAAI,IAAI,EAAE,CAAC;QACV,aAAa,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAC1C,CAAC;IAED,IAAI,QAAQ,EAAE,CAAC;QACd,aAAa,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IACpD,CAAC;IAED,sBAAsB,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;IAElD,sBAAsB,CAAC,WAAW,CACjC,WAAW,CAAC;QACX,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,WAAW;QACjB,GAAG,EAAE,EAAE;QACP,SAAS,EAAE,8BAA8B;KACzC,CAAC,CACF,CAAC;IAEF,sBAAsB,CAAC,WAAW,CACjC,WAAW,CAAC;QACX,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,OAAO;QACb,GAAG,EAAE,EAAE;QACP,SAAS,EAAE,8BAA8B;KACzC,CAAC,CACF,CAAC;IAEF,OAAO,sBAAsB,CAAC;AAC/B,CAAC,CAAC"}

package/dist/components/_GidsRadioControl/GidsRadioControl.d.ts

@@ -0,0 +1,7 @@
+import { type ClassValue, type GidsRadioControlWebProps } from '@ganpatiinfo/gids-web-shared';
+export interface GidsRadioControlDomProps extends GidsRadioControlWebProps {
+    onChange?: (this: HTMLInputElement, event: Event) => void;
+    className?: ClassValue;
+}
+export declare const GidsRadioControlDom: ({ checked, defaultChecked, disabled, inputId, name, value, onChange, className, }: GidsRadioControlDomProps) => HTMLSpanElement;
+//# sourceMappingURL=GidsRadioControl.d.ts.map

package/dist/components/_GidsRadioControl/GidsRadioControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsRadioControl.d.ts","sourceRoot":"","sources":["../../../src/components/_GidsRadioControl/GidsRadioControl.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,UAAU,EACf,KAAK,wBAAwB,EAE7B,MAAM,8BAA8B,CAAC;AAKtC,MAAM,WAAW,wBAAyB,SAAQ,wBAAwB;IACzE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,UAAU,CAAC;CACvB;AAED,eAAO,MAAM,mBAAmB,GAAI,mFASjC,wBAAwB,KAAG,eAkC7B,CAAC"}

package/dist/components/_GidsRadioControl/GidsRadioControl.js

@@ -0,0 +1,31 @@
+import { GidsRadioControlWebUtils, } from '@ganpatiinfo/gids-web-shared';
+import { applyStatefulInputProps, toggleAttribute } from '../../utils/domUtils';
+const { getGidsRadioControlClassNames } = GidsRadioControlWebUtils;
+export const GidsRadioControlDom = ({ checked, defaultChecked, disabled, inputId, name, value, onChange, className, }) => {
+    const checkedDot = document.createElement('span');
+    checkedDot.className = 'gids-radio-control__check';
+    const radioControlWrapper = document.createElement('span');
+    radioControlWrapper.className = getGidsRadioControlClassNames(className);
+    const radioControlInput = document.createElement('input');
+    radioControlInput.className = 'gids-radio-control__input';
+    radioControlInput.setAttribute('type', 'radio');
+    toggleAttribute(radioControlInput, 'disabled', disabled ?? false);
+    applyStatefulInputProps(radioControlInput, {
+        checked,
+        defaultChecked,
+        value,
+    });
+    if (inputId) {
+        radioControlInput.setAttribute('id', inputId);
+    }
+    if (name) {
+        radioControlInput.setAttribute('name', name);
+    }
+    if (onChange) {
+        radioControlInput.addEventListener('click', onChange);
+    }
+    radioControlWrapper.appendChild(radioControlInput);
+    radioControlWrapper.appendChild(checkedDot);
+    return radioControlWrapper;
+};
+//# sourceMappingURL=GidsRadioControl.js.map

package/dist/components/_GidsRadioControl/GidsRadioControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsRadioControl.js","sourceRoot":"","sources":["../../../src/components/_GidsRadioControl/GidsRadioControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAGN,wBAAwB,GACxB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEhF,MAAM,EAAE,6BAA6B,EAAE,GAAG,wBAAwB,CAAC;AAOnE,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EACnC,OAAO,EACP,cAAc,EACd,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,GACiB,EAAmB,EAAE;IAC/C,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAClD,UAAU,CAAC,SAAS,GAAG,2BAA2B,CAAC;IAEnD,MAAM,mBAAmB,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC3D,mBAAmB,CAAC,SAAS,GAAG,6BAA6B,CAAC,SAAS,CAAC,CAAC;IAEzE,MAAM,iBAAiB,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC1D,iBAAiB,CAAC,SAAS,GAAG,2BAA2B,CAAC;IAC1D,iBAAiB,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEhD,eAAe,CAAC,iBAAiB,EAAE,UAAU,EAAE,QAAQ,IAAI,KAAK,CAAC,CAAC;IAElE,uBAAuB,CAAC,iBAAiB,EAAE;QAC1C,OAAO;QACP,cAAc;QACd,KAAK;KACL,CAAC,CAAC;IAEH,IAAI,OAAO,EAAE,CAAC;QACb,iBAAiB,CAAC,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAC/C,CAAC;IACD,IAAI,IAAI,EAAE,CAAC;QACV,iBAAiB,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAC9C,CAAC;IAED,IAAI,QAAQ,EAAE,CAAC;QACd,iBAAiB,CAAC,gBAAgB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IACvD,CAAC;IAED,mBAAmB,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;IACnD,mBAAmB,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAE5C,OAAO,mBAAmB,CAAC;AAC5B,CAAC,CAAC"}

package/dist/components/_GidsSwitchControl/GidsSwitchControl.d.ts

@@ -0,0 +1,7 @@
+import { type ClassValue, type GidsSwitchControlWebProps } from '@ganpatiinfo/gids-web-shared';
+export interface GidsSwitchControlDomProps extends GidsSwitchControlWebProps {
+    onChange?: (this: HTMLInputElement, event: Event) => void;
+    className?: ClassValue;
+}
+export declare const GidsSwitchControlDom: ({ checked, defaultChecked, disabled, inputId, name, value, onChange, className, }: GidsSwitchControlDomProps) => HTMLSpanElement;
+//# sourceMappingURL=GidsSwitchControl.d.ts.map

package/dist/components/_GidsSwitchControl/GidsSwitchControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsSwitchControl.d.ts","sourceRoot":"","sources":["../../../src/components/_GidsSwitchControl/GidsSwitchControl.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,UAAU,EACf,KAAK,yBAAyB,EAE9B,MAAM,8BAA8B,CAAC;AAMtC,MAAM,WAAW,yBAA0B,SAAQ,yBAAyB;IAC3E,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,UAAU,CAAC;CACvB;AAED,eAAO,MAAM,oBAAoB,GAAI,mFASlC,yBAAyB,KAAG,eAqD9B,CAAC"}

package/dist/components/_GidsSwitchControl/GidsSwitchControl.js

@@ -0,0 +1,45 @@
+import { GidsSwitchControlWebUtils, } from '@ganpatiinfo/gids-web-shared';
+import { applyStatefulInputProps, toggleAttribute } from '../../utils/domUtils';
+import { GidsIconDom } from '../GidsIcon/GidsIcon';
+const { getGidsSwitchControlClassNames } = GidsSwitchControlWebUtils;
+export const GidsSwitchControlDom = ({ checked, defaultChecked, disabled, inputId, name, value, onChange, className, }) => {
+    const switchControlWrapper = document.createElement('span');
+    switchControlWrapper.className = getGidsSwitchControlClassNames(className);
+    const switchControlInput = document.createElement('input');
+    switchControlInput.className = 'gids-switch-control__input';
+    switchControlInput.setAttribute('type', 'checkbox');
+    switchControlInput.setAttribute('role', 'switch');
+    toggleAttribute(switchControlInput, 'disabled', disabled ?? false);
+    applyStatefulInputProps(switchControlInput, {
+        checked,
+        defaultChecked,
+        value,
+    });
+    if (inputId) {
+        switchControlInput.id = inputId;
+    }
+    if (name) {
+        switchControlInput.name = name;
+    }
+    if (onChange) {
+        switchControlInput.addEventListener('change', onChange);
+    }
+    switchControlWrapper.appendChild(switchControlInput);
+    switchControlWrapper.appendChild(GidsIconDom({
+        size: 'sm',
+        name: 'checkmark',
+        alt: '',
+        className: 'gids-switch-control__check',
+    }));
+    switchControlWrapper.appendChild(GidsIconDom({
+        size: 'sm',
+        name: 'cross',
+        alt: '',
+        className: 'gids-switch-control__cross',
+    }));
+    const slider = document.createElement('span');
+    slider.className = 'gids-switch-control__slider';
+    switchControlWrapper.appendChild(slider);
+    return switchControlWrapper;
+};
+//# sourceMappingURL=GidsSwitchControl.js.map

package/dist/components/_GidsSwitchControl/GidsSwitchControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GidsSwitchControl.js","sourceRoot":"","sources":["../../../src/components/_GidsSwitchControl/GidsSwitchControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAGN,yBAAyB,GACzB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,MAAM,EAAE,8BAA8B,EAAE,GAAG,yBAAyB,CAAC;AAOrE,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACpC,OAAO,EACP,cAAc,EACd,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,GACkB,EAAmB,EAAE;IAChD,MAAM,oBAAoB,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC5D,oBAAoB,CAAC,SAAS,GAAG,8BAA8B,CAAC,SAAS,CAAC,CAAC;IAE3E,MAAM,kBAAkB,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC3D,kBAAkB,CAAC,SAAS,GAAG,4BAA4B,CAAC;IAC5D,kBAAkB,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACpD,kBAAkB,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAElD,eAAe,CAAC,kBAAkB,EAAE,UAAU,EAAE,QAAQ,IAAI,KAAK,CAAC,CAAC;IAEnE,uBAAuB,CAAC,kBAAkB,EAAE;QAC3C,OAAO;QACP,cAAc;QACd,KAAK;KACL,CAAC,CAAC;IAEH,IAAI,OAAO,EAAE,CAAC;QACb,kBAAkB,CAAC,EAAE,GAAG,OAAO,CAAC;IACjC,CAAC;IACD,IAAI,IAAI,EAAE,CAAC;QACV,kBAAkB,CAAC,IAAI,GAAG,IAAI,CAAC;IAChC,CAAC;IAED,IAAI,QAAQ,EAAE,CAAC;QACd,kBAAkB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IACzD,CAAC;IAED,oBAAoB,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC;IAErD,oBAAoB,CAAC,WAAW,CAC/B,WAAW,CAAC;QACX,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,WAAW;QACjB,GAAG,EAAE,EAAE;QACP,SAAS,EAAE,4BAA4B;KACvC,CAAC,CACF,CAAC;IAEF,oBAAoB,CAAC,WAAW,CAC/B,WAAW,CAAC;QACX,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,OAAO;QACb,GAAG,EAAE,EAAE;QACP,SAAS,EAAE,4BAA4B;KACvC,CAAC,CACF,CAAC;IAEF,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC9C,MAAM,CAAC,SAAS,GAAG,6BAA6B,CAAC;IACjD,oBAAoB,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAEzC,OAAO,oBAAoB,CAAC;AAC7B,CAAC,CAAC"}

package/dist/index.d.ts

@@ -1,13 +1,22 @@
 /**
  * Referenced to DOM components
  */
+export * from './components/GidsButton/GidsButton';
 export * from './components/GidsDivider/GidsDivider';
 export * from './components/GidsDisplayTag/GidsDisplayTag';
+export * from './components/GidsIcon/GidsIcon';
+export * from './components/GidsLabel/GidsLabelInfo/GidsLabelInfo';
+export * from './components/GidsLabel/GidsLabel';
+export * from './components/GidsLink/GidsLink';
 export * from './components/_GidsSpinnerControl/GidsSpinnerControl';
 export * from './components/GidsSpinner/GidsSpinner';
-export * from './components/GidsIcon/GidsIcon';
-export * from './components/GidsButton/GidsButton';
 export * from './components/GidsToggleButton/GidsToggleButton';
+export * from './components/_GidsCheckboxControl/GidsCheckboxControl';
+export * from './components/_GidsRadioControl/GidsRadioControl';
+export * from './components/_GidsSwitchControl/GidsSwitchControl';
+export * from './components/GidsCheckbox/GidsCheckbox';
+export * from './components/GidsRadio/GidsRadio';
+export * from './components/GidsSwitch/GidsSwitch';
 /**
  * Utilities
  */

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,sCAAsC,CAAC;AACrD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,qDAAqD,CAAC;AACpE,cAAc,sCAAsC,CAAC;AACrD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,gDAAgD,CAAC;AAE/D;;GAEG;AACH,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oCAAoC,CAAC;AACnD,cAAc,sCAAsC,CAAC;AACrD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oDAAoD,CAAC;AACnE,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qDAAqD,CAAC;AACpE,cAAc,sCAAsC,CAAC;AACrD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,uDAAuD,CAAC;AACtE,cAAc,iDAAiD,CAAC;AAChE,cAAc,mDAAmD,CAAC;AAClE,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AAEnD;;GAEG;AACH,cAAc,kBAAkB,CAAC"}

package/dist/index.js

@@ -1,13 +1,22 @@
 /**
  * Referenced to DOM components
  */
+export * from './components/GidsButton/GidsButton';
 export * from './components/GidsDivider/GidsDivider';
 export * from './components/GidsDisplayTag/GidsDisplayTag';
+export * from './components/GidsIcon/GidsIcon';
+export * from './components/GidsLabel/GidsLabelInfo/GidsLabelInfo';
+export * from './components/GidsLabel/GidsLabel';
+export * from './components/GidsLink/GidsLink';
 export * from './components/_GidsSpinnerControl/GidsSpinnerControl';
 export * from './components/GidsSpinner/GidsSpinner';
-export * from './components/GidsIcon/GidsIcon';
-export * from './components/GidsButton/GidsButton';
 export * from './components/GidsToggleButton/GidsToggleButton';
+export * from './components/_GidsCheckboxControl/GidsCheckboxControl';
+export * from './components/_GidsRadioControl/GidsRadioControl';
+export * from './components/_GidsSwitchControl/GidsSwitchControl';
+export * from './components/GidsCheckbox/GidsCheckbox';
+export * from './components/GidsRadio/GidsRadio';
+export * from './components/GidsSwitch/GidsSwitch';
 /**
  * Utilities
  */

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,sCAAsC,CAAC;AACrD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,qDAAqD,CAAC;AACpE,cAAc,sCAAsC,CAAC;AACrD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,gDAAgD,CAAC;AAE/D;;GAEG;AACH,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oCAAoC,CAAC;AACnD,cAAc,sCAAsC,CAAC;AACrD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oDAAoD,CAAC;AACnE,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qDAAqD,CAAC;AACpE,cAAc,sCAAsC,CAAC;AACrD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,uDAAuD,CAAC;AACtE,cAAc,iDAAiD,CAAC;AAChE,cAAc,mDAAmD,CAAC;AAClE,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AAEnD;;GAEG;AACH,cAAc,kBAAkB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ganpatiinfo/gids-web-dom-reference",
-	"version": "2.0.2",
+	"version": "2.0.3",
 	"private": false,
 	"description": "DOM for components reference implementations",
 	"homepage": "https://ganpatiinfosystem.vercel.app/",
@@ -24,11 +24,11 @@
 		"directory": "packages/private/web-dom-reference"
 	},
 	"dependencies": {
-		"@ganpatiinfo/gids-core-shared": "2.0.2",
-		"@ganpatiinfo/gids-web-shared": "2.0.2"
+		"@ganpatiinfo/gids-core-shared": "2.0.3",
+		"@ganpatiinfo/gids-web-shared": "2.0.3"
 	},
 	"peerDependencies": {
-		"@ganpatiinfo/gids-web-theme-interface": "2.0.2",
+		"@ganpatiinfo/gids-web-theme-interface": "2.0.3",
 		"@jest/globals": "29.7.0",
 		"@types/jasmine": "5.1.7",
 		"expect": "29.7.0"

package/src/components/GidsCheckbox/GidsCheckbox.ts

@@ -0,0 +1,76 @@
+import {
+	type ClassValue,
+	generateId,
+	type GidsCheckboxWebProps,
+	GidsCheckboxWebUtils,
+} from '@ganpatiinfo/gids-web-shared';
+import { GidsCheckboxControlDom } from '../_GidsCheckboxControl/GidsCheckboxControl';
+import { GidsLabelDom } from '../GidsLabel/GidsLabel';
+
+const { getGidsCheckboxClassNames } = GidsCheckboxWebUtils;
+
+export interface GidsCheckboxDomProps
+	extends GidsCheckboxWebProps<
+		Element | Element[] | string | string[],
+		Element
+	> {
+	onChange?: (this: HTMLInputElement, event: Event) => void;
+	className?: ClassValue;
+}
+
+export const GidsCheckboxDom = ({
+	// Label props
+	children,
+	fieldRequirement,
+	fieldRequirementOptionalText,
+	fieldRequirementRequiredText,
+	info,
+	labelId,
+
+	// Checkbox props
+	checked,
+	defaultChecked,
+	disabled,
+	indeterminate,
+	required,
+	inputId,
+	name,
+	value,
+	onChange,
+
+	// CheckboxWithLabel props
+	className,
+}: GidsCheckboxDomProps): HTMLDivElement => {
+	const checkboxWithLabel = document.createElement('div');
+	checkboxWithLabel.className = getGidsCheckboxClassNames(className);
+
+	const realInputId = inputId ?? generateId();
+
+	checkboxWithLabel.appendChild(
+		GidsCheckboxControlDom({
+			checked,
+			defaultChecked,
+			disabled,
+			indeterminate,
+			inputId: realInputId,
+			name,
+            value,
+			required,
+			onChange,
+		}),
+	);
+	checkboxWithLabel.appendChild(
+		GidsLabelDom({
+			children,
+			disabled,
+			fieldRequirement,
+			fieldRequirementOptionalText,
+			fieldRequirementRequiredText,
+			htmlFor: realInputId,
+			info,
+			labelId,
+		}),
+	);
+
+	return checkboxWithLabel;
+};

package/src/components/GidsLabel/GidsLabel.ts

@@ -0,0 +1,58 @@
+import {
+	GidsLabelWebUtils,
+	type GidsLabelWebProps,
+} from '@ganpatiinfo/gids-web-shared';
+import {
+	appendAsChildren,
+	type DomChildren,
+	type DomNodeOrString,
+} from '../../utils/domUtils';
+import { GidsLabelCommonUtils } from '@ganpatiinfo/gids-core-shared';
+
+const { getIndicatorText } = GidsLabelCommonUtils;
+const { getGidsLabelClassNames } = GidsLabelWebUtils;
+
+export interface GidsLabelDomProps
+	extends GidsLabelWebProps<DomChildren, DomNodeOrString> {}
+
+export const GidsLabelDom = ({
+	children,
+	disabled,
+	fieldRequirement,
+	fieldRequirementOptionalText,
+	fieldRequirementRequiredText,
+	info,
+	htmlFor,
+	labelId,
+}: GidsLabelDomProps): HTMLDivElement => {
+	const container = document.createElement('div');
+	container.className = getGidsLabelClassNames({ disabled });
+
+	const label = document.createElement('label');
+	if (htmlFor !== undefined) {
+		label.setAttribute('for', htmlFor);
+	}
+	if (labelId !== undefined) {
+		label.id = labelId;
+	}
+	appendAsChildren(label, children);
+
+	const indicatorText = getIndicatorText({
+		fieldRequirement,
+		fieldRequirementOptionalText,
+		fieldRequirementRequiredText,
+	});
+	if (indicatorText !== undefined) {
+		const fieldRequirementSpan = document.createElement('span');
+		fieldRequirementSpan.className = 'gids-label__field-requirement';
+		fieldRequirementSpan.textContent = indicatorText;
+		label.appendChild(fieldRequirementSpan);
+	}
+
+	container.appendChild(label);
+	if (info) {
+		container.append(info);
+	}
+
+	return container;
+};

package/src/components/GidsLabel/GidsLabelInfo/GidsLabelInfo.ts

@@ -0,0 +1,44 @@
+import { type GidsLabelInfoCommonProps } from '@ganpatiinfo/gids-core-shared';
+import { type ClassValue } from '@ganpatiinfo/gids-web-shared';
+import { GidsLabelInfoWebUtils } from '@ganpatiinfo/gids-web-shared';
+import { toggleAttribute } from '../../../utils/domUtils';
+import { GidsLabelInfoCommonUtils } from '@ganpatiinfo/gids-core-shared';
+import { GidsIconDom } from '../../GidsIcon/GidsIcon';
+
+const { getGidsLabelInfoClassNames } = GidsLabelInfoWebUtils;
+const { getLabelInfoAltText } = GidsLabelInfoCommonUtils;
+
+export interface GidsLabelInfoDomProps extends GidsLabelInfoCommonProps {
+	onClick?: (event: MouseEvent) => void;
+	className?: ClassValue;
+}
+
+export const GidsLabelInfoDom = ({
+	disabled,
+	alt,
+	onClick,
+	className,
+}: GidsLabelInfoDomProps): HTMLButtonElement => {
+	const labelInfo = document.createElement('button');
+	labelInfo.className = getGidsLabelInfoClassNames(className);
+	labelInfo.setAttribute('type', 'button');
+
+	if (onClick) {
+		labelInfo.addEventListener('click', onClick);
+	}
+
+	if (disabled) {
+		toggleAttribute(labelInfo, 'disabled', true);
+	}
+
+	const labelSpan = document.createElement('span');
+	labelSpan.className = 'gids-visually-hidden';
+	labelSpan.textContent = getLabelInfoAltText({ alt });
+
+	labelInfo.appendChild(labelSpan);
+	labelInfo.appendChild(
+		GidsIconDom({ name: 'information', size: 'sm', alt: '' }),
+	);
+
+	return labelInfo;
+};

package/src/components/GidsLink/GidsLink.ts

@@ -0,0 +1,37 @@
+import { type GidsLinkCommonProps } from '@ganpatiinfo/gids-core-shared';
+import { appendAsChildren, type DomChildren } from '../../utils/domUtils';
+import {
+	type ClassValue,
+	GidsLinkWebUtils,
+} from '@ganpatiinfo/gids-web-shared';
+
+const { getGidsLinkClassNames } = GidsLinkWebUtils;
+
+export interface GidsLinkDomProps extends GidsLinkCommonProps<DomChildren> {
+	extraClasses?: ClassValue;
+	href?: string;
+	onClick?: (this: HTMLInputElement, event: Event) => void;
+}
+
+export const GidsLinkDom = ({
+	children,
+	size,
+	extraClasses,
+	href,
+	onClick,
+}: GidsLinkDomProps): HTMLAnchorElement => {
+	const linkElement = document.createElement('a');
+	linkElement.className = getGidsLinkClassNames({ size }, extraClasses);
+
+	appendAsChildren(linkElement, children);
+
+	if (href) {
+		linkElement.setAttribute('href', href);
+	}
+
+	if (onClick) {
+		linkElement.addEventListener('click', onClick);
+	}
+
+	return linkElement;
+};

package/src/components/GidsRadio/GidsRadio.ts

@@ -0,0 +1,70 @@
+import {
+	type ClassValue,
+	generateId,
+	type GidsRadioWebProps,
+	GidsRadioWebUtils,
+} from '@ganpatiinfo/gids-web-shared';
+import { GidsRadioControlDom } from '../_GidsRadioControl/GidsRadioControl';
+import { GidsLabelDom } from '../GidsLabel/GidsLabel';
+import { type DomChildren, type DomNodeOrString } from '../../utils/domUtils';
+
+const { getGidsRadioClassNames } = GidsRadioWebUtils;
+
+export interface GidsRadioDomProps
+	extends GidsRadioWebProps<DomChildren, DomNodeOrString> {
+	onChange?: (this: HTMLInputElement, event: Event) => void;
+	className?: ClassValue;
+}
+
+export const GidsRadioDom = ({
+	// Label props
+	children,
+	fieldRequirement,
+	fieldRequirementOptionalText,
+	fieldRequirementRequiredText,
+	info,
+	labelId,
+
+	// Radio props
+	checked,
+	defaultChecked,
+	disabled,
+	inputId,
+	name,
+	value,
+	onChange,
+
+	// RadioWithLabel props
+	className,
+}: GidsRadioDomProps): HTMLDivElement => {
+	const radioWithLabel = document.createElement('div');
+	radioWithLabel.className = getGidsRadioClassNames(className);
+
+	const realInputId = inputId ?? generateId();
+
+	radioWithLabel.appendChild(
+		GidsRadioControlDom({
+			checked,
+			defaultChecked,
+			disabled,
+			inputId: realInputId,
+			name,
+			value,
+			onChange,
+		}),
+	);
+	radioWithLabel.appendChild(
+		GidsLabelDom({
+			children,
+			disabled,
+			fieldRequirement,
+			fieldRequirementOptionalText,
+			fieldRequirementRequiredText,
+			htmlFor: realInputId,
+			info,
+			labelId,
+		}),
+	);
+
+	return radioWithLabel;
+};

package/src/components/GidsSwitch/GidsSwitch.ts

@@ -0,0 +1,70 @@
+import {
+    type ClassValue,
+    generateId,
+    type GidsSwitchWebProps,
+    GidsSwitchWebUtils,
+} from '@ganpatiinfo/gids-web-shared';
+import { GidsSwitchControlDom } from '../_GidsSwitchControl/GidsSwitchControl';
+import { GidsLabelDom } from '../GidsLabel/GidsLabel';
+import { type DomChildren, type DomNodeOrString } from '../../utils/domUtils';
+
+const { getGidsSwitchClassNames } = GidsSwitchWebUtils;
+
+export interface GidsSwitchDomProps
+    extends GidsSwitchWebProps<DomChildren, DomNodeOrString> {
+    onChange?: (this: HTMLInputElement, event: Event) => void;
+    className?: ClassValue;
+}
+
+export const GidsSwitchDom = ({
+    // Label props
+    children,
+    fieldRequirement,
+    fieldRequirementOptionalText,
+    fieldRequirementRequiredText,
+    info,
+    labelId,
+
+    // Switch props
+    checked,
+    defaultChecked,
+    disabled,
+    inputId,
+    name,
+    value,
+    onChange,
+
+    // SwitchWithLabel props
+    className,
+}: GidsSwitchDomProps): HTMLDivElement => {
+    const switchElement = document.createElement('div');
+    switchElement.className = getGidsSwitchClassNames(className);
+
+    const realInputId = inputId ?? generateId();
+
+    switchElement.appendChild(
+        GidsSwitchControlDom({
+            checked,
+            defaultChecked,
+            disabled,
+            inputId: realInputId,
+            name,
+            value,
+            onChange,
+        }),
+    );
+    switchElement.appendChild(
+        GidsLabelDom({
+            children,
+            disabled,
+            fieldRequirement,
+            fieldRequirementOptionalText,
+            fieldRequirementRequiredText,
+            htmlFor: realInputId,
+            info,
+            labelId,
+        }),
+    );
+
+    return switchElement;
+};

package/src/components/_GidsCheckboxControl/GidsCheckboxControl.ts

@@ -0,0 +1,80 @@
+import {
+	type ClassValue,
+	type GidsCheckboxControlWebProps,
+	GidsCheckboxControlWebUtils,
+} from '@ganpatiinfo/gids-web-shared';
+import { applyStatefulInputProps, toggleAttribute } from '../../utils/domUtils';
+import { GidsIconDom } from '../GidsIcon/GidsIcon';
+
+const { getGidsCheckboxControlClassNames } = GidsCheckboxControlWebUtils;
+
+export interface GidsCheckboxControlDomProps
+	extends GidsCheckboxControlWebProps {
+	onChange?: (this: HTMLInputElement, event: Event) => void;
+	className?: ClassValue;
+}
+
+export const GidsCheckboxControlDom = ({
+	checked,
+	defaultChecked,
+	disabled,
+	inputId,
+	indeterminate,
+	name,
+	value,
+	required,
+	onChange,
+	className,
+}: GidsCheckboxControlDomProps): HTMLSpanElement => {
+	const checkboxControlWrapper = document.createElement('span');
+	checkboxControlWrapper.className =
+		getGidsCheckboxControlClassNames(className);
+
+	const checkboxInput = document.createElement('input');
+	checkboxInput.className = 'gids-checkbox-control__input';
+	checkboxInput.setAttribute('type', 'checkbox');
+
+	toggleAttribute(checkboxInput, 'disabled', disabled ?? false);
+	toggleAttribute(checkboxInput, 'required', required ?? false);
+
+	applyStatefulInputProps(checkboxInput, {
+		checked,
+		defaultChecked,
+		value,
+	});
+
+	checkboxInput.indeterminate = indeterminate ?? false;
+
+	if (inputId) {
+		checkboxInput.setAttribute('id', inputId);
+	}
+	if (name) {
+		checkboxInput.setAttribute('name', name);
+	}
+
+	if (onChange) {
+		checkboxInput.addEventListener('change', onChange);
+	}
+
+	checkboxControlWrapper.appendChild(checkboxInput);
+
+	checkboxControlWrapper.appendChild(
+		GidsIconDom({
+			size: 'sm',
+			name: 'checkmark',
+			alt: '',
+			className: 'gids-checkbox-control__check',
+		}),
+	);
+
+	checkboxControlWrapper.appendChild(
+		GidsIconDom({
+			size: 'sm',
+			name: 'minus',
+			alt: '',
+			className: 'gids-checkbox-control__minus',
+		}),
+	);
+
+	return checkboxControlWrapper;
+};

package/src/components/_GidsRadioControl/GidsRadioControl.ts

@@ -0,0 +1,58 @@
+import {
+	type ClassValue,
+	type GidsRadioControlWebProps,
+	GidsRadioControlWebUtils,
+} from '@ganpatiinfo/gids-web-shared';
+import { applyStatefulInputProps, toggleAttribute } from '../../utils/domUtils';
+
+const { getGidsRadioControlClassNames } = GidsRadioControlWebUtils;
+
+export interface GidsRadioControlDomProps extends GidsRadioControlWebProps {
+	onChange?: (this: HTMLInputElement, event: Event) => void;
+	className?: ClassValue;
+}
+
+export const GidsRadioControlDom = ({
+	checked,
+	defaultChecked,
+	disabled,
+	inputId,
+	name,
+	value,
+	onChange,
+	className,
+}: GidsRadioControlDomProps): HTMLSpanElement => {
+	const checkedDot = document.createElement('span');
+	checkedDot.className = 'gids-radio-control__check';
+
+	const radioControlWrapper = document.createElement('span');
+	radioControlWrapper.className = getGidsRadioControlClassNames(className);
+
+	const radioControlInput = document.createElement('input');
+	radioControlInput.className = 'gids-radio-control__input';
+	radioControlInput.setAttribute('type', 'radio');
+
+	toggleAttribute(radioControlInput, 'disabled', disabled ?? false);
+
+	applyStatefulInputProps(radioControlInput, {
+		checked,
+		defaultChecked,
+		value,
+	});
+
+	if (inputId) {
+		radioControlInput.setAttribute('id', inputId);
+	}
+	if (name) {
+		radioControlInput.setAttribute('name', name);
+	}
+
+	if (onChange) {
+		radioControlInput.addEventListener('click', onChange);
+	}
+
+	radioControlWrapper.appendChild(radioControlInput);
+	radioControlWrapper.appendChild(checkedDot);
+
+	return radioControlWrapper;
+};

package/src/components/_GidsSwitchControl/GidsSwitchControl.ts

@@ -0,0 +1,78 @@
+import {
+	type ClassValue,
+	type GidsSwitchControlWebProps,
+	GidsSwitchControlWebUtils,
+} from '@ganpatiinfo/gids-web-shared';
+import { applyStatefulInputProps, toggleAttribute } from '../../utils/domUtils';
+import { GidsIconDom } from '../GidsIcon/GidsIcon';
+
+const { getGidsSwitchControlClassNames } = GidsSwitchControlWebUtils;
+
+export interface GidsSwitchControlDomProps extends GidsSwitchControlWebProps {
+	onChange?: (this: HTMLInputElement, event: Event) => void;
+	className?: ClassValue;
+}
+
+export const GidsSwitchControlDom = ({
+	checked,
+	defaultChecked,
+	disabled,
+	inputId,
+	name,
+	value,
+	onChange,
+	className,
+}: GidsSwitchControlDomProps): HTMLSpanElement => {
+	const switchControlWrapper = document.createElement('span');
+	switchControlWrapper.className = getGidsSwitchControlClassNames(className);
+
+	const switchControlInput = document.createElement('input');
+	switchControlInput.className = 'gids-switch-control__input';
+	switchControlInput.setAttribute('type', 'checkbox');
+	switchControlInput.setAttribute('role', 'switch');
+
+	toggleAttribute(switchControlInput, 'disabled', disabled ?? false);
+
+	applyStatefulInputProps(switchControlInput, {
+		checked,
+		defaultChecked,
+		value,
+	});
+
+	if (inputId) {
+		switchControlInput.id = inputId;
+	}
+	if (name) {
+		switchControlInput.name = name;
+	}
+
+	if (onChange) {
+		switchControlInput.addEventListener('change', onChange);
+	}
+
+	switchControlWrapper.appendChild(switchControlInput);
+
+	switchControlWrapper.appendChild(
+		GidsIconDom({
+			size: 'sm',
+			name: 'checkmark',
+			alt: '',
+			className: 'gids-switch-control__check',
+		}),
+	);
+
+	switchControlWrapper.appendChild(
+		GidsIconDom({
+			size: 'sm',
+			name: 'cross',
+			alt: '',
+			className: 'gids-switch-control__cross',
+		}),
+	);
+
+	const slider = document.createElement('span');
+	slider.className = 'gids-switch-control__slider';
+	switchControlWrapper.appendChild(slider);
+
+	return switchControlWrapper;
+};

package/src/index.ts

@@ -1,13 +1,22 @@
 /**
  * Referenced to DOM components
  */
+export * from './components/GidsButton/GidsButton';
 export * from './components/GidsDivider/GidsDivider';
 export * from './components/GidsDisplayTag/GidsDisplayTag';
+export * from './components/GidsIcon/GidsIcon';
+export * from './components/GidsLabel/GidsLabelInfo/GidsLabelInfo';
+export * from './components/GidsLabel/GidsLabel';
+export * from './components/GidsLink/GidsLink';
 export * from './components/_GidsSpinnerControl/GidsSpinnerControl';
 export * from './components/GidsSpinner/GidsSpinner';
-export * from './components/GidsIcon/GidsIcon';
-export * from './components/GidsButton/GidsButton';
 export * from './components/GidsToggleButton/GidsToggleButton';
+export * from './components/_GidsCheckboxControl/GidsCheckboxControl';
+export * from './components/_GidsRadioControl/GidsRadioControl';
+export * from './components/_GidsSwitchControl/GidsSwitchControl';
+export * from './components/GidsCheckbox/GidsCheckbox';
+export * from './components/GidsRadio/GidsRadio';
+export * from './components/GidsSwitch/GidsSwitch';
 
 /**
  * Utilities