@kosmeo-ui/react 0.1.0

package/dist/components/forms/formGrid/styles.css

@@ -0,0 +1,41 @@
+.k-form-grid {
+  display: grid;
+}
+
+.k-form-grid-1col {
+  grid-template-columns: 1fr;
+}
+.k-form-grid-2col {
+  grid-template-columns: repeat(2, 1fr);
+}
+.k-form-grid-3col {
+  grid-template-columns: repeat(3, 1fr);
+}
+.k-form-grid-4col {
+  grid-template-columns: repeat(4, 1fr);
+}
+
+.k-form-grid-gap-sm {
+  gap: 0.5rem;
+}
+.k-form-grid-gap-md {
+  gap: 1rem;
+}
+.k-form-grid-gap-lg {
+  gap: 1.5rem;
+}
+
+@media (max-width: 1024px) {
+  .k-form-grid-3col,
+  .k-form-grid-4col {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
+@media (max-width: 640px) {
+  .k-form-grid-2col,
+  .k-form-grid-3col,
+  .k-form-grid-4col {
+    grid-template-columns: 1fr;
+  }
+}

package/dist/components/forms/infoRow/index.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+import "./styles.css";
+export interface InfoRowProps {
+    label: ReactNode;
+    value: ReactNode;
+    /** Defaults to "horizontal" (label left, value right). "stacked" puts label above value. */
+    layout?: "horizontal" | "stacked";
+}
+declare const InfoRow: ({ label, value, layout }: InfoRowProps) => import("react").JSX.Element;
+export default InfoRow;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/forms/infoRow/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/infoRow/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,4FAA4F;IAC5F,MAAM,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;CACnC;AAED,QAAA,MAAM,OAAO,GAAI,0BAAyC,YAAY,gCAOrE,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/forms/infoRow/index.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "./styles.css";
+const InfoRow = ({ label, value, layout = "horizontal" }) => {
+    return (_jsxs("div", { className: `k-info-row k-info-row-${layout}`, children: [_jsx("div", { className: "k-info-row-label", children: label }), _jsx("div", { className: "k-info-row-value", children: value })] }));
+};
+export default InfoRow;
+//# sourceMappingURL=index.js.map

package/dist/components/forms/infoRow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/forms/infoRow/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,cAAc,CAAC;AAStB,MAAM,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,YAAY,EAAgB,EAAE,EAAE;IACxE,OAAO,CACL,eAAK,SAAS,EAAE,yBAAyB,MAAM,EAAE,aAC/C,cAAK,SAAS,EAAC,kBAAkB,YAAE,KAAK,GAAO,EAC/C,cAAK,SAAS,EAAC,kBAAkB,YAAE,KAAK,GAAO,IAC3C,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/forms/infoRow/styles.css

@@ -0,0 +1,38 @@
+.k-info-row {
+  display: flex;
+  gap: 0.75rem;
+  padding: 0.5rem 0;
+  border-bottom: 0.0625rem solid var(--border-color);
+}
+
+.k-info-row:last-child {
+  border-bottom: none;
+}
+
+.k-info-row-horizontal {
+  flex-direction: row;
+  align-items: baseline;
+  justify-content: space-between;
+}
+
+.k-info-row-stacked {
+  flex-direction: column;
+  gap: 0.25rem;
+}
+
+.k-info-row-label {
+  font-weight: 500;
+  color: var(--text-color);
+  opacity: 0.7;
+}
+
+.k-info-row-value {
+  font-weight: 500;
+  text-align: right;
+  word-break: break-word;
+}
+
+.k-info-row-stacked .k-info-row-value {
+  text-align: left;
+  font-weight: 400;
+}

package/dist/components/forms/optionsGroup/index.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+import "./styles.css";
+interface OptionsGroupProps {
+    label?: string;
+    required?: boolean;
+    children: ReactNode;
+}
+/** Internal shell for CheckboxGroup / RadioGroup — label + option list. */
+declare const OptionsGroup: ({ label, required, children }: OptionsGroupProps) => import("react").JSX.Element;
+export default OptionsGroup;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/forms/optionsGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/optionsGroup/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB,UAAU,iBAAiB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,2EAA2E;AAC3E,QAAA,MAAM,YAAY,GAAI,+BAA+B,iBAAiB,gCAUrE,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/forms/optionsGroup/index.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import MandatoryAsterisk from "../requiredAsterisk/index.js";
+import "./styles.css";
+/** Internal shell for CheckboxGroup / RadioGroup — label + option list. */
+const OptionsGroup = ({ label, required, children }) => (_jsxs("div", { className: "k-options-group", children: [label && (_jsxs("label", { className: "k-options-group-label", children: [label, required && _jsx(MandatoryAsterisk, {})] })), _jsx("div", { className: "k-options-group-options", children: children })] }));
+export default OptionsGroup;
+//# sourceMappingURL=index.js.map

package/dist/components/forms/optionsGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/forms/optionsGroup/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,iBAAiB,MAAM,8BAA8B,CAAC;AAE7D,OAAO,cAAc,CAAC;AAQtB,2EAA2E;AAC3E,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAqB,EAAE,EAAE,CAAC,CACzE,eAAK,SAAS,EAAC,iBAAiB,aAC7B,KAAK,IAAI,CACR,iBAAO,SAAS,EAAC,uBAAuB,aACrC,KAAK,EACL,QAAQ,IAAI,KAAC,iBAAiB,KAAG,IAC5B,CACT,EACD,cAAK,SAAS,EAAC,yBAAyB,YAAE,QAAQ,GAAO,IACrD,CACP,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/forms/optionsGroup/styles.css

@@ -0,0 +1,34 @@
+.k-options-group {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+.k-options-group-label {
+  font-weight: 600;
+  font-size: 0.875rem;
+  color: var(--text-color);
+}
+
+.k-options-group-options {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+.k-options-group-option {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  cursor: pointer;
+}
+
+.k-options-group-option input {
+  margin: 0;
+  flex-shrink: 0;
+}
+
+.k-options-group-option:has(input:disabled) {
+  cursor: not-allowed;
+  opacity: 0.6;
+}

package/dist/components/forms/requiredAsterisk/index.d.ts

@@ -0,0 +1,4 @@
+import "./styles.css";
+declare const MandatoryAsterisk: () => import("react").JSX.Element;
+export default MandatoryAsterisk;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/forms/requiredAsterisk/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/requiredAsterisk/index.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AAEtB,QAAA,MAAM,iBAAiB,mCAEtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/forms/requiredAsterisk/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import "./styles.css";
+const MandatoryAsterisk = () => (_jsx("span", { className: "k-mandatory-asterisk", children: " *" }));
+export default MandatoryAsterisk;
+//# sourceMappingURL=index.js.map

package/dist/components/forms/requiredAsterisk/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/forms/requiredAsterisk/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,cAAc,CAAC;AAEtB,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,CAC9B,eAAM,SAAS,EAAC,sBAAsB,mBAAU,CACjD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/forms/requiredAsterisk/styles.css

@@ -0,0 +1,3 @@
+.k-mandatory-asterisk {
+  color: var(--danger-color);
+}

package/dist/components/index.d.ts

@@ -0,0 +1,93 @@
+export { default as RecoveryCodeGrid } from "./data-display/recoveryCodeGrid/index.js";
+export { default as ConfirmationModal } from "./overlays/confirmationModal/index.js";
+export { default as InfiniteScroll } from "./data-display/infiniteScroll/index.js";
+export { DateInput, DateTimeInput, TimeInput, } from "./inputs/dateInput/index.js";
+export { default as SecretDisplay } from "./data-display/secretDisplay/index.js";
+export { default as LoadingOverlay } from "./feedback/loadingOverlay/index.js";
+export { default as ImagePreview } from "./data-display/imagePreview/index.js";
+export { default as AddressBlock } from "./data-display/addressBlock/index.js";
+export { default as BorderedSection } from "./layout/borderedSection/index.js";
+export { default as FormError } from "./forms/formActions/formError.js";
+export { default as RichTextEditor } from "./inputs/richTextEditor/index.js";
+export { default as ColorSwatch } from "./data-display/colorSwatch/index.js";
+export { default as CheckboxGroup } from "./inputs/checkboxGroup/index.js";
+export { default as SectionHeader } from "./layout/sectionHeader/index.js";
+export { default as SummaryRow } from "./data-display/summaryRow/index.js";
+export { default as Breadcrumbs } from "./navigation/breadcrumbs/index.js";
+export { default as FileDropZone } from "./inputs/fileDropZone/index.js";
+export { default as ProgressBar } from "./feedback/progressBar/index.js";
+export { default as DataTable } from "./data-display/dataTable/index.js";
+export { default as SearchSelect } from "./inputs/searchSelect/index.js";
+export { default as StatCard } from "./data-display/statCard/index.js";
+export { default as MultiSelect } from "./inputs/multiSelect/index.js";
+export { default as ColorPicker } from "./inputs/colorPicker/index.js";
+export { default as TabButton } from "./navigation/tabButton/index.js";
+export { default as ListCard } from "./data-display/listCard/index.js";
+export { default as EmptyState } from "./feedback/emptyState/index.js";
+export { default as RowActions } from "./buttons/rowActions/index.js";
+export { default as DetailField } from "./forms/detailField/index.js";
+export { default as FormActions } from "./forms/formActions/index.js";
+export { default as IconButton } from "./buttons/iconButton/index.js";
+export { default as PhoneInput } from "./inputs/phoneInput/index.js";
+export { default as FileUpload } from "./inputs/fileUpload/index.js";
+export { default as SearchList } from "./inputs/searchList/index.js";
+export { default as RadioGroup } from "./inputs/radioGroup/index.js";
+export { default as ListRow } from "./data-display/listRow/index.js";
+export { default as TagCard } from "./data-display/tagCard/index.js";
+export { default as Stepper } from "./navigation/stepper/index.js";
+export { default as Typeahead } from "./inputs/typeahead/index.js";
+export { default as AuthPage } from "./layout/authPage/index.js";
+export { default as Checkbox } from "./inputs/checkbox/index.js";
+export { default as Centered } from "./layout/centered/index.js";
+export { default as Dropdown } from "./inputs/dropdown/index.js";
+export { default as TextArea } from "./inputs/textArea/index.js";
+export { default as Tooltip } from "./feedback/tooltip/index.js";
+export { default as Spinner } from "./feedback/spinner/index.js";
+export { default as Table } from "./data-display/table/index.js";
+export { default as FormGrid } from "./forms/formGrid/index.js";
+export { default as Portal } from "./overlays/portal/index.js";
+export { default as InfoRow } from "./forms/infoRow/index.js";
+export type { CountryCode } from "libphonenumber-js";
+export { default as Button } from "./buttons/button/index.js";
+export { default as Switch } from "./inputs/switch/index.js";
+export { default as Select } from "./inputs/select/index.js";
+export { default as Alert } from "./feedback/alert/index.js";
+export { default as Badge } from "./feedback/badge/index.js";
+export { default as Modal } from "./overlays/modal/index.js";
+export { default as Tabs } from "./navigation/tabs/index.js";
+export { default as Input } from "./inputs/input/index.js";
+export { default as Page } from "./layout/page/index.js";
+export { default as Card } from "./layout/card/index.js";
+export { default as Form } from "./forms/form/index.js";
+export { default as Row } from "./layout/row/index.js";
+export { default as Col } from "./layout/col/index.js";
+export { default as LanguageSelect, SUPPORTED_LANGUAGES, } from "./inputs/languageSelect/index.js";
+export { Sidebar, SidebarNavGroup, SidebarNavLink, default as SidebarDefault, } from "./navigation/sidebar/index.js";
+export type { Breadcrumb, BreadcrumbsProps, } from "./navigation/breadcrumbs/index.js";
+export type { RecoveryCodeGridProps } from "./data-display/recoveryCodeGrid/index.js";
+export type { SecretDisplayProps } from "./data-display/secretDisplay/index.js";
+export type { PageProps, PageGap, PageMaxWidth } from "./layout/page/index.js";
+export type { BorderedSectionProps } from "./layout/borderedSection/index.js";
+export type { FormErrorProps } from "./forms/formActions/formError.js";
+export type { ColorSwatchProps } from "./data-display/colorSwatch/index.js";
+export type { SectionHeaderProps } from "./layout/sectionHeader/index.js";
+export type { LanguageOption } from "./inputs/languageSelect/index.js";
+export type { EmptyStateProps } from "./feedback/emptyState/index.js";
+export type { ColorPickerProps } from "./inputs/colorPicker/index.js";
+export type { TabItem, TabsProps } from "./navigation/tabs/index.js";
+export type { RowActionsProps } from "./buttons/rowActions/index.js";
+export type { DetailFieldProps } from "./forms/detailField/index.js";
+export type { FormActionsProps } from "./forms/formActions/index.js";
+export type { ListRowProps } from "./data-display/listRow/index.js";
+export type { AuthPageProps } from "./layout/authPage/index.js";
+export type { FormGridProps } from "./forms/formGrid/index.js";
+export type { InfoRowProps } from "./forms/infoRow/index.js";
+export type { StatCardProps, StatCardIconVariant, } from "./data-display/statCard/index.js";
+export type { SummaryRowProps, SummaryRowItem, } from "./data-display/summaryRow/index.js";
+export type { SidebarProps, SidebarNavGroupProps, SidebarNavLinkProps, } from "./navigation/sidebar/index.js";
+export type { TableColumn, TableRow, TableLeadingColumn, } from "./data-display/dataTable/index.js";
+export type { AddressBlockProps, AddressBlockAddress, } from "./data-display/addressBlock/index.js";
+export type { StepperProps, StepperStep, StepperStatus, } from "./navigation/stepper/index.js";
+export type { DateInputProps, DateTimeInputProps, TimeInputProps, } from "./inputs/dateInput/index.js";
+export type { InfiniteScrollMenu, InfiniteScrollMenuFilter, InfiniteScrollMenuSort, InfiniteScrollMenuSortDataKey, InfiniteScrollMenuLimitOption, } from "./data-display/infiniteScroll/index.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}

package/dist/components/index.js

@@ -0,0 +1,65 @@
+export { default as RecoveryCodeGrid } from "./data-display/recoveryCodeGrid/index.js";
+export { default as ConfirmationModal } from "./overlays/confirmationModal/index.js";
+export { default as InfiniteScroll } from "./data-display/infiniteScroll/index.js";
+export { DateInput, DateTimeInput, TimeInput, } from "./inputs/dateInput/index.js";
+export { default as SecretDisplay } from "./data-display/secretDisplay/index.js";
+export { default as LoadingOverlay } from "./feedback/loadingOverlay/index.js";
+export { default as ImagePreview } from "./data-display/imagePreview/index.js";
+export { default as AddressBlock } from "./data-display/addressBlock/index.js";
+export { default as BorderedSection } from "./layout/borderedSection/index.js";
+export { default as FormError } from "./forms/formActions/formError.js";
+export { default as RichTextEditor } from "./inputs/richTextEditor/index.js";
+export { default as ColorSwatch } from "./data-display/colorSwatch/index.js";
+export { default as CheckboxGroup } from "./inputs/checkboxGroup/index.js";
+export { default as SectionHeader } from "./layout/sectionHeader/index.js";
+export { default as SummaryRow } from "./data-display/summaryRow/index.js";
+export { default as Breadcrumbs } from "./navigation/breadcrumbs/index.js";
+export { default as FileDropZone } from "./inputs/fileDropZone/index.js";
+export { default as ProgressBar } from "./feedback/progressBar/index.js";
+export { default as DataTable } from "./data-display/dataTable/index.js";
+export { default as SearchSelect } from "./inputs/searchSelect/index.js";
+export { default as StatCard } from "./data-display/statCard/index.js";
+export { default as MultiSelect } from "./inputs/multiSelect/index.js";
+export { default as ColorPicker } from "./inputs/colorPicker/index.js";
+export { default as TabButton } from "./navigation/tabButton/index.js";
+export { default as ListCard } from "./data-display/listCard/index.js";
+export { default as EmptyState } from "./feedback/emptyState/index.js";
+export { default as RowActions } from "./buttons/rowActions/index.js";
+export { default as DetailField } from "./forms/detailField/index.js";
+export { default as FormActions } from "./forms/formActions/index.js";
+export { default as IconButton } from "./buttons/iconButton/index.js";
+export { default as PhoneInput } from "./inputs/phoneInput/index.js";
+export { default as FileUpload } from "./inputs/fileUpload/index.js";
+export { default as SearchList } from "./inputs/searchList/index.js";
+export { default as RadioGroup } from "./inputs/radioGroup/index.js";
+export { default as ListRow } from "./data-display/listRow/index.js";
+export { default as TagCard } from "./data-display/tagCard/index.js";
+export { default as Stepper } from "./navigation/stepper/index.js";
+export { default as Typeahead } from "./inputs/typeahead/index.js";
+export { default as AuthPage } from "./layout/authPage/index.js";
+export { default as Checkbox } from "./inputs/checkbox/index.js";
+export { default as Centered } from "./layout/centered/index.js";
+export { default as Dropdown } from "./inputs/dropdown/index.js";
+export { default as TextArea } from "./inputs/textArea/index.js";
+export { default as Tooltip } from "./feedback/tooltip/index.js";
+export { default as Spinner } from "./feedback/spinner/index.js";
+export { default as Table } from "./data-display/table/index.js";
+export { default as FormGrid } from "./forms/formGrid/index.js";
+export { default as Portal } from "./overlays/portal/index.js";
+export { default as InfoRow } from "./forms/infoRow/index.js";
+export { default as Button } from "./buttons/button/index.js";
+export { default as Switch } from "./inputs/switch/index.js";
+export { default as Select } from "./inputs/select/index.js";
+export { default as Alert } from "./feedback/alert/index.js";
+export { default as Badge } from "./feedback/badge/index.js";
+export { default as Modal } from "./overlays/modal/index.js";
+export { default as Tabs } from "./navigation/tabs/index.js";
+export { default as Input } from "./inputs/input/index.js";
+export { default as Page } from "./layout/page/index.js";
+export { default as Card } from "./layout/card/index.js";
+export { default as Form } from "./forms/form/index.js";
+export { default as Row } from "./layout/row/index.js";
+export { default as Col } from "./layout/col/index.js";
+export { default as LanguageSelect, SUPPORTED_LANGUAGES, } from "./inputs/languageSelect/index.js";
+export { Sidebar, SidebarNavGroup, SidebarNavLink, default as SidebarDefault, } from "./navigation/sidebar/index.js";
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

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

package/dist/components/inputs/checkbox/index.d.ts

@@ -0,0 +1,17 @@
+import "./styles.css";
+interface CheckboxProps {
+    label?: string | React.ReactNode;
+    labelLocation?: "top" | "right" | "bottom" | "left";
+    checked: boolean;
+    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
+    /** **_Optional_** whether the field is required (shows red asterisk and enables validation) */
+    required?: boolean;
+    /** **_Optional_** if the checkbox is disabled */
+    disabled?: boolean;
+    /** **_Optional_** ID of the field. If one is not provided, it will be randomly generated */
+    id?: string;
+}
+declare const Checkbox: (props: CheckboxProps) => import("react").JSX.Element;
+export default Checkbox;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/inputs/checkbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox/index.tsx"],"names":[],"mappings":"AAGA,OAAO,cAAc,CAAC;AAEtB,UAAU,aAAa;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,aAAa,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IACpD,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4FAA4F;IAC5F,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,QAAA,MAAM,QAAQ,GAAI,OAAO,aAAa,gCAgCrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/inputs/checkbox/index.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import MandatoryAsterisk from "../../forms/requiredAsterisk/index.js";
+import "./styles.css";
+const Checkbox = (props) => {
+    const { labelLocation = "top", disabled = false, required = false } = props;
+    const inputId = props.id || `checkbox-${Math.random().toString(36).substring(2, 9)}`;
+    return (_jsxs("div", { className: `k-checkbox-container k-${labelLocation}`, children: [props.label && (_jsx("label", { className: "k-checkbox-label", htmlFor: inputId, children: typeof props.label === "string" ? (_jsxs(_Fragment, { children: [props.label, required && _jsx(MandatoryAsterisk, {})] })) : (props.label) })), _jsx("input", { id: inputId, type: "checkbox", required: required, checked: props.checked, onClick: props.onClick, onChange: props.onChange, className: "k-checkbox", disabled: disabled })] }));
+};
+export default Checkbox;
+//# sourceMappingURL=index.js.map

package/dist/components/inputs/checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,iBAAiB,MAAM,uCAAuC,CAAC;AACtE,OAAO,cAAc,CAAC;AAgBtB,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IACxC,MAAM,EAAE,aAAa,GAAG,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAE5E,MAAM,OAAO,GACX,KAAK,CAAC,EAAE,IAAI,YAAY,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;IAEvE,OAAO,CACL,eAAK,SAAS,EAAE,0BAA0B,aAAa,EAAE,aACtD,KAAK,CAAC,KAAK,IAAI,CACd,gBAAO,SAAS,EAAC,kBAAkB,EAAC,OAAO,EAAE,OAAO,YACjD,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CACjC,8BACG,KAAK,CAAC,KAAK,EACX,QAAQ,IAAI,KAAC,iBAAiB,KAAG,IACjC,CACJ,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,KAAK,CACZ,GACK,CACT,EACD,gBACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,SAAS,EAAC,YAAY,EACtB,QAAQ,EAAE,QAAQ,GAClB,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/inputs/checkbox/styles.css

@@ -0,0 +1,48 @@
+.k-checkbox-container {
+  display: flex;
+}
+
+.k-checkbox-container.k-top {
+  flex-direction: column;
+}
+
+.k-checkbox-container.k-right {
+  flex-direction: row-reverse;
+  justify-content: flex-end;
+  gap: 0.5rem;
+}
+
+.k-checkbox-container.k-bottom {
+  flex-direction: column-reverse;
+}
+
+.k-checkbox-container.k-left {
+  flex-direction: row;
+  gap: 0.5rem;
+}
+
+.k-checkbox {
+  height: 1.25rem;
+  width: 1.25rem;
+  border-radius: 0.25rem;
+  border-color: var(--border-color);
+}
+
+.k-checkbox-label {
+  display: block;
+  margin-bottom: 0.1rem;
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: var(--text-color);
+}
+
+.k-checkbox:disabled {
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+
+.k-checkbox:disabled + .k-checkbox-label,
+.k-checkbox-label:has(+ .k-checkbox:disabled) {
+  color: var(--text-color-disabled);
+  cursor: not-allowed;
+}

package/dist/components/inputs/checkboxGroup/index.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from "react";
+export interface CheckboxOption<T = string> {
+    value: T;
+    label: ReactNode;
+}
+interface CheckboxGroupProps<T = string> {
+    label?: string;
+    name: string;
+    options: CheckboxOption<T>[];
+    values: T[];
+    onChange: (values: T[]) => void;
+    disabled?: boolean;
+    required?: boolean;
+}
+declare const CheckboxGroup: <T extends string = string>(props: CheckboxGroupProps<T>) => import("react").JSX.Element;
+export default CheckboxGroup;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/inputs/checkboxGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/checkboxGroup/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,cAAc,CAAC,CAAC,GAAG,MAAM;IACxC,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,kBAAkB,CAAC,CAAC,GAAG,MAAM;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7B,MAAM,EAAE,CAAC,EAAE,CAAC;IACZ,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,aAAa,GAAI,CAAC,SAAS,MAAM,GAAG,MAAM,EAC9C,OAAO,kBAAkB,CAAC,CAAC,CAAC,gCAyB7B,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/inputs/checkboxGroup/index.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import OptionsGroup from "../../forms/optionsGroup/index.js";
+import Checkbox from "../checkbox/index.js";
+const CheckboxGroup = (props) => {
+    const { disabled = false, required = false } = props;
+    const handleToggle = (value) => {
+        const newValues = props.values.includes(value)
+            ? props.values.filter((v) => v !== value)
+            : [...props.values, value];
+        props.onChange(newValues);
+    };
+    return (_jsx(OptionsGroup, { label: props.label, required: required, children: props.options.map((option, index) => (_jsx(Checkbox, { checked: props.values.includes(option.value), onChange: () => handleToggle(option.value), label: option.label, labelLocation: "right", disabled: disabled }, index))) }));
+};
+export default CheckboxGroup;
+//# sourceMappingURL=index.js.map

package/dist/components/inputs/checkboxGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/checkboxGroup/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,YAAY,MAAM,mCAAmC,CAAC;AAC7D,OAAO,QAAQ,MAAM,sBAAsB,CAAC;AAkB5C,MAAM,aAAa,GAAG,CACpB,KAA4B,EAC5B,EAAE;IACF,MAAM,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAErD,MAAM,YAAY,GAAG,CAAC,KAAQ,EAAE,EAAE;QAChC,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;YAC5C,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC;YACzC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QAC7B,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,YACjD,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACpC,KAAC,QAAQ,IAEP,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EAC5C,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,EAC1C,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,aAAa,EAAC,OAAO,EACrB,QAAQ,EAAE,QAAQ,IALb,KAAK,CAMV,CACH,CAAC,GACW,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/inputs/colorPicker/index.d.ts

@@ -0,0 +1,16 @@
+import "./styles.css";
+export interface ColorPickerProps {
+    label?: string;
+    value: string;
+    onChange: (hex: string) => void;
+    placeholder?: string;
+    error?: string;
+    /** Allow empty string (no color). Defaults to false. */
+    allowEmpty?: boolean;
+    required?: boolean;
+    /** Override the default validation error message. */
+    invalidMessage?: string;
+}
+declare const ColorPicker: ({ label, value, onChange, placeholder, error, allowEmpty, required, invalidMessage, }: ColorPickerProps) => import("react").JSX.Element;
+export default ColorPicker;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/inputs/colorPicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/colorPicker/index.tsx"],"names":[],"mappings":"AAIA,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qDAAqD;IACrD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAKD,QAAA,MAAM,WAAW,GAAI,uFASlB,gBAAgB,gCA2ClB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/inputs/colorPicker/index.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Input from "../input/index.js";
+import "./styles.css";
+const HEX_RE = /^#[0-9a-fA-F]{6}$/;
+const DEFAULT_INVALID_MESSAGE = "Color must be #RRGGBB (e.g. #A1B2C3)";
+const ColorPicker = ({ label, value, onChange, placeholder = "#A1B2C3", error, allowEmpty = false, required, invalidMessage = DEFAULT_INVALID_MESSAGE, }) => {
+    const trimmed = value.trim();
+    const isEmpty = trimmed === "";
+    const isValid = HEX_RE.test(trimmed);
+    const internalError = !isValid && !(allowEmpty && isEmpty) && trimmed.length > 0
+        ? invalidMessage
+        : undefined;
+    const swatchValue = isValid ? trimmed : "#000000";
+    const displayError = error ?? internalError;
+    const handleSwatchChange = (e) => onChange(e.target.value);
+    return (_jsxs("div", { className: "k-color-picker", children: [label && (_jsxs("label", { className: "k-color-picker-label", children: [label, required && _jsx("span", { "aria-hidden": true, children: " *" })] })), _jsxs("div", { className: "k-color-picker-row", children: [_jsx("input", { type: "color", "aria-label": label ? `${label} swatch` : "Color swatch", value: swatchValue, onChange: handleSwatchChange, className: "k-color-picker-swatch" }), _jsx("div", { className: "k-color-picker-input", children: _jsx(Input, { value: value, onChange: (e) => onChange(e.target.value), placeholder: placeholder }) })] }), displayError && (_jsx("div", { className: "k-color-picker-error", children: displayError }))] }));
+};
+export default ColorPicker;
+//# sourceMappingURL=index.js.map

package/dist/components/inputs/colorPicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/colorPicker/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,mBAAmB,CAAC;AAEtC,OAAO,cAAc,CAAC;AAetB,MAAM,MAAM,GAAG,mBAAmB,CAAC;AACnC,MAAM,uBAAuB,GAAG,sCAAsC,CAAC;AAEvE,MAAM,WAAW,GAAG,CAAC,EACnB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAW,GAAG,SAAS,EACvB,KAAK,EACL,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,cAAc,GAAG,uBAAuB,GACvB,EAAE,EAAE;IACrB,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;IAC7B,MAAM,OAAO,GAAG,OAAO,KAAK,EAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACrC,MAAM,aAAa,GACjB,CAAC,OAAO,IAAI,CAAC,CAAC,UAAU,IAAI,OAAO,CAAC,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC;QACxD,CAAC,CAAC,cAAc;QAChB,CAAC,CAAC,SAAS,CAAC;IAChB,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IAClD,MAAM,YAAY,GAAG,KAAK,IAAI,aAAa,CAAC;IAE5C,MAAM,kBAAkB,GAAG,CAAC,CAAgC,EAAE,EAAE,CAC9D,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAE3B,OAAO,CACL,eAAK,SAAS,EAAC,gBAAgB,aAC5B,KAAK,IAAI,CACR,iBAAO,SAAS,EAAC,sBAAsB,aACpC,KAAK,EACL,QAAQ,IAAI,qDAA2B,IAClC,CACT,EACD,eAAK,SAAS,EAAC,oBAAoB,aACjC,gBACE,IAAI,EAAC,OAAO,gBACA,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,cAAc,EACtD,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,kBAAkB,EAC5B,SAAS,EAAC,uBAAuB,GACjC,EACF,cAAK,SAAS,EAAC,sBAAsB,YACnC,KAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,WAAW,EAAE,WAAW,GACxB,GACE,IACF,EACL,YAAY,IAAI,CACf,cAAK,SAAS,EAAC,sBAAsB,YAAE,YAAY,GAAO,CAC3D,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/inputs/colorPicker/styles.css

@@ -0,0 +1,52 @@
+.k-color-picker {
+  display: flex;
+  flex-direction: column;
+  gap: 0.375rem;
+}
+
+.k-color-picker-label {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: var(--text-color);
+}
+
+.k-color-picker-row {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.k-color-picker-swatch {
+  appearance: none;
+  -webkit-appearance: none;
+  width: 2.5rem;
+  height: 2.5rem;
+  border: 0.0625rem solid var(--border-color);
+  border-radius: 0.375rem;
+  padding: 0;
+  cursor: pointer;
+  background: transparent;
+}
+
+.k-color-picker-swatch::-webkit-color-swatch-wrapper {
+  padding: 0;
+}
+
+.k-color-picker-swatch::-webkit-color-swatch {
+  border: none;
+  border-radius: 0.25rem;
+}
+
+.k-color-picker-swatch::-moz-color-swatch {
+  border: none;
+  border-radius: 0.25rem;
+}
+
+.k-color-picker-input {
+  flex: 1;
+}
+
+.k-color-picker-error {
+  font-size: 0.8125rem;
+  color: var(--danger-color);
+}