@knitify/vue 1.0.0 → 2.1.0

package/dist/types/components/index.d.ts

@@ -1,8 +1,15 @@
 export { accordionGroupKey } from './Accordion/keys';
 export { chatBusyKey } from './Chat/keys';
+export { chatDockKey } from './ChatDock/keys';
+export { chatDockStoreKey, injectChatDock, provideChatDock, } from './ChatDock/store-keys';
+export { useChatDock } from './ChatDock/useChatDock';
+export { fieldKey } from './Field/keys';
+export { useFieldControl } from '../utils/useFieldControl';
 export { default as KAccordion } from './Accordion/KAccordion.vue';
 export { default as KAccordionItem } from './Accordion/KAccordionItem.vue';
 export { default as KAlert } from './Alert/KAlert.vue';
+export { default as KArticleList } from './ArticleList/KArticleList.vue';
+export { default as KArticleListItem } from './ArticleList/KArticleListItem.vue';
 export { default as KAvatar } from './Avatar/KAvatar.vue';
 export { default as KAvatarGroup } from './Avatar/KAvatarGroup.vue';
 export { default as KBadge } from './Badge/KBadge.vue';
@@ -12,18 +19,32 @@ export { default as KButton } from './Button/KButton.vue';
 export { default as KCalendar } from './Calendar/KCalendar.vue';
 export { default as KCard } from './Card/KCard.vue';
 export { default as KChat } from './Chat/KChat.vue';
+export { default as KChatDock } from './ChatDock/KChatDock.vue';
+export { default as KChatDockItem } from './ChatDock/KChatDockItem.vue';
+export { default as KChatDockPanel } from './ChatDock/KChatDockPanel.vue';
+export { default as KChatDivider } from './Chat/KChatDivider.vue';
+export { default as KMessenger } from './ChatDock/KMessenger.vue';
 export { default as KChatMessage } from './Chat/KChatMessage.vue';
+export { default as KChatMessageActions } from './Chat/KChatMessageActions.vue';
 export { default as KChatMessages } from './Chat/KChatMessages.vue';
+export { default as KChatNotice } from './Chat/KChatNotice.vue';
 export { default as KChatPrompt } from './Chat/KChatPrompt.vue';
 export { default as KChatShimmer } from './Chat/KChatShimmer.vue';
+export { default as KChatWindow } from './ChatDock/KChatWindow.vue';
+export { default as KChatNewWindow } from './ChatDock/KChatNewWindow.vue';
 export { default as KCheckbox } from './Checkbox/KCheckbox.vue';
 export { default as KCollapse } from './Collapse/KCollapse.vue';
 export { default as KContainer } from './Container/KContainer.vue';
+export { default as KDateInput } from './DateInput/KDateInput.vue';
+export { default as KDateRangeInput } from './DateInput/KDateRangeInput.vue';
+export { default as KDivider } from './Divider/KDivider.vue';
 export { default as KDrawer } from './Drawer/KDrawer.vue';
 export { default as KDropdown } from './Dropdown/KDropdown.vue';
 export { default as KDropdownItem } from './Dropdown/KDropdownItem.vue';
 export { default as KDropdownMenu } from './Dropdown/KDropdownMenu.vue';
+export { default as KField } from './Field/KField.vue';
 export { default as KFileTree } from './FileTree/KFileTree.vue';
+export { default as KFlex } from './Flex/KFlex.vue';
 export { default as KGrid } from './Grid/KGrid.vue';
 export { default as KGridColumn } from './Grid/KGridColumn.vue';
 export { default as KGridRow } from './Grid/KGridRow.vue';
@@ -36,15 +57,28 @@ export { default as KNavbar } from './Navbar/KNavbar.vue';
 export { default as KNavbarMenu } from './Navbar/KNavbarMenu.vue';
 export { default as KNotificationList } from './NotificationList/KNotificationList.vue';
 export { default as KNotificationListItem } from './NotificationList/KNotificationListItem.vue';
+export { default as KPagination } from './Pagination/KPagination.vue';
 export { default as KPopover } from './Popover/KPopover.vue';
 export { default as KProgress } from './Progress/KProgress.vue';
 export { default as KRadio } from './Radio/KRadio.vue';
+export { default as KRadioCard } from './RadioCard/KRadioCard.vue';
+export { default as KRadioCardGroup } from './RadioCard/KRadioCardGroup.vue';
+export { default as KSearchInput } from './SearchInput/KSearchInput.vue';
+export { default as KSegmentedButton } from './SegmentedButtons/KSegmentedButton.vue';
+export { default as KSegmentedButtons } from './SegmentedButtons/KSegmentedButtons.vue';
 export { default as KSelect } from './Select/KSelect.vue';
