@sky.ui/core 0.0.1

package/dist/sky-radio/sky-radio.d.ts

@@ -0,0 +1,118 @@
+import { FormControlBase, FormState } from "../helper/internals/form-control-base";
+export type SkyRadioSelectDetail = {
+    value: string;
+};
+export type SkyRadioValidationErrorDetail = {
+    errors: string[];
+};
+export type SkyRadioValueClearedDetail = {
+    value: "";
+};
+/**
+ * @element sky-radio
+ *
+ * @summary Single radio option for grouped or standalone selection.
+ *
+ * @status stable
+ * @since 1.0.0
+ *
+ * @documentation https://library.sky-ui.com/components/radio
+ *
+ * @slot - Content to display instead of the label property.
+ *
+ * @csspart wrapper - The circular radio control element.
+ * @csspart input - The native hidden radio input element.
+ * @csspart label - The text label element.
+ *
+ * @property {string} label - Text label displayed beside the control.
+ * @property {string} value - Option value used for selection and form value.
+ * @property {boolean} checked - Whether this option is selected.
+ * @property {string} name - Radio name used for same-name exclusivity.
+ * @property {string} color - Accent color used in checked state.
+ * @property {boolean} disabled - Disables user interaction.
+ * @property {boolean} readonly - Prevents selection changes while still allowing focus.
+ * @property {boolean} required - Enables required validation for standalone usage.
+ * @property {string} requiredMessage - Error message for required validation failures.
+ *
+ * @fires {CustomEvent<SkyRadioSelectDetail>} radio-select - Fired when the option becomes selected.
+ * @fires {Event} change - Native change event for form compatibility.
+ * @fires {Event} input - Native input event for form compatibility.
+ * @fires {CustomEvent<SkyRadioValidationErrorDetail>} validation-error - Fired when validation errors occur.
+ * @fires {CustomEvent<SkyRadioValueClearedDetail>} value-cleared - Fired when selection is reset.
+ * @method check Selects this radio option.
+ * @method focusRadio Focuses the underlying native radio control.
+ *
+ * @Behavior
+ * - Uses a native hidden radio input for semantics and keyboard interaction.
+ * - Supports grouped usage inside `sky-radio-group` and standalone usage.
+ * - Synchronizes checked state and form value through `FormControlBase`.
+ *
+ * @example
+ * ```html
+ * <sky-radio-group label="Deployment" name="deployment">
+ *   <sky-radio value="blue" checked color="primary">Blue Environment</sky-radio>
+ *   <sky-radio value="green">Green Environment</sky-radio>
+ * </sky-radio-group>
+ * ```
+ * ```vue
+ * <template>
+ *   <sky-radio-group label="Deployment" name="deployment">
+ *     <sky-radio value="blue" checked color="primary">Blue Environment</sky-radio>
+ *     <sky-radio value="green">Green Environment</sky-radio>
+ *   </sky-radio-group>
+ * </template>
+ * ```
+ * ```jsx
+ * export default function Demo() {
+ *   return (
+ *     <sky-radio-group label="Deployment" name="deployment">
+ *       <sky-radio value="blue" checked color="primary">Blue Environment</sky-radio>
+ *       <sky-radio value="green">Green Environment</sky-radio>
+ *     </sky-radio-group>
+ *   );
+ * }
+ * ```
+ */
+export declare class SkyRadio extends FormControlBase {
+    label: string;
+    value: string;
+    checked: boolean;
+    color: string;
+    private _hasMeaningfulSlot;
+    check(): void;
+    focusRadio(): void;
+    static styles: import("lit").CSSResult;
+    constructor();
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        clonable?: boolean;
+        customElementRegistry?: CustomElementRegistry;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    private _slotHasMeaningfulContent;
+    private _onSlotChange;
+    private onNativeChange;
+    private handleKeydown;
+    /** Get the current value for form submission */
+    protected getFormValue(): FormState;
+    /** Set value from form state (e.g., form reset) */
+    protected setValueFromFormState(state: FormState): void;
+    /** Get the validity anchor (the hidden input) */
+    protected getValidityAnchor(): HTMLElement | undefined;
+    /** Check if empty (for required validation) */
+    protected isEmpty(): boolean;
+    /** Get the native control (hidden radio input) */
+    protected getNativeControl(): HTMLElement | null;
+    /** Handle native value mutation */
+    protected onNativeValueMutated(_native: any): void;
+    /** Override to provide custom error messages */
+    protected getCustomErrorMessage(): string;
+    /** Get current validation errors */
+    get validationErrors(): string[];
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/sky-radio/sky-radio.js

@@ -0,0 +1,109 @@
+import{__decorate as e,__metadata as t}from"tslib";import{css as o,LitElement as i,html as s}from"lit";import{property as r,state as a,customElement as n}from"lit/decorators.js";import{when as d}from"lit/directives/when.js";import{resolveColor as l}from"../helper/utils/color-resolver.js";import{FormControlBase as h}from"../helper/internals/form-control-base.js";let c=class extends h{check(){this.disabled||this.readonly||(this.checked=!0,this.syncFormValue())}focusRadio(){const e=this.shadowRoot?.querySelector('input[type="radio"]');e?.focus()}static{this.styles=o`
+    :host {
+      display: inline-flex;
+      align-items: center;
+    }
+
+    /* readonly: allow focus + keyboard traversal, but show subtle visual state */
+    :host([readonly]) label {
+      cursor: default;
+    }
+
+    label {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      color: var(--sky-text-primary);
+      cursor: pointer;
+      font-size: var(--sky-font-size-sm);
+      font-family: var(--sky-font);
+    }
+
+    label[disabled] {
+      pointer-events: none;
+      opacity: 0.6;
+      cursor: not-allowed;
+    }
+
+    :host([disabled]) label,
+    :host([disabled]) .radio-wrapper {
+      pointer-events: none;
+      cursor: not-allowed;
+      opacity: 0.6;
+    }
+
+    .radio-wrapper {
+      position: relative;
+      box-sizing: border-box;
+      width: 18px;
+      height: 18px;
+      display: inline-block;
+      border: 2px solid var(--sky-text-tertiary);
+      border-radius: 50%;
+      transition: border-color 0.3s ease-in-out,
+        background-color 0.3s ease-in-out;
+      cursor: pointer;
+      flex-shrink: 0;
+    }
+
+    .radio-wrapper::before {
+      content: "";
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%) scale(0);
+      width: 10px;
+      height: 10px;
+      background-color: var(--sky-glass-solid);
+      border-radius: 50%;
+      transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
+    }
+
+    .radio-wrapper.checked {
+      border-color: var(--radio-checked-color);
+      background-color: var(--radio-checked-color);
+    }
+
+    .radio-wrapper.checked::before {
+      transform: translate(-50%, -50%) scale(1);
+    }
+
+    input[type="radio"] {
+      position: absolute;
+      opacity: 0;
+      pointer-events: none;
+      width: 0;
+      height: 0;
+    }
+
+    input[type="radio"]:focus + .radio-wrapper {
+      border-color: var(--radio-checked-color);
+    }
+
+    sky-icon {
+      display: inline-block;
+      width: 1em;
+      height: 1em;
+    }
+  `}constructor(){super(),this.label="",this.value="",this.checked=!1,this.color="primary",this._hasMeaningfulSlot=!1,this._onSlotChange=e=>{const t=e.target,o=this._slotHasMeaningfulContent(t);o!==this._hasMeaningfulSlot&&(this._hasMeaningfulSlot=o)},this.onNativeChange=e=>{const t=e.currentTarget;if(this.disabled||this.readonly)return void(t.checked!==this.checked&&(t.checked=this.checked));const o=t.checked&&!this.checked;if(this.checked=t.checked,this.checked&&this.name&&!this.closest("sky-radio-group")){const e=Array.from(document.querySelectorAll("sky-radio"));for(const t of e)t!==this&&t.name===this.name&&(t.checked=!1)}o&&(this.dispatchEvent(new CustomEvent("radio-select",{detail:{value:this.value},bubbles:!0,composed:!0})),this.reemitNativeEvent("change",e),this.reemitNativeEvent("input",e),this.syncFormValue(),this.syncValidity())},this.handleKeydown=e=>{if(!(this.disabled||this.readonly||" "!==e.key&&"Enter"!==e.key)){e.preventDefault();const t=this.shadowRoot?.querySelector("input[type='radio']");t?.click()}},this.captureDefaultValue("")}static{this.shadowRootOptions={...i.shadowRootOptions,delegatesFocus:!0}}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeydown),this.hasAttribute("tabindex")||(this.tabIndex=this.disabled?-1:0)}disconnectedCallback(){this.removeEventListener("keydown",this.handleKeydown),super.disconnectedCallback()}updated(e){const t=this.shadowRoot?.querySelector("input[type='radio']");if(e.has("checked")){const o=this.shadowRoot?.querySelector(".radio-wrapper");o?.classList.toggle("checked",this.checked),t&&t.checked!==this.checked&&(t.checked=this.checked),void 0!==e.get("checked")&&(this.syncFormValue(),this.syncValidity())}(e.has("disabled")||e.has("readonly"))&&(t&&(t.disabled=this.disabled,t.readOnly=this.readonly),this.tabIndex=this.disabled?-1:0),e.has("color")&&this.style.setProperty("--radio-checked-color",l(this.color)),e.has("value")&&(this.syncFormValue(),this.syncValidity())}_slotHasMeaningfulContent(e){return e.assignedNodes({flatten:!0}).some(e=>e.nodeType===Node.ELEMENT_NODE||(e.textContent??"").trim().length>0)}getFormValue(){return this.checked?this.value:null}setValueFromFormState(e){this.checked="string"==typeof e&&e===this.value}getValidityAnchor(){return this.getNativeControl()||void 0}isEmpty(){return!this.checked}getNativeControl(){return this.shadowRoot?.querySelector("input[type='radio']")||null}onNativeValueMutated(e){const t=this.getNativeControl();t&&(this.checked=t.checked)}getCustomErrorMessage(){return this.validationErrors?.[0]||""}get validationErrors(){return this.required&&!this.checked?[this.requiredMessage]:[]}render(){return s`
+      <label
+        ?disabled=${this.disabled}
+        ?readonly=${this.readonly}
+        aria-disabled=${this.disabled?"true":"false"}
+        aria-readonly=${this.readonly?"true":"false"}
+      >
+        <input
+          type="radio"
+          .name=${this.name}
+          .value=${this.value}
+          .checked=${this.checked}
+          @change=${this.onNativeChange}
+          ?disabled=${this.disabled}
+          ?required=${this.required}
+        />
+        <div class="radio-wrapper"></div>
+        <slot @slotchange=${this._onSlotChange}></slot>
+        ${d(!this._hasMeaningfulSlot,()=>this.label)}
+      </label>
+    `}};e([r({type:String}),t("design:type",String)],c.prototype,"label",void 0),e([r({type:String}),t("design:type",String)],c.prototype,"value",void 0),e([r({type:Boolean,reflect:!0}),t("design:type",Boolean)],c.prototype,"checked",void 0),e([r({type:String}),t("design:type",String)],c.prototype,"color",void 0),e([a(),t("design:type",Object)],c.prototype,"_hasMeaningfulSlot",void 0),c=e([n("sky-radio"),t("design:paramtypes",[])],c);export{c as SkyRadio};
+//# sourceMappingURL=sky-radio.js.map

