@koobiq/react-components 0.0.1-beta.3 → 0.0.1-beta.31

package/dist/styles/utility.d.ts

@@ -68,4 +68,6 @@ export declare const utilClasses: {
         'italic-compact-strong': string;
         inherit: string;
     };
+    list: string;
+    listItem: string;
 };

package/dist/styles/utility.js

@@ -69,7 +69,9 @@ const typography = {
 };
 const utilClasses = {
   color,
-  typography
+  typography,
+  list: s.list,
+  listItem: s["list-item"]
 };
 export {
   utilClasses

package/dist/styles/utility.module.css.js

@@ -2,6 +2,7 @@ const headline = "kbq-utility-headline-b504fb";
 const title = "kbq-utility-title-49d974";
 const subheading = "kbq-utility-subheading-ec6b60";
 const inherit = "kbq-utility-inherit-6b72bf";
+const list = "kbq-utility-list-792630";
 const s = {
   "foreground-white": "kbq-utility-foreground-white-f552a0",
   "foreground-white-secondary": "kbq-utility-foreground-white-secondary-893462",
@@ -64,12 +65,15 @@ const s = {
   "italic-normal-strong": "kbq-utility-italic-normal-strong-88d247",
   "italic-compact": "kbq-utility-italic-compact-846466",
   "italic-compact-strong": "kbq-utility-italic-compact-strong-d8e16e",
-  inherit
+  inherit,
+  list,
+  "list-item": "kbq-utility-list-item-862731"
 };
 export {
   s as default,
   headline,
   inherit,
+  list,
   subheading,
   title
 };

package/dist/types.d.ts

@@ -1 +1,2 @@
+export type { PressEvent } from '@koobiq/react-primitives';
 export type Selection = 'all' | Set<string | number>;

package/dist/utils/capitalizeFirstLetter/capitalizeFirstLetter.d.ts

@@ -0,0 +1,2 @@
+/** Capitalizes the first character of a word. */
+export declare function capitalizeFirstLetter(string: string): string;

package/dist/utils/capitalizeFirstLetter/capitalizeFirstLetter.js

@@ -0,0 +1,6 @@
+function capitalizeFirstLetter(string) {
+  return string.charAt(0).toUpperCase() + string.slice(1);
+}
+export {
+  capitalizeFirstLetter
+};

package/dist/utils/capitalizeFirstLetter/index.d.ts

@@ -0,0 +1 @@
+export * from './capitalizeFirstLetter';

package/dist/utils/index.d.ts

@@ -1 +1,2 @@
 export * from './getResponsiveValue';
+export * from './capitalizeFirstLetter';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@koobiq/react-components",
-  "version": "0.0.1-beta.3",
+  "version": "0.0.1-beta.31",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
@@ -17,15 +17,20 @@
   "publishConfig": {
     "access": "public"
   },
+  "repository": {
+    "type": "git",
+    "directory": "packages/components",
+    "url": "git+https://github.com/koobiq/react-components.git"
+  },
   "sideEffects": false,
   "dependencies": {
     "@koobiq/design-tokens": "^3.12.1",
     "@types/react-transition-group": "^4.4.12",
     "react-transition-group": "^4.4.5",
-    "@koobiq/logger": "0.0.1-beta.3",
-    "@koobiq/react-icons": "0.0.1-beta.3",
-    "@koobiq/react-core": "0.0.1-beta.3",
-    "@koobiq/react-primitives": "0.0.1-beta.3"
+    "@koobiq/logger": "0.0.1-beta.31",
+    "@koobiq/react-core": "0.0.1-beta.31",
+    "@koobiq/react-icons": "0.0.1-beta.31",
+    "@koobiq/react-primitives": "0.0.1-beta.31"
   },
   "peerDependencies": {
     "@koobiq/design-tokens": "^3.11.2",

package/dist/components/Dialog/DialogContext.d.ts

@@ -1,9 +0,0 @@
-import type { DialogContentProps } from './components';
-export type DialogContextProps = {
-    close?(): void;
-    slots?: {
-        content?: DialogContentProps;
-    };
-};
-export declare const DialogContext: import("react").Context<DialogContextProps>;
-export declare function useDialogProvider(): DialogContextProps;

package/dist/components/Dialog/DialogContext.js

@@ -1,12 +0,0 @@
-"use client";
-import { useContext, createContext } from "react";
-const DialogContext = createContext(
-  {}
-);
-function useDialogProvider() {
-  return useContext(DialogContext);
-}
-export {
-  DialogContext,
-  useDialogProvider
-};

package/dist/components/Dialog/components/DialogContent.d.ts

@@ -1,12 +0,0 @@
-import type { ReactNode, ComponentRef } from 'react';
-import { type ExtendableComponentPropsWithRef } from '@koobiq/react-core';
-export type DialogContentRef = ComponentRef<'div'>;
-export type DialogContentProps = ExtendableComponentPropsWithRef<{
-    /** Additional CSS-classes. */
-    className?: string;
-    /** The content of the component. */
-    children?: ReactNode;
-    /** Unique identifier for testing purposes. */
-    'data-testid'?: string;
-}, 'div'>;
-export declare const DialogContent: import("react").ForwardRefExoticComponent<Omit<DialogContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/FieldComponents/FieldNumberControl/FieldNumberControl.d.ts

@@ -1,10 +0,0 @@
-import { type NumberFieldProps, type NumberFieldRef } from '@koobiq/react-primitives';
-export type FieldNumberControlProps = NumberFieldProps & {
-    fullWidth?: boolean;
-    className?: string;
-};
-export type FieldNumberControlRef = NumberFieldRef;
-export declare const FieldNumberControl: import("react").ForwardRefExoticComponent<Omit<import("@koobiq/react-primitives").UseNumberFieldProps, keyof import("node_modules/@koobiq/react-primitives/dist/utils").RenderProps<import("@koobiq/react-primitives").NumberFieldRenderProps>> & import("node_modules/@koobiq/react-primitives/dist/utils").RenderProps<import("@koobiq/react-primitives").NumberFieldRenderProps> & {
-    fullWidth?: boolean;
-    className?: string;
-} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/FieldComponents/FieldNumberControl/FieldNumberControl.js

@@ -1,18 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { clsx } from "@koobiq/react-core";
-import { NumberField } from "@koobiq/react-primitives";
-import s from "./FieldNumberControl.module.css.js";
-const FieldNumberControl = forwardRef(({ fullWidth = false, children, className, ...other }, ref) => /* @__PURE__ */ jsx(
-  NumberField,
-  {
-    className: clsx(s.base, fullWidth && s.fullWidth, className),
-    ...other,
-    ref,
-    children
-  }
-));
-FieldNumberControl.displayName = "FieldNumberControl";
-export {
-  FieldNumberControl
-};

package/dist/components/FieldComponents/FieldNumberControl/FieldNumberControl.module.css.js

@@ -1,11 +0,0 @@
-const base = "kbq-fieldnumbercontrol-9b0b2d";
-const fullWidth = "kbq-fieldnumbercontrol-fullWidth-d20d89";
-const s = {
-  base,
-  fullWidth
-};
-export {
-  base,
-  s as default,
-  fullWidth
-};

package/dist/components/FieldComponents/FieldNumberControl/index.d.ts

@@ -1 +0,0 @@
-export * from './FieldNumberControl';

package/dist/components/Input/components/FieldAddon/FieldAddon.d.ts

@@ -1,10 +0,0 @@
-import type { ReactNode } from 'react';
-import type { ExtendableComponentPropsWithRef } from '@koobiq/react-core';
-export declare const fieldAddonPropPlacement: readonly ["start", "end"];
-export type FieldAddonPlacement = (typeof fieldAddonPropPlacement)[number];
-export type FieldAddonProps = ExtendableComponentPropsWithRef<{
-    children?: ReactNode;
-    placement?: FieldAddonPlacement;
-    error?: boolean;
-}, 'div'>;
-export declare const FieldAddon: import("react").ForwardRefExoticComponent<Omit<FieldAddonProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Input/components/FieldAddon/index.d.ts

@@ -1 +0,0 @@
-export * from './FieldAddon';

package/dist/components/Input/components/FieldCaption/FieldCaption.d.ts

@@ -1,6 +0,0 @@
-import type { ReactNode } from 'react';
-import type { ExtendableComponentPropsWithRef } from '@koobiq/react-core';
-export type FieldCaptionProps = ExtendableComponentPropsWithRef<{
-    children?: ReactNode;
-}, 'div'>;
-export declare const FieldCaption: import("react").ForwardRefExoticComponent<Omit<FieldCaptionProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Input/components/FieldCaption/index.d.ts

@@ -1 +0,0 @@
-export * from './FieldCaption';

package/dist/components/Input/components/FieldControl/FieldControl.d.ts

@@ -1,9 +0,0 @@
-import type { ReactNode } from 'react';
-import { type ExtendableComponentPropsWithRef } from '@koobiq/react-core';
-export type FieldControlProps = ExtendableComponentPropsWithRef<{
-    children?: ReactNode;
-    fullWidth?: boolean;
-    error?: boolean;
-    className?: string;
-}, 'div'>;
-export declare const FieldControl: import("react").ForwardRefExoticComponent<Omit<FieldControlProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Input/components/FieldControl/index.d.ts

@@ -1 +0,0 @@
-export * from './FieldControl';

package/dist/components/Input/components/FieldError/FieldError.d.ts

@@ -1,7 +0,0 @@
-import type { ReactNode } from 'react';
-import type { ExtendableComponentPropsWithRef } from '@koobiq/react-core';
-export type FieldErrorProps = ExtendableComponentPropsWithRef<{
-    children?: ReactNode;
-    error?: boolean;
-}, 'div'>;
-export declare const FieldError: import("react").ForwardRefExoticComponent<Omit<FieldErrorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Input/components/FieldError/index.d.ts

@@ -1 +0,0 @@
-export * from './FieldError';

package/dist/components/Input/components/FieldInput/FieldInput.d.ts

@@ -1,9 +0,0 @@
-import type { useTextField } from '@koobiq/react-primitives';
-import type { InputPropVariant } from '../../types';
-export type FieldInputProps = {
-    error?: boolean;
-    variant?: InputPropVariant;
-    disabled?: boolean;
-    className?: string;
-} & ReturnType<typeof useTextField>['inputProps'];
-export declare const FieldInput: import("@koobiq/react-core").PolyForwardComponent<"input", FieldInputProps, import("react").ElementType>;

package/dist/components/Input/components/FieldInput/index.d.ts

@@ -1 +0,0 @@
-export * from './FieldInput';

package/dist/components/Input/components/FieldInputGroup/FieldInputGroup.d.ts

@@ -1,7 +0,0 @@
-import type { ReactNode } from 'react';
-import { type ExtendableComponentPropsWithRef } from '@koobiq/react-core';
-export type FieldInputGroupProps = ExtendableComponentPropsWithRef<{
-    children?: ReactNode;
-    className?: string;
-}, 'div'>;
-export declare const FieldInputGroup: import("react").ForwardRefExoticComponent<Omit<FieldInputGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Input/components/FieldInputGroup/index.d.ts

@@ -1 +0,0 @@
-export * from './FieldInputGroup';

package/dist/components/Input/components/FieldLabel/FieldLabel.d.ts

@@ -1,9 +0,0 @@
-import type { ReactNode } from 'react';
-import type { ExtendableComponentPropsWithRef } from '@koobiq/react-core';
-export type FieldLabelProps = ExtendableComponentPropsWithRef<{
-    children?: ReactNode;
-    className?: string;
-    hiddenLabel?: boolean;
-    required?: boolean;
-}, 'label'>;
-export declare const FieldLabel: import("react").ForwardRefExoticComponent<Omit<FieldLabelProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;

package/dist/components/Input/components/FieldLabel/index.d.ts

@@ -1 +0,0 @@
-export * from './FieldLabel';

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

@@ -1,7 +0,0 @@
-export * from './FieldControl';
-export * from './FieldInput';
-export * from './FieldLabel';
-export * from './FieldAddon';
-export * from './FieldCaption';
-export * from './FieldError';
-export * from './FieldInputGroup';

package/dist/components/List/ListItem.d.ts

@@ -1,11 +0,0 @@
-import type { ReactNode, ComponentProps } from 'react';
-export type ListItemProps = {
-    /** Rendered contents of the item or child items. */
-    children: ReactNode;
-    /** Rendered contents of the item if `children` contains child items. */
-    title?: ReactNode;
-} & ComponentProps<'a'>;
-export declare function ListItem(props: ListItemProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace ListItem {
-    var getCollectionNode: unknown;
-}

package/dist/components/List/ListItem.js

@@ -1,11 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { Item } from "@koobiq/react-primitives";
-const ItemInner = Item;
-function ListItem(props) {
-  return /* @__PURE__ */ jsx(Item, { ...props });
-}
-ListItem.getCollectionNode = ItemInner.getCollectionNode;
-export {
-  ListItem
-};

package/dist/components/List/ListSection.js

@@ -1,11 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { Section } from "@koobiq/react-primitives";
-const SectionInner = Section;
-function ListSection(props) {
-  return /* @__PURE__ */ jsx(Section, { ...props });
-}
-ListSection.getCollectionNode = SectionInner.getCollectionNode;
-export {
-  ListSection
-};

package/dist/components/List/components/ListOption/ListOption.module.css.js

@@ -1,23 +0,0 @@
-const base = "kbq-listoption-8693c5";
-const hovered = "kbq-listoption-hovered-163e16";
-const pressed = "kbq-listoption-pressed-292310";
-const focusVisible = "kbq-listoption-focusVisible-dcff25";
-const selected = "kbq-listoption-selected-012293";
-const disabled = "kbq-listoption-disabled-dafd94";
-const s = {
-  base,
-  hovered,
-  pressed,
-  focusVisible,
-  selected,
-  disabled
-};
-export {
-  base,
-  s as default,
-  disabled,
-  focusVisible,
-  hovered,
-  pressed,
-  selected
-};