+export { default as KSkeleton } from './Skeleton/KSkeleton.vue';
+export { default as KSpinner } from './Spinner/KSpinner.vue';
 export { default as KTab } from './Tabs/KTab.vue';
 export { default as KTable } from './Table/KTable.vue';
+export { default as KTableResizer } from './Table/KTableResizer.vue';
 export { default as KTabPanel } from './Tabs/KTabPanel.vue';
 export { default as KTabs } from './Tabs/KTabs.vue';
+export { default as KTagsInput } from './TagsInput/KTagsInput.vue';
+export { default as KTime } from './Time/KTime.vue';
+export { default as KTimeInput } from './TimeInput/KTimeInput.vue';
 export { default as KToggle } from './Toggle/KToggle.vue';
 export { default as KTooltip } from './Tooltip/KTooltip.vue';
+export { vTooltip } from './Tooltip/vTooltip';
 export { default as KWorkspace } from './Workspace/KWorkspace.vue';
 export { useToast } from './Toast/useToast';

package/dist/types/components/types.d.ts

@@ -1,18 +1,28 @@
 export * from './Accordion/types';
 export * from './Alert/types';
+export * from './ArticleList/types';
 export * from './Avatar/types';
 export * from './Badge/types';
 export * from './Breadcrumb/types';
 export * from './Button/types';
 export * from './Calendar/types';
+export * from './DateInput/types';
 export * from './Card/types';
 export * from './Chat/types';
+export type { ChatDockCallResult, ChatDockContext, ChatDockInstance, } from './ChatDock/keys';
+export * from './ChatDock/types';
+export * from './ChatDock/messenger-types';
 export * from './Checkbox/types';
 export * from './Collapse/types';
 export * from './Container/types';
+export * from './Divider/types';
 export * from './Drawer/types';
+export * from './Field/types';
+export type { FieldContext } from './Field/keys';
+export type { UseFieldControlOptions } from '../utils/useFieldControl';
 export * from './Dropdown/types';
 export * from './FileTree/types';
+export * from './Flex/types';
 export * from './Grid/types';
 export * from './Icon/types';
 export * from './Input/types';
@@ -20,12 +30,21 @@ export * from './MenuList/types';
 export * from './Modal/types';
 export * from './Navbar/types';
 export * from './NotificationList/types';
+export * from './Pagination/types';
 export * from './Popover/types';
 export * from './Progress/types';
 export * from './Radio/types';
+export * from './RadioCard/types';
+export * from './SearchInput/types';
+export * from './SegmentedButtons/types';
 export * from './Select/types';
+export * from './Skeleton/types';
+export * from './Spinner/types';
 export * from './Table/types';
 export * from './Tabs/types';
+export * from './TagsInput/types';
+export * from './Time/types';
+export * from './TimeInput/types';
 export * from './Toast/types';
 export * from './Toggle/types';
 export * from './Tooltip/types';

package/dist/types/index.d.ts

@@ -1,4 +1,5 @@
 import { App } from 'vue';
