@uplynk/lynk-design 1.12.1 → 1.14.0

package/cdn/translations/zh-tw.js

@@ -1,44 +1 @@
-import "../chunks/chunk.VS2OBD6I.js";
-import {
-  registerTranslation
-} from "../chunks/chunk.FYVOT65L.js";
-import "../chunks/chunk.QIOX6AG5.js";
-
-// src/translations/zh-tw.ts
-var translation = {
-  $code: "zh-tw",
-  $name: "\u6B63\u9AD4\u4E2D\u6587",
-  $dir: "ltr",
-  carousel: "\u65CB\u8F49\u6728\u99AC",
-  clearEntry: "\u6E05\u7A7A",
-  close: "\u95DC\u9589",
-  copied: "\u5DF2\u5FA9\u5236",
-  copy: "\u8907\u88FD",
-  currentValue: "\u7576\u524D\u503C",
-  error: "\u932F\u8AA4",
-  goToSlide: (slide, count) => `\u8F49\u5230\u7B2C ${slide} \u5F35\u5E7B\u71C8\u7247\uFF0C\u5171 ${count} \u5F35`,
-  hidePassword: "\u96B1\u85CF\u5BC6\u78BC",
-  loading: "\u8F09\u5165\u4E2D",
-  nextSlide: "\u4E0B\u4E00\u5F35\u5E7B\u71C8\u7247",
-  numOptionsSelected: (num) => {
-    if (num === 0) return "\u672A\u9078\u64C7\u4EFB\u4F55\u9805\u76EE";
-    if (num === 1) return "\u5DF2\u9078\u64C7 1 \u500B\u9805\u76EE";
-    return `${num} \u9078\u64C7\u9805\u76EE`;
-  },
-  previousSlide: "\u4E0A\u4E00\u5F35\u5E7B\u71C8\u7247",
-  progress: "\u9032\u5EA6",
-  remove: "\u79FB\u9664",
-  resize: "\u8ABF\u6574\u5927\u5C0F",
-  scrollableRegion: "\u53EF\u6EDA\u52A8\u533A\u57DF",
-  scrollToEnd: "\u6372\u81F3\u9801\u5C3E",
-  scrollToStart: "\u6372\u81F3\u9801\u9996",
-  selectAColorFromTheScreen: "\u5F9E\u87A2\u5E55\u4E2D\u9078\u64C7\u4E00\u7A2E\u984F\u8272",
-  showPassword: "\u986F\u793A\u5BC6\u78BC",
-  slideNum: (slide) => `\u5E7B\u71C8\u7247 ${slide}`,
-  toggleColorFormat: "\u5207\u63DB\u984F\u8272\u683C\u5F0F"
-};
-registerTranslation(translation);
-var zh_tw_default = translation;
-export {
-  zh_tw_default as default
-};
+import"../chunks/chunk.Q3J7P2MZ.js";import{a as e}from"../chunks/chunk.B3TDJ4MN.js";import"../chunks/chunk.FI4IKBIW.js";var o={$code:"zh-tw",$name:"\u6B63\u9AD4\u4E2D\u6587",$dir:"ltr",carousel:"\u65CB\u8F49\u6728\u99AC",clearEntry:"\u6E05\u7A7A",close:"\u95DC\u9589",copied:"\u5DF2\u5FA9\u5236",copy:"\u8907\u88FD",currentValue:"\u7576\u524D\u503C",error:"\u932F\u8AA4",goToSlide:(r,l)=>`\u8F49\u5230\u7B2C ${r} \u5F35\u5E7B\u71C8\u7247\uFF0C\u5171 ${l} \u5F35`,hidePassword:"\u96B1\u85CF\u5BC6\u78BC",loading:"\u8F09\u5165\u4E2D",nextSlide:"\u4E0B\u4E00\u5F35\u5E7B\u71C8\u7247",numOptionsSelected:r=>r===0?"\u672A\u9078\u64C7\u4EFB\u4F55\u9805\u76EE":r===1?"\u5DF2\u9078\u64C7 1 \u500B\u9805\u76EE":`${r} \u9078\u64C7\u9805\u76EE`,previousSlide:"\u4E0A\u4E00\u5F35\u5E7B\u71C8\u7247",progress:"\u9032\u5EA6",remove:"\u79FB\u9664",resize:"\u8ABF\u6574\u5927\u5C0F",scrollableRegion:"\u53EF\u6EDA\u52A8\u533A\u57DF",scrollToEnd:"\u6372\u81F3\u9801\u5C3E",scrollToStart:"\u6372\u81F3\u9801\u9996",selectAColorFromTheScreen:"\u5F9E\u87A2\u5E55\u4E2D\u9078\u64C7\u4E00\u7A2E\u984F\u8272",showPassword:"\u986F\u793A\u5BC6\u78BC",slideNum:r=>`\u5E7B\u71C8\u7247 ${r}`,toggleColorFormat:"\u5207\u63DB\u984F\u8272\u683C\u5F0F"};e(o);var i=o;export{i as default};

