chrona-react 0.1.0

package/dist/time-field.d.ts

@@ -0,0 +1,74 @@
+import { P as PartProps, H as HiddenInputProps, C as ChronaConfig } from './form-BCAGbNh-.js';
+import * as chrona_core from 'chrona-core';
+import * as React from 'react';
+import { F as FieldProps } from './field-CQjoX8QG.js';
+
+type TimeFieldProps = FieldProps<"time">;
+declare const TimeField: {
+    Root: ({ children, asChild, className, style, ...props }: FieldProps<"time"> & Pick<PartProps, "children" | "asChild" | "className" | "style">) => React.JSX.Element;
+    Label: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+        asChild?: boolean;
+    } & React.RefAttributes<HTMLElement>>;
+    Field: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+        asChild?: boolean;
+    } & React.RefAttributes<HTMLElement>>;
+    Segment: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "defaultValue" | "onChange" | "children" | "type"> & {
+        type: chrona_core.SegmentType;
+    } & React.RefAttributes<HTMLInputElement>>;
+    HiddenInput: (props: HiddenInputProps) => React.JSX.Element;
+    ClearButton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+        asChild?: boolean;
+    } & React.RefAttributes<HTMLElement>>;
+    LiveRegion: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+        asChild?: boolean;
+    } & React.RefAttributes<HTMLElement>>;
+};
+declare function useTimeField(props?: TimeFieldProps): {
+    id: string;
+    state: chrona_core.FieldState<"time">;
+    options: FieldProps<"time"> & ChronaConfig;
+    send: (event: chrona_core.FieldEvent) => void;
+    reset: () => void;
+    moveFocus: (segment: chrona_core.SegmentType, offset: number) => void;
+    groupRef: React.RefObject<HTMLElement | null>;
+    announcement: string;
+    registerLabel: React.Dispatch<React.SetStateAction<boolean>>;
+    api: {
+        segments: {
+            type: chrona_core.SegmentType | "literal";
+            value: string;
+        }[];
+        getGroupProps: () => {
+            role: "group";
+            "aria-labelledby": string | undefined;
+            "aria-describedby": string | undefined;
+            "aria-invalid": true | undefined;
+            "data-scope": string;
+            "data-part": string;
+            "data-invalid": string | undefined;
+            "data-disabled": string | undefined;
+            "data-readonly": string | undefined;
+            dir: "ltr" | "rtl" | undefined;
+        };
+        getSegmentProps: (segment: chrona_core.SegmentType) => {
+            role: "spinbutton";
+            "aria-label": string;
+            "aria-valuemin": number;
+            "aria-valuemax": number;
+            "aria-valuenow": number | undefined;
+            "aria-valuetext": string;
+            "aria-required": true | undefined;
+            "aria-invalid": true | undefined;
+            "aria-describedby": string | undefined;
+            "aria-readonly": true | undefined;
+            "data-scope": string;
+            "data-part": string;
+            "data-segment": chrona_core.SegmentName;
+            "data-placeholder": string | undefined;
+            "data-invalid": string | undefined;
+            display: string;
+        };
+    };
+};
+
+export { TimeField, type TimeFieldProps, useTimeField };

package/dist/time-field.js

@@ -0,0 +1,11 @@
+import {
+  TimeField,
+  useTimeField
+} from "./chunk-6QRNDYNF.js";
+import "./chunk-VSD2IX3U.js";
+import "./chunk-GN2YCKFZ.js";
+export {
+  TimeField,
+  useTimeField
+};
+//# sourceMappingURL=time-field.js.map

package/dist/time-field.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/package.json

@@ -0,0 +1,75 @@
+{
+  "name": "chrona-react",
+  "version": "0.1.0",
+  "description": "Headless Temporal-native React date and time primitives",
+  "type": "module",
+  "license": "MIT",
+  "author": "Devlin Duldulao",
+  "homepage": "https://github.com/devlinduldulao/chrona#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/devlinduldulao/chrona.git",
+    "directory": "packages/react"
+  },
+  "bugs": {
+    "url": "https://github.com/devlinduldulao/chrona/issues"
+  },
+  "keywords": [
+    "temporal",
+    "date",
+    "time",
+    "headless",
+    "react",
+    "calendar",
+    "datepicker",
+    "daterangepicker",
+    "timepicker",
+    "i18n",
+    "accessibility",
+    "aria"
+  ],
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "LICENSE"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./calendar": {
+      "types": "./dist/calendar.d.ts",
+      "import": "./dist/calendar.js"
+    },
+    "./date-field": {
+      "types": "./dist/date-field.d.ts",
+      "import": "./dist/date-field.js"
+    },
+    "./time-field": {
+      "types": "./dist/time-field.d.ts",
+      "import": "./dist/time-field.js"
+    },
+    "./date-picker": {
+      "types": "./dist/date-picker.d.ts",
+      "import": "./dist/date-picker.js"
+    },
+    "./range-calendar": {
+      "types": "./dist/range-calendar.d.ts",
+      "import": "./dist/range-calendar.js"
+    }
+  },
+  "dependencies": {
+    "chrona-core": "^0.1.0"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup src/index.ts src/calendar.tsx src/date-field.tsx src/time-field.tsx src/date-picker.tsx src/range-calendar.tsx --format esm --dts --sourcemap --clean --target es2022 --external react --external react-dom"
+  }
+}