+export * from './types';
 export * from './components/types';
 export * from './components';
 declare const _default: {

package/dist/types/utils/useCoreModule.d.ts

@@ -0,0 +1,30 @@
+import type { ShallowRef } from 'vue';
+type Destroyable = {
+    destroy(): void;
+};
+type Options<Config, Controls> = {
+    root: Readonly<ShallowRef<HTMLElement | null>>;
+    /** Builds the core module on the root. */
+    create: (node: HTMLElement, config: Config) => Controls & Destroyable;
+    /** Read inside a watcher, so every prop it touches triggers a rebuild. */
+    config: () => Config;
+    /** Pushes the current model into a freshly built module. */
+    apply: (instance: Controls) => void;
+    listeners: Record<string, (event: CustomEvent) => void>;
+};
+/**
+ * The lifecycle the form-field wrappers share. Core reads its config once, in
+ * the constructor, so a config change means a rebuild rather than an update.
+ * Vue owns the root; core owns everything it renders inside.
+ */
+export declare function useCoreModule<Config, Controls>({ root, create, config, apply, listeners, }: Options<Config, Controls>): {
+    getInstance: () => Controls | undefined;
+};
+/**
+ * Core disables a field's × while it is empty, but only when it paints. One
+ * the template inserts later takes its state from the root's `is-empty`,
+ * which core keeps current, so it never sits enabled with nothing to clear.
+ * Bound as a function ref: Vue calls it each time the button renders.
+ */
+export declare function syncClearButtonFor(rootSelector: string): (element: unknown) => void;
+export {};

package/dist/types/utils/useDocumentEvent.d.ts

@@ -0,0 +1,19 @@
+import { type Ref } from 'vue';
+export type DocumentEventOptions = {
+    capture?: boolean;
+};
+/**
+ * A `document` listener that exists only while `active` is true.
+ *
+ * Outside-click and Escape cannot be bound to the component's own element —
+ * they are about events that happen elsewhere. Core solves this with a
+ * permanent delegated listener that runs on every click on the page and then
+ * queries the DOM for anything open. Scoping the listener to the open state
+ * instead means a closed component costs nothing, and the handler never has to
+ * ask whether it should be running.
+ *
+ * Registered on the next tick after `active` turns true, so the very click or
+ * keypress that opened the component cannot immediately close it again by
+ * reaching this listener as it bubbles.
+ */
+export declare function useDocumentEvent(active: Ref<boolean>, type: string, handler: (event: any) => void, options?: DocumentEventOptions): void;

package/dist/types/utils/useExclusive.d.ts

@@ -0,0 +1,13 @@
+import { type Ref } from 'vue';
+/**
+ * Opening this overlay closes every other mounted member of `group`.
+ *
+ * Core got this from its delegated toggles, which swept the page — Popover
+ * hiding every other `[data-kt-popover].is-active`, Dropdown and Select calling
+ * `destroyAll`. Once each component binds its own toggle there is no sweep, so
+ * the group replaces it.
+ *
+ * Dropdowns and selects share one group, as they did in core: `Select` extends
+ * `Dropdown`, and opening either closed the other.
+ */
+export declare function useExclusive(group: string, open: Ref<boolean>, close: () => void): void;

package/dist/types/utils/useFieldControl.d.ts

@@ -0,0 +1,25 @@
+type Attrs = Record<string, unknown>;
+export type UseFieldControlOptions = {
+    /** The control's own `disabled` prop. */
+    disabled: () => boolean;
+    /**
+     * The control is a button (KSelect's toggle). A button's name comes from its
+     * content, so it is labelled by the field label plus itself. It takes no
+     * `aria-required`, which ARIA does not allow on a button, so a required
+     * field's hidden "required" text joins its `aria-labelledby` instead.
+     */
+    button?: boolean;
+};
+/**
+ * Merges the enclosing KField's ids and state onto a control's native element.
+ * Outside a KField it hands `baseAttrs` back untouched. Inside a group field
+ * the ARIA lives on the fieldset, so only `disabled` is inherited.
+ *
+ * A non-group field wires exactly one control: two would share its id.
+ */
+export declare function useFieldControl(baseAttrs: () => Attrs, options: UseFieldControlOptions): {
+    controlAttrs: import("vue").ComputedRef<Attrs>;
+    isDisabled: import("vue").ComputedRef<boolean>;
+    field: import("..").FieldContext | undefined;
+};
+export {};

package/dist/types/utils/useRootClasses.d.ts

@@ -0,0 +1,15 @@
+import { type ClassValue, type Ref } from 'vue';
+/**
+ * Applies `classes` to `element` with `classList`, for a root whose classes
+ * core also writes.
+ *
+ * Core adds and removes its state classes (`is-active`, `is-shown`, …) on the
+ * root itself. A `:class` binding cannot share the element with it: whenever
+ * the bound value changes, Vue assigns `className` outright, wiping every class
+ * core added — so changing a modifier while the component was open hid it.
+ * Adding and removing only the classes this owns leaves core's alone.
+ *
+ * The root keeps its base class as a static `class` in the template. Vue
+ * writes that once, when the element is created, and never patches it.
+ */
+export declare function useRootClasses(element: Readonly<Ref<HTMLElement | null>>, classes: () => ClassValue): void;

package/dist/types/utils/useTopmost.d.ts

@@ -0,0 +1,17 @@
+import { type Ref } from 'vue';
+/**
+ * Tracks whether this overlay is the innermost open one of its kind.
+ *
+ * Core answered the same question with a single delegated Escape handler that
+ * closed the first `.is-active` overlay it found. Once each component binds its
+ * own Escape, they would all close together, so the stack keeps that to one.
+ *
+ * Modals and drawers keep separate stacks, matching core's independent
+ * handlers: Escape in a drawer opened over a modal closes the drawer only.
+ *
+ * `priority` breaks the ordering where recency is the wrong answer. Core's
+ * drawer handler preferred a drawer with a backdrop over a `noBackdrop` one
+ * regardless of which opened last, since the latter is a persistent panel
+ * rather than something Escape should dismiss.
+ */
+export declare function useTopmost(name: string, active: Ref<boolean>, priority?: () => number): () => boolean;