package/cdn/types/vue/index.d.ts

@@ -1,12 +1,12 @@
 import type { DefineComponent } from "vue";
 
 import type { LynkAccordion } from "../../components/accordion/accordion.component.js";
-import type { LynkAlert } from "../../components/alert/alert.component.js";
-import type { LynkAutoGrid } from "../../components/auto-grid/auto-grid.component.js";
 import type { LynkAnimation } from "../../components/animation/animation.component.js";
+import type { LynkAutoGrid } from "../../components/auto-grid/auto-grid.component.js";
+import type { LynkAlert } from "../../components/alert/alert.component.js";
 import type { LynkAvatar } from "../../components/avatar/avatar.component.js";
-import type { LynkBox } from "../../components/box/box.component.js";
 import type { LynkBadge } from "../../components/badge/badge.component.js";
+import type { LynkBox } from "../../components/box/box.component.js";
 import type { LynkBreadcrumb } from "../../components/breadcrumb/breadcrumb.component.js";
 import type { LynkBreadcrumbItem } from "../../components/breadcrumb-item/breadcrumb-item.component.js";
 import type { LynkButton } from "../../components/button/button.component.js";
@@ -16,8 +16,8 @@ import type { LynkCard } from "../../components/card/card.component.js";
 import type { LynkCheckbox } from "../../components/checkbox/checkbox.component.js";
 import type { LynkClock } from "../../components/clock/clock.component.js";
 import type { LynkCol } from "../../components/col/col.component.js";
-import type { LynkColGroup } from "../../components/colgroup/colgroup.component.js";
 import type { LynkColorPicker } from "../../components/color-picker/color-picker.component.js";
+import type { LynkColGroup } from "../../components/colgroup/colgroup.component.js";
 import type { LynkCombobox } from "../../components/combobox/combobox.component.js";
 import type { LynkCopyButton } from "../../components/copy-button/copy-button.component.js";
 import type { LynkDatePicker } from "../../components/date-picker/date-picker.component.js";
@@ -94,48 +94,12 @@ import type { LynkWisp } from "../../components/wisp/wisp.component.js";
 type LynkAccordionProps = {
   /** Allow multiple panels to be open at the same time or automatically collapse other panels */
   multiple?: LynkAccordion["multiple"];
-  /** Allow multiple panels to be open at the same time or automatically collapse other panels */
+  /** Control the visual density of the accordion */
   density?: LynkAccordion["density"];
-  /** Allow multiple panels to be open at the same time or automatically collapse other panels */
+  /** Control the border radius shape of the accordion panels */
   shape?: LynkAccordion["shape"];
 };
 
-type LynkAlertProps = {
-  /** Indicates whether or not the alert is open. You can use this in lieu of the show/hide methods. */
-  open?: LynkAlert["open"];
-  /** Makes the alert closable. */
-  closable?: LynkAlert["closable"];
-  /** The alert's type (color). */
-  type?: LynkAlert["type"];
-  /** The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with
-the alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`. */
-  duration?: LynkAlert["duration"];
-  /** Enables a countdown that indicates the remaining time the alert will be displayed.
-Typically used to indicate the remaining time before a whole app refresh. */
-  countdown?: LynkAlert["countdown"];
-  /**  */
-  base?: LynkAlert["base"];
-  /**  */
-  countdownElement?: LynkAlert["countdownElement"];
-  /** Emitted when the alert opens. */
-  "onev-show"?: (e: CustomEvent<never>) => void;
-  /** Emitted after the alert opens and all animations are complete. */
-  "onev-after-show"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the alert closes. */
-  "onev-hide"?: (e: CustomEvent<never>) => void;
-  /** Emitted after the alert closes and all animations are complete. */
-  "onev-after-hide"?: (e: CustomEvent<never>) => void;
-};
-
-type LynkAutoGridProps = {
-  /** How to justify auto-grid items */
-  "auto-size"?: LynkAutoGrid["autoSize"];
-  /** How to align auto-grid items to each-other */
-  "min-size"?: LynkAutoGrid["minSize"];
-  /** The space between auto-grid items. Use spacing tokens or any custom size. */
-  gap?: LynkAutoGrid["gap"];
-};
-
 type LynkAnimationProps = {
   /** The name of the built-in animation to use. For custom animations, use the `keyframes` prop. */
   name?: LynkAnimation["name"];
@@ -177,6 +141,42 @@ value can be changed without causing the animation to restart. */
   "onev-start"?: (e: CustomEvent<never>) => void;
 };
 