package/dist/sky-radio/sky-radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sky-radio.js","sources":["../../src/sky-radio/sky-radio.ts"],"sourcesContent":[null],"names":["SkyRadio","FormControlBase","check","this","disabled","readonly","checked","syncFormValue","focusRadio","input","shadowRoot","querySelector","focus","styles","css","constructor","super","label","value","color","_hasMeaningfulSlot","_onSlotChange","e","slot","target","next","_slotHasMeaningfulContent","onNativeChange","currentTarget","becameChecked","name","closest","all","Array","from","document","querySelectorAll","r","dispatchEvent","CustomEvent","detail","bubbles","composed","reemitNativeEvent","syncValidity","handleKeydown","event","key","preventDefault","click","captureDefaultValue","shadowRootOptions","LitElement","delegatesFocus","connectedCallback","addEventListener","hasAttribute","tabIndex","disconnectedCallback","removeEventListener","updated","changed","has","wrapper","classList","toggle","undefined","get","readOnly","style","setProperty","resolveColor","slotEl","assignedNodes","flatten","some","n","nodeType","Node","ELEMENT_NODE","textContent","trim","length","getFormValue","setValueFromFormState","state","getValidityAnchor","getNativeControl","isEmpty","onNativeValueMutated","_native","getCustomErrorMessage","validationErrors","required","requiredMessage","render","html","when","__decorate","property","type","String","prototype","Boolean","reflect","customElement"],"mappings":"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"}

