@jamsrui/time-field 0.0.23 → 0.1.0

package/README.md

@@ -2,12 +2,11 @@
 
 **A comprehensive React UI component library designed for developers, with Tailwind CSS integration for seamless styling.**
 
-
 ## 📖 **Overview**
 
 [JamsrUI](https://jamsr-ui.jamsrworld.com) is designed to help developers build modern, fast and visually appealing web applications with ease.
 
-## 🚀 Getting Started 
+## 🚀 Getting Started
 
 Boost & Build your websites using [JamsrUI](https://jamsr-ui.jamsrworld.com).
 
@@ -37,4 +36,3 @@ We welcome contributions from developers of all skill levels!
 ## ⭐ Support the Project
 
 If you find **JamsrUI** helpful, consider giving it a ⭐ on [GitHub](https://github.com/jamsrworld/jamsr-ui).
-

package/dist/index.d.mts

@@ -1,14 +1,11 @@
 import * as react from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { TimeField as TimeField$1 } from './time-field.mjs';
-export { TimeFieldConfig, useTimeFieldConfig } from './time-field-config.mjs';
 import { TimeFieldSeparator } from './time-field-separator.mjs';
 import { TimeInput } from './time-input.mjs';
 import { TimeSegment } from './time-segment.mjs';
-export { TimeFieldSlots, TimeFieldVariants, timeFieldVariants } from './styles.mjs';
 export { useTimeField } from './use-time-field.mjs';
 export { useTimeSegment } from './use-time-segment.mjs';
-import '@jamsrui/core';
 import '@jamsrui/utils';
 import './time-field-root.mjs';
 
@@ -17,5 +14,15 @@ declare const TimeField: ((props: TimeField$1.Props) => react_jsx_runtime.JSX.El
     Segment: (props: TimeSegment.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
     Separator: (props: TimeFieldSeparator.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
 };
+declare namespace TimeField {
+    interface Props extends TimeField$1.Props {
+    }
+    interface Input extends TimeInput.Props {
+    }
+    interface Segment extends TimeSegment.Props {
+    }
+    interface Separator extends TimeFieldSeparator.Props {
+    }
+}
 
-export { TimeField, TimeField$1 as TimeFieldRoot, TimeFieldSeparator, TimeInput, TimeSegment };
+export { TimeField };

package/dist/index.mjs

@@ -1 +1 @@
-import{TimeField as e}from"./time-field.mjs";import{TimeFieldConfig as o,useTimeFieldConfig as r}from"./time-field-config.mjs";import{TimeFieldSeparator as i}from"./time-field-separator.mjs";import{TimeInput as m}from"./time-input.mjs";import{TimeSegment as t}from"./time-segment.mjs";import{timeFieldVariants as p}from"./styles.mjs";import{useTimeField as l}from"./use-time-field.mjs";import{useTimeSegment as T}from"./use-time-segment.mjs";const c=Object.assign(e,{Input:m,Segment:t,Separator:i});export{c as TimeField,o as TimeFieldConfig,e as TimeFieldRoot,i as TimeFieldSeparator,m as TimeInput,t as TimeSegment,p as timeFieldVariants,l as useTimeField,r as useTimeFieldConfig,T as useTimeSegment};
+import{TimeField as e}from"./time-field.mjs";import{TimeFieldSeparator as t}from"./time-field-separator.mjs";import{TimeInput as r}from"./time-input.mjs";import{TimeSegment as o}from"./time-segment.mjs";import{useTimeField as i}from"./use-time-field.mjs";import{useTimeSegment as m}from"./use-time-segment.mjs";const x=Object.assign(e,{Input:r,Segment:o,Separator:t});export{x as TimeField,i as useTimeField,m as useTimeSegment};

package/dist/time-field.mjs

@@ -1 +1 @@
-"use client";import{jsx as o}from"react/jsx-runtime";import{mergeConfigProps as p}from"@jamsrui/utils";import{timeFieldVariants as d}from"./styles.mjs";import{useTimeFieldConfig as l}from"./time-field-config.mjs";import{TimeFieldContext as a}from"./time-field-context.mjs";import{useTimeField as c}from"./use-time-field.mjs";const x=i=>{const t=l(),r=p(d.defaultVariants,t,i),e=c(r),{Component:m,getRootProps:n,children:s}=e;return o(a,{value:e,children:o(m,{...n({}),children:s})})};export{x as TimeField};
+"use client";import{jsx as o}from"react/jsx-runtime";import{TimeFieldContext as m}from"./time-field-context.mjs";import{useTimeField as s}from"./use-time-field.mjs";const d=t=>{const e=s(t),{Component:i,getRootProps:n,children:r}=e;return o(m,{value:e,children:o(i,{...n({}),children:r})})};export{d as TimeField};

package/dist/use-time-field.mjs

@@ -1 +1 @@
-"use client";import{useCallback as o,useRef as g,useState as r}from"react";import{dataAttrDev as s,mapPropsVariants as P}from"@jamsrui/utils";import{timeFieldVariants as a}from"./styles.mjs";import{TimeFieldRoot as S}from"./time-field-root.mjs";const b=m=>{const[f,n]=P(m,a.variantKeys),[i,T]=r({hour:"",minute:"",second:"",period:""}),[l,p]=r("hour"),F=g([]),[N,v]=r(null),t=a(n),c=o(e=>({...e,"data-component":s("time-field"),className:t.root({className:e.className}),"data-slot":s("root")}),[t]),u=o(e=>({...e,contentEditable:!0,suppressContentEditableWarning:!0,className:t.input({className:e.className}),"data-slot":s("input"),inputMode:"numeric",spellCheck:!1}),[t]),d=o(e=>({...e,className:t.separator({className:e.className}),"data-slot":s("separator")}),[t]);return{Component:S,segments:i,activeSegment:l,getRootProps:c,getInputProps:u,getSeparatorProps:d,setActiveSegment:p,segmentList:["hour","minute","period"],children:null}};export{b as useTimeField};
+"use client";import{useCallback as t,useRef as l,useState as o}from"react";import{TimeFieldRoot as a}from"./time-field-root.mjs";const f=u=>{const[r,c]=o({hour:"",minute:"",second:"",period:""}),[n,s]=o("hour"),d=l([]),[g,S]=o(null),i=t(e=>({...e,"data-component":"time-field","data-slot":"root"}),[]),m=t(e=>({...e,contentEditable:!0,suppressContentEditableWarning:!0,"data-slot":"input",inputMode:"numeric",spellCheck:!1}),[]),p=t(e=>({...e,"data-slot":"separator"}),[]);return{Component:a,segments:r,activeSegment:n,getRootProps:i,getInputProps:m,getSeparatorProps:p,setActiveSegment:s,segmentList:["hour","minute","period"],children:null}};export{f as useTimeField};

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@jamsrui/time-field",
-  "version": "0.0.23",
+  "version": "0.1.0",
   "peerDependencies": {
     "react": ">=19"
   },
   "dependencies": {
-    "@jamsrui/hooks": "^0.0.20",
-    "@jamsrui/utils": "^0.0.20",
-    "@jamsrui/core": "^0.0.16",
-    "@jamsrui/input": "^0.0.23"
+    "@jamsrui/hooks": "^0.1.0",
+    "@jamsrui/utils": "^0.1.0",
+    "@jamsrui/core": "^0.1.0",
+    "@jamsrui/input": "^0.1.0"
   },
   "exports": {
     ".": {

package/dist/styles.d.mts

@@ -1,20 +0,0 @@
-import * as _jamsrui_utils from '@jamsrui/utils';
-import { VariantProps } from '@jamsrui/utils';
-
-declare const timeFieldVariants: _jamsrui_utils.TVReturnType<{}, {
-    root: string;
-    input: string;
-    separator: string;
-}, undefined, {}, {
-    root: string;
-    input: string;
-    separator: string;
-}, _jamsrui_utils.TVReturnType<{}, {
-    root: string;
-    input: string;
-    separator: string;
-}, undefined, unknown, unknown, undefined>>;
-type TimeFieldVariants = VariantProps<typeof timeFieldVariants>;
-type TimeFieldSlots = keyof ReturnType<typeof timeFieldVariants>;
-
-export { type TimeFieldSlots, type TimeFieldVariants, timeFieldVariants };

package/dist/styles.mjs

@@ -1 +0,0 @@
-import{tv as t}from"@jamsrui/utils";const r=t({slots:{root:"flex gap-1 items-center",input:"focus:bg-default px-0.5 caret-transparent outline-none rounded text-sm",separator:"opacity-50"},variants:{},defaultVariants:{}});export{r as timeFieldVariants};

package/dist/time-field-config.d.mts

@@ -1,21 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { WithGlobalConfig } from '@jamsrui/core';
-import { TimeField } from './time-field.mjs';
-import './use-time-field.mjs';
-import 'react';
-import '@jamsrui/utils';
-import './time-segment.mjs';
-import './time-field-separator.mjs';
-import './time-field-root.mjs';
-
-declare const useTimeFieldConfig: () => TimeFieldConfig.Props;
-declare const TimeFieldConfig: (props: Omit<Partial<TimeFieldConfig.Props>, "children"> & {
-    merge?: boolean;
-    children: React.ReactNode;
-}) => react_jsx_runtime.JSX.Element;
-declare namespace TimeFieldConfig {
-    interface Props extends WithGlobalConfig<TimeField.Props> {
-    }
-}
-
-export { TimeFieldConfig, useTimeFieldConfig };

package/dist/time-field-config.mjs

@@ -1 +0,0 @@
-"use client";import{createConfigContext as e}from"@jamsrui/utils";const[o,t]=e({displayName:"TimeFieldConfig"});export{o as TimeFieldConfig,t as useTimeFieldConfig};