+type LynkAutoGridProps = {
+  /** How to justify auto-grid items */
+  "auto-size"?: LynkAutoGrid["autoSize"];
+  /** How to align auto-grid items to each-other */
+  "min-size"?: LynkAutoGrid["minSize"];
+  /** The space between auto-grid items. Use spacing tokens or any custom size. */
+  gap?: LynkAutoGrid["gap"];
+};
+
+type LynkAlertProps = {
+  /** Indicates whether or not the alert is open. You can use this in lieu of the show/hide methods. */
+  open?: LynkAlert["open"];
+  /** Makes the alert closable. */
+  closable?: LynkAlert["closable"];
+  /** The alert's type (color). */
+  type?: LynkAlert["type"];
+  /** The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with
+the alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`. */
+  duration?: LynkAlert["duration"];
+  /** Enables a countdown that indicates the remaining time the alert will be displayed.
+Typically used to indicate the remaining time before a whole app refresh. */
+  countdown?: LynkAlert["countdown"];
+  /**  */
+  base?: LynkAlert["base"];
+  /**  */
+  countdownElement?: LynkAlert["countdownElement"];
+  /** Emitted when the alert opens. */
+  "onev-show"?: (e: CustomEvent<never>) => void;
+  /** Emitted after the alert opens and all animations are complete. */
+  "onev-after-show"?: (e: CustomEvent<never>) => void;
+  /** Emitted when the alert closes. */
+  "onev-hide"?: (e: CustomEvent<never>) => void;
+  /** Emitted after the alert closes and all animations are complete. */
+  "onev-after-hide"?: (e: CustomEvent<never>) => void;
+};
+
 type LynkAvatarProps = {
   /** The image source to use for the avatar. */
   image?: LynkAvatar["image"];
@@ -193,8 +193,6 @@ type LynkAvatarProps = {
   "onev-error"?: (e: CustomEvent<never>) => void;
 };
 
-type LynkBoxProps = {};
-
 type LynkBadgeProps = {
   /** The badge's variant. */
   type?: LynkBadge["type"];
@@ -204,6 +202,8 @@ type LynkBadgeProps = {
   pulse?: LynkBadge["pulse"];
 };
 
+type LynkBoxProps = {};
+
 type LynkBreadcrumbProps = {
   /** The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by
 screen readers and other assistive devices to provide more context for users. */
@@ -447,8 +447,6 @@ type LynkClockProps = {
 
 type LynkColProps = {};
 
-type LynkColGroupProps = {};
-
 type LynkColorPickerProps = {
   /** The current value of the color picker. The value's format will vary based the `format` attribute. To get the value
 in a specific format, use the `getFormattedValue()` method. The value is submitted as a name/value pair with form
@@ -517,6 +515,8 @@ the same document or shadow root for this to work. */
   "onev-invalid"?: (e: CustomEvent<never>) => void;
 };
 
+type LynkColGroupProps = {};
+
 type LynkComboboxProps = {
   /** The name of the combobox, submitted as a name/value pair with form data. */
   name?: LynkCombobox["name"];
@@ -787,6 +787,12 @@ inside of the viewport. */
   /**  */
   timeInput?: LynkDateTimePicker["timeInput"];
   /**  */
+  hourInput?: LynkDateTimePicker["hourInput"];
+  /**  */
+  minuteInput?: LynkDateTimePicker["minuteInput"];
+  /**  */
+  secondInput?: LynkDateTimePicker["secondInput"];
+  /**  */
   isOpen?: LynkDateTimePicker["isOpen"];
   /** Gets or sets the default value used to reset this element. */
   defaultValue?: LynkDateTimePicker["defaultValue"];
@@ -2071,6 +2077,8 @@ setting the attribute to an empty string or a value of your choice, respectively
 type LynkTabGroupProps = {
   /** The placement of the tabs. */
   placement?: LynkTabGroup["placement"];
+  /** The visual appearance of the tabs. */
+  appearance?: LynkTabGroup["appearance"];
   /** When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to
 manual, the tab will receive focus but will not show until the user presses spacebar or enter. */
   activation?: LynkTabGroup["activation"];
@@ -2086,7 +2094,7 @@ manual, the tab will receive focus but will not show until the user presses spac
   nav?: LynkTabGroup["nav"];
   /**  */
   indicator?: LynkTabGroup["indicator"];
-  /** Emitted when a tab is shown. */
+  /** Emitted when a tab is shown. Calling `event.preventDefault()` will prevent the tab from being shown, allowing you to handle scenarios like unsaved changes before navigating away. */
   "onev-tab-show"?: (e: CustomEvent<{ name: String }>) => void;
   /** Emitted when a tab is hidden. */
   "onev-tab-hide"?: (e: CustomEvent<{ name: String }>) => void;
@@ -2290,6 +2298,14 @@ type LynkTimePickerProps = {
   /**  */
   timeInput?: LynkTimePicker["timeInput"];
   /**  */
+  hourInput?: LynkTimePicker["hourInput"];
+  /**  */
+  minuteInput?: LynkTimePicker["minuteInput"];
+  /**  */
+  secondInput?: LynkTimePicker["secondInput"];
+  /**  */
+  hiddenInput?: LynkTimePicker["hiddenInput"];
+  /**  */
   isOpen?: LynkTimePicker["isOpen"];
   /** Gets or sets the default value used to reset this element. */
   defaultValue?: LynkTimePicker["defaultValue"];
@@ -2449,40 +2465,23 @@ export type CustomElements = {
   "lynk-accordion": DefineComponent<LynkAccordionProps>;
 
   /**
-   * Alerts are used to display important messages inline or as toast notifications.
+   * Animate elements declaratively with nearly 100 baked-in presets, or roll your own with custom keyframes. Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).
    * ---
    *
    *
    * ### **Events:**
-   *  - **ev-show** - Emitted when the alert opens.
-   * - **ev-after-show** - Emitted after the alert opens and all animations are complete.
-   * - **ev-hide** - Emitted when the alert closes.
-   * - **ev-after-hide** - Emitted after the alert closes and all animations are complete.
+   *  - **ev-cancel** - Emitted when the animation is canceled.
+   * - **ev-finish** - Emitted when the animation finishes.
+   * - **ev-start** - Emitted when the animation starts or restarts.
    *
    * ### **Methods:**
-   *  - **show()** - Shows the alert.
-   * - **hide()** - Hides the alert
-   * - **toast()** - Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when
-   * dismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by
-   * calling this method again. The returned promise will resolve after the alert is hidden.
+   *  - **cancel()** - Clears all KeyframeEffects caused by this animation and aborts its playback.
+   * - **finish()** - Sets the playback time to the end of the animation corresponding to the current playback direction.
    *
    * ### **Slots:**
-   *  - _default_ - The alert's content.
-   * - **icon** - An icon to show in the alert.
-   * - **action** - Append custom actions to alert.
-   *
-   * ### **CSS Properties:**
-   *  - **--box-shadow** - The alert's box shadow. _(default: undefined)_
-   * - **--padding** - The top and bottom padding of the message. Use any spacing token (--lynk-spacing-large) or a custom value. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's internal block wrapper.
-   * - **icon** - The container that wraps the alert icon.
-   * - **message** - The alert message.
-   * - **close-button** - The close button.
-   * - **close-button__base** - The close button's `base` part.
+   *  - _default_ - The element to animate. Avoid slotting in more than one element, as subsequent ones will be ignored. To animate multiple elements, either wrap them in a single container or use multiple `<lynk-animation>` elements.
    */
-  "lynk-alert": DefineComponent<LynkAlertProps>;
+  "lynk-animation": DefineComponent<LynkAnimationProps>;
 
   /**
    * A simple automatic two-dimensional grid-based layout system based off CSS Grid spec.
@@ -2502,23 +2501,40 @@ export type CustomElements = {
   "lynk-auto-grid": DefineComponent<LynkAutoGridProps>;
 
   /**
-   * Animate elements declaratively with nearly 100 baked-in presets, or roll your own with custom keyframes. Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).
+   * Alerts are used to display important messages inline or as toast notifications.
    * ---
    *
    *
    * ### **Events:**
-   *  - **ev-cancel** - Emitted when the animation is canceled.
-   * - **ev-finish** - Emitted when the animation finishes.
-   * - **ev-start** - Emitted when the animation starts or restarts.
+   *  - **ev-show** - Emitted when the alert opens.
+   * - **ev-after-show** - Emitted after the alert opens and all animations are complete.
+   * - **ev-hide** - Emitted when the alert closes.
+   * - **ev-after-hide** - Emitted after the alert closes and all animations are complete.
    *
    * ### **Methods:**
-   *  - **cancel()** - Clears all KeyframeEffects caused by this animation and aborts its playback.
-   * - **finish()** - Sets the playback time to the end of the animation corresponding to the current playback direction.
+   *  - **show()** - Shows the alert.
+   * - **hide()** - Hides the alert
+   * - **toast()** - Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when
+   * dismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by
+   * calling this method again. The returned promise will resolve after the alert is hidden.
    *
    * ### **Slots:**
-   *  - _default_ - The element to animate. Avoid slotting in more than one element, as subsequent ones will be ignored. To animate multiple elements, either wrap them in a single container or use multiple `<lynk-animation>` elements.
+   *  - _default_ - The alert's content.
+   * - **icon** - An icon to show in the alert.
+   * - **action** - Append custom actions to alert.
+   *
+   * ### **CSS Properties:**
+   *  - **--box-shadow** - The alert's box shadow. _(default: undefined)_
+   * - **--padding** - The top and bottom padding of the message. Use any spacing token (--lynk-spacing-large) or a custom value. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's internal block wrapper.
+   * - **icon** - The container that wraps the alert icon.
+   * - **message** - The alert message.
+   * - **close-button** - The close button.
+   * - **close-button__base** - The close button's `base` part.
    */
-  "lynk-animation": DefineComponent<LynkAnimationProps>;
+  "lynk-alert": DefineComponent<LynkAlertProps>;
 
   /**
    * Avatars are used to represent a person or object.
@@ -2541,6 +2557,24 @@ export type CustomElements = {
    */
   "lynk-avatar": DefineComponent<LynkAvatarProps>;
 
+  /**
+   * Badges are used to draw attention and display statuses or counts.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - The badge's content.
+   *
+   * ### **CSS Properties:**
+   *  - **--background-color** - The badges background and pulse color. _(default: undefined)_
+   * - **--color** - The badges text color. _(default: undefined)_
+   * - **--pulse-speed** - The badges pulse speed in seconds or ms. Default is 1.5s. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's internal wrapper.
+   */
+  "lynk-badge": DefineComponent<LynkBadgeProps>;
+
   /**
    *
    * ---
@@ -2566,24 +2600,6 @@ export type CustomElements = {
    */
   "lynk-box": DefineComponent<LynkBoxProps>;
 
-  /**
-   * Badges are used to draw attention and display statuses or counts.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - The badge's content.
-   *
-   * ### **CSS Properties:**
-   *  - **--background-color** - The badges background and pulse color. _(default: undefined)_
-   * - **--color** - The badges text color. _(default: undefined)_
-   * - **--pulse-speed** - The badges pulse speed in seconds or ms. Default is 1.5s. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's internal wrapper.
-   */
-  "lynk-badge": DefineComponent<LynkBadgeProps>;
-
   /**
    * Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.
    * ---
@@ -2813,19 +2829,6 @@ export type CustomElements = {
    */
   "lynk-col": DefineComponent<LynkColProps>;
 
-  /**
-   * Table `<lynk-colgroup>` components will behave like a native `<colgroup>` HTML element within a `<lynk-table>`.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - Should contain 1 or more `<lynk-col>` components.
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's internal wrapper.
-   */
-  "lynk-colgroup": DefineComponent<LynkColGroupProps>;
-
   /**
    * Color pickers allow the user to select a color.
    * ---
@@ -2888,6 +2891,19 @@ export type CustomElements = {
    */
   "lynk-color-picker": DefineComponent<LynkColorPickerProps>;
 
+  /**
+   * Table `<lynk-colgroup>` components will behave like a native `<colgroup>` HTML element within a `<lynk-table>`.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - Should contain 1 or more `<lynk-col>` components.
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's internal wrapper.
+   */
+  "lynk-colgroup": DefineComponent<LynkColGroupProps>;
+
   /**
    * Comboboxes allow you to choose items from a menu of predefined options.
    * ---
@@ -3047,6 +3063,9 @@ export type CustomElements = {
    * - **input-group** - The input group container.
    * - **date-input** - The date input field.
    * - **time-input** - The time input field.
+   * - **hour-input** - The hour number input (24h mode).
+   * - **minute-input** - The minute number input (24h mode).
+   * - **second-input** - The second number input (24h mode).
    * - **trigger** - The dropdown trigger button.
    * - **dropdown** - The dropdown panel.
    * - **calendar** - The calendar component.
@@ -4273,7 +4292,7 @@ export type CustomElements = {
    *
    *
    * ### **Events:**
-   *  - **ev-tab-show** - Emitted when a tab is shown.
+   *  - **ev-tab-show** - Emitted when a tab is shown. Calling `event.preventDefault()` will prevent the tab from being shown, allowing you to handle scenarios like unsaved changes before navigating away.
    * - **ev-tab-hide** - Emitted when a tab is hidden.
    *
    * ### **Methods:**
@@ -4287,6 +4306,9 @@ export type CustomElements = {
    *  - **--indicator-color** - The color of the active tab indicator. _(default: undefined)_
    * - **--track-color** - The color of the indicator's track (the line that separates tabs from panels). _(default: undefined)_
    * - **--track-width** - The width of the indicator's track (the line that separates tabs from panels). _(default: undefined)_
+   * - **--pill-background** - The background color of the pill container when appearance is pill. _(default: undefined)_
+   * - **--pill-active-background** - The background color of the active pill tab. _(default: undefined)_
+   * - **--pill-active-color** - The text color of the active pill tab. _(default: undefined)_
    *
    * ### **CSS Parts:**
    *  - **base** - The component's internal wrapper.
@@ -4462,6 +4484,9 @@ export type CustomElements = {
    * - **form-control-help-text** - The help text wrapper.
    * - **input-group** - The input group container.
    * - **time-input** - The time input field.
+   * - **hour-input** - The hour number input (24h mode).
+   * - **minute-input** - The minute number input (24h mode).
+   * - **second-input** - The second number input (24h mode).
    * - **trigger** - The dropdown trigger button.
    * - **dropdown** - The dropdown panel.
    * - **clock** - The clock component.

package/cdn/utilities/animation-registry.js

@@ -1,11 +1 @@
-import {
-  getAnimation,
-  setAnimation,
-  setDefaultAnimation
-} from "../chunks/chunk.JSLXCIMZ.js";
-import "../chunks/chunk.QIOX6AG5.js";
-export {
-  getAnimation,
-  setAnimation,
-  setDefaultAnimation
-};
+import{a,b,c}from"../chunks/chunk.DCN42ZX4.js";import"../chunks/chunk.FI4IKBIW.js";export{c as getAnimation,b as setAnimation,a as setDefaultAnimation};

package/cdn/utilities/animation.js

@@ -1,10 +1 @@
-import "../chunks/chunk.QL5C2XOW.js";
-import {
-  getAnimationNames,
-  getEasingNames
-} from "../chunks/chunk.ONSYMX7B.js";
-import "../chunks/chunk.QIOX6AG5.js";
-export {
-  getAnimationNames,
-  getEasingNames
-};
+import"../chunks/chunk.QL5C2XOW.js";import{b as a,c as b}from"../chunks/chunk.5MH2SKQ3.js";import"../chunks/chunk.FI4IKBIW.js";export{a as getAnimationNames,b as getEasingNames};

package/cdn/utilities/base-path.js

@@ -1,9 +1 @@
-import {
-  getBasePath,
-  setBasePath
-} from "../chunks/chunk.YOMDZYX5.js";
-import "../chunks/chunk.QIOX6AG5.js";
-export {
-  getBasePath,
-  setBasePath
-};
+import{a,b}from"../chunks/chunk.3S3PJQES.js";import"../chunks/chunk.FI4IKBIW.js";export{b as getBasePath,a as setBasePath};

package/cdn/utilities/form.js

@@ -1,10 +1 @@
-import {
-  getFormControls,
-  serialize
-} from "../chunks/chunk.MC76BLYJ.js";
-import "../chunks/chunk.2LNQMRJE.js";
-import "../chunks/chunk.QIOX6AG5.js";
-export {
-  getFormControls,
-  serialize
-};
+import{a,b}from"../chunks/chunk.GXZM3C33.js";import"../chunks/chunk.V7E6ITFP.js";import"../chunks/chunk.FI4IKBIW.js";export{b as getFormControls,a as serialize};

package/cdn/utilities/icon-library.js

@@ -1,13 +1 @@
-import "../chunks/chunk.HAL7R4WT.js";
-import {
-  registerIconLibrary,
-  unregisterIconLibrary
-} from "../chunks/chunk.ZGZZZ6WN.js";
-import "../chunks/chunk.MBGTEG7M.js";
-import "../chunks/chunk.325EGD4Y.js";
-import "../chunks/chunk.YOMDZYX5.js";
-import "../chunks/chunk.QIOX6AG5.js";
-export {
-  registerIconLibrary,
-  unregisterIconLibrary
-};
+import"../chunks/chunk.HAL7R4WT.js";import{d as a,e as b}from"../chunks/chunk.RPMI4TOD.js";import"../chunks/chunk.VUIP7H7J.js";import"../chunks/chunk.XDRXCRKV.js";import"../chunks/chunk.3S3PJQES.js";import"../chunks/chunk.FI4IKBIW.js";export{a as registerIconLibrary,b as unregisterIconLibrary};

package/cdn/utilities/localize.js

@@ -1,11 +1 @@
-import {
-  LocalizeController
-} from "../chunks/chunk.VS2OBD6I.js";
-import {
-  registerTranslation
-} from "../chunks/chunk.FYVOT65L.js";
-import "../chunks/chunk.QIOX6AG5.js";
-export {
-  LocalizeController,
-  registerTranslation
-};
+import{a as b}from"../chunks/chunk.Q3J7P2MZ.js";import{a}from"../chunks/chunk.B3TDJ4MN.js";import"../chunks/chunk.FI4IKBIW.js";export{b as LocalizeController,a as registerTranslation};

package/cdn/utilities/vue-binding-directive.js

@@ -1,41 +1 @@
-import "../chunks/chunk.QIOX6AG5.js";
-
-// src/utilities/vue-binding-directive.ts
-var vue_binding_directive_default = {
-  name: "vue-lynk-model",
-  install: (app, _options) => {
-    const wm = /* @__PURE__ */ new WeakMap();
-    app.directive("l-model", {
-      beforeMount(el, binding) {
-        var _a;
-        const eventName = el.tagName === "LYNK-SELECT" ? "ev-change" : "input";
-        const inputHandler = function(event) {
-          const target = event.target;
-          if (binding.instance && binding.value) {
-            binding.instance[binding.value] = target.value;
-          }
-        };
-        wm.set(el, inputHandler);
-        const inputElement = el;
-        inputElement.value = (_a = binding.value) != null ? _a : "";
-        inputElement.addEventListener(eventName, inputHandler);
-      },
-      updated(el, binding) {
-        var _a;
-        const inputElement = el;
-        inputElement.value = (_a = binding.value) != null ? _a : "";
-      },
-      unmounted(el) {
-        const inputHandler = wm.get(el);
-        if (inputHandler) {
-          const eventName = el.tagName === "LYNK-SELECT" ? "ev-change" : "input";
-          el.removeEventListener(eventName, inputHandler);
-          wm.delete(el);
-        }
-      }
-    });
-  }
-};
-export {
-  vue_binding_directive_default as default
-};
+import"../chunks/chunk.FI4IKBIW.js";var c={name:"vue-lynk-model",install:(o,i)=>{let s=new WeakMap;o.directive("l-model",{beforeMount(e,t){var u;let n=e.tagName==="LYNK-SELECT"?"ev-change":"input",a=function(m){let v=m.target;t.instance&&t.value&&(t.instance[t.value]=v.value)};s.set(e,a);let l=e;l.value=(u=t.value)!=null?u:"",l.addEventListener(n,a)},updated(e,t){var a;let n=e;n.value=(a=t.value)!=null?a:""},unmounted(e){let t=s.get(e);if(t){let n=e.tagName==="LYNK-SELECT"?"ev-change":"input";e.removeEventListener(n,t),s.delete(e)}}})}};export{c as default};