package/dist/sky-radio-group/index.d.ts

@@ -0,0 +1 @@
+export * from "./sky-radio-group";

package/dist/sky-radio-group/index.js

@@ -0,0 +1 @@
+export * from './sky-radio-group.js';

package/dist/sky-radio-group/sky-radio-group.d.ts

@@ -0,0 +1,186 @@
+import { FormControlBase, FormState } from "../helper/internals/form-control-base";
+export type SkyRadioGroupLayout = "row" | "column";
+export type SkyRadioGroupVariant = "default" | "highlight";
+export type SkyRadioGroupValueChangedDetail = {
+    value: string;
+};
+export type SkyRadioGroupValidationErrorDetail = {
+    errors: string[];
+};
+export type SkyRadioGroupValueClearedDetail = {
+    value: "";
+};
+export type SkyRadioGroupIconClickDetail = {
+    position: "left" | "right";
+    eventType: string | null;
+    eventData: Event | null;
+};
+/**
+ * @element sky-radio-group
+ *
+ * @summary Accessible group container that coordinates a set of `sky-radio` options.
+ *
+ * @status stable
+ * @since 1.0.0
+ *
+ * @documentation https://library.sky-ui.com/components/radio
+ * @dependency sky-radio
+ *
+ * @uiVModel value value-changed
+ *
+ * @slot - Default slot for group content. When `label` is omitted or blank, the group runs in **slot-only** mode: no built-in label row (unless `icon-left` / `icon-right` are used), and the default slot is not forced into the internal radio flex layout—use it to compose custom UI (still place `<sky-radio>` children here for selection behavior).
+ * @slot icon-left - Optional leading action/icon area.
+ * @slot icon-right - Optional trailing action/icon area.
+ *
+ * @csspart wrapper - The outer interactive container (error/shadow styling hooks).
+ * @csspart group-label - The rendered label text (including prefix/suffix).
+ * @csspart container - The element that wraps the slotted radios.
+ * @csspart icon-left - The left icon/button container.
+ * @csspart icon-right - The right icon/button container.
+ * @csspart error - The error message element rendered below the wrapper.
+ *
+ * @property {string} name - Shared radio name applied to child `<sky-radio>` elements. Default: ""
+ * @property {string} value - Currently selected value. Default: ""
+ * @property {string} label - Optional group label text. Default: ""
+ * @property {SkyRadioGroupLayout} layout - Layout direction for radio options.
+ * @property {boolean} shadow - Enables bordered glass effect around the group.
+ * @property {boolean} force - Stacks header and options vertically in constrained layouts.
+ * @property {string[]} validationErrors - Current validation errors.
+ * @property {boolean} required - Requires one radio option to be selected.
+ * @property {boolean} validationActive - Activates validation state and messages.
+ * @property {string} requiredMessage - Validation message shown when selection is missing.
+ * @property {boolean} showErrors - Controls whether error messages are rendered.
+ * @property {string} prefix - Text rendered before the group label.
+ * @property {string} suffix - Text rendered after the group label.
+ * @property {string} prefixColor - CSS color for prefix text.
+ * @property {string} suffixColor - CSS color for suffix text.
+ * @property {boolean} disabled - Disables interaction for the group and children.
+ * @property {string} color - Checked-state color propagated to radios.
+ * @property {boolean} readonly - Makes the group read-only while preserving focusability.
+ * @property {SkyRadioGroupVariant} variant - Visual label style variant.
+ *
+ * @fires {CustomEvent<SkyRadioGroupValueChangedDetail>} value-changed - Fired when selected value changes.
+ * @fires {CustomEvent<SkyRadioGroupValidationErrorDetail>} validation-error - Fired after `validateInput()` completes.
+ * @fires {CustomEvent<SkyRadioGroupValueClearedDetail>} value-cleared - Fired when `reset()` clears selection.
+ * @fires {CustomEvent<SkyRadioGroupIconClickDetail>} left-icon-click - Fired when the left icon slot is clicked.
+ * @fires {CustomEvent<SkyRadioGroupIconClickDetail>} right-icon-click - Fired when the right icon slot is clicked.
+ * @fires {Event} change - Native change event for form compatibility.
+ * @fires {Event} input - Native input event for form compatibility.
+ * @method setValue Sets selected radio value programmatically.
+ * @method reset Clears selection and validation state.
+ *
+ * @Behavior
+ * - Listens to child `radio-select` events and keeps a single selected value.
+ * - Mirrors `name`, `disabled`, and `readonly` state to child radios.
+ * - Integrates with `FormControlBase` for form value and validation handling.
+ *
+ * @example
+ * ```html
+ * <sky-radio-group label="Notification Channel" name="channel" value="email" layout="column" required show-errors validation-active>
+ *   <sky-radio value="email">Email</sky-radio>
+ *   <sky-radio value="sms">SMS</sky-radio>
+ *   <sky-radio value="push">Push Notification</sky-radio>
+ * </sky-radio-group>
+ * ```
+ * ```vue
+ * <template>
+ *   <sky-radio-group label="Notification Channel" name="channel" value="email" layout="column" required show-errors validation-active>
+ *     <sky-radio value="email">Email</sky-radio>
+ *     <sky-radio value="sms">SMS</sky-radio>
+ *     <sky-radio value="push">Push Notification</sky-radio>
+ *   </sky-radio-group>
+ * </template>
+ * ```
+ * ```jsx
+ * export default function Demo() {
+ *   return (
+ *     <sky-radio-group label="Notification Channel" name="channel" value="email" layout="column" required show-errors validation-active>
+ *       <sky-radio value="email">Email</sky-radio>
+ *       <sky-radio value="sms">SMS</sky-radio>
+ *       <sky-radio value="push">Push Notification</sky-radio>
+ *     </sky-radio-group>
+ *   );
+ * }
+ * ```
+ */
+export declare class SkyRadioGroup extends FormControlBase {
+    /** Currently selected value. */
+    value: string;
+    setValue(value: string): void;
+    /** Optional group label text. */
+    label: string;
+    /** Layout direction for options: `row` or `column`. */
+    layout: SkyRadioGroupLayout;
+    /** Enables bordered glass effect around the group. */
+    shadow: boolean;
+    /** Stacks label/icons and options vertically for constrained widths. */
+    force: boolean;
+    /** Current validation errors. */
+    validationErrors: string[];
+    /** Whether a selection is required. */
+    required: boolean;
+    /** Whether validation state is active. */
+    validationActive: boolean;
+    /** Message to use when required validation fails. */
+    requiredMessage: string;
+    /** Whether to render the error text. */
+    showErrors: boolean;
+    /** Optional text prefix before the label. */
+    prefix: string;
+    /** Optional text suffix after the label. */
+    suffix: string;
+    /** Color for the label prefix text. */
+    prefixColor: string;
+    /** Color for the label suffix text. */
+    suffixColor: string;
+    /** Disables interaction for the whole group. */
+    disabled: boolean;
+    color: string;
+    readonly: boolean;
+    invalid: boolean;
+    variant: SkyRadioGroupVariant;
+    constructor();
+    static styles: import("lit").CSSResult;
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        clonable?: boolean;
+        customElementRegistry?: CustomElementRegistry;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
+    firstUpdated(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    /** Handle a child `radio-select` event and update selection. */
+    private handleChange;
+    /** Validate required selection and surface errors. */
+    validateInput(value?: string | null): boolean;
+    focus(): void;
+    /** Clear selection and error state, and notify listeners. */
+    reset(): void;
+    /** Keep child checked states in sync with the group's `value`. */
+    private updateCheckedState;
+    /** Apply name/disabled/readonly down to children. */
+    private syncChildRadios;
+    private _radioSelectHandler;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /** Emit which icon was clicked (left/right). */
+    private handleIconClick;
+    /** Get the current value for form submission */
+    protected getFormValue(): FormState;
+    /** Set value from form state (e.g., form reset) */
+    protected setValueFromFormState(state: FormState): void;
+    /** Get the validity anchor (the first radio input) */
+    protected getValidityAnchor(): HTMLElement | undefined;
+    /** Check if empty (for required validation) */
+    protected isEmpty(): boolean;
+    /** Get the native control (first radio's input) */
+    protected getNativeControl(): HTMLElement | null;
+    /** Override to provide custom error messages */
+    protected getCustomErrorMessage(): string;
+    protected onFormReset(): void;
+    /** Built-in group label row (prop); whitespace-only counts as absent for slot-only mode. */
+    private get _usesBuiltinGroupLabel();
+    render(): import("lit-html").TemplateResult<1>;
+}