@jamsrui/date-field 0.0.22 → 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/date-field.mjs

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

package/dist/index.d.mts

@@ -1,14 +1,11 @@
 import * as react from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { DateField as DateField$1 } from './date-field.mjs';
-export { DateFieldConfig, useDateFieldConfig } from './date-field-config.mjs';
 import { DateFieldSeparator } from './date-field-separator.mjs';
 import { DateInput } from './date-input.mjs';
 import { DateSegment } from './date-segment.mjs';
-export { DateFieldSlots, DateFieldVariants, dateFieldVariants } from './styles.mjs';
 export { useDateField } from './use-date-field.mjs';
 export { useDateSegment } from './use-date-segment.mjs';
-import '@jamsrui/core';
 import '@jamsrui/utils';
 import './date-field-root.mjs';
 
@@ -17,5 +14,15 @@ declare const DateField: ((props: DateField$1.Props) => react_jsx_runtime.JSX.El
     Segment: (props: DateSegment.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
     Separator: (props: DateFieldSeparator.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
 };
+declare namespace DateField {
+    interface Props extends DateField$1.Props {
+    }
+    interface Input extends DateInput.Props {
+    }
+    interface Segment extends DateSegment.Props {
+    }
+    interface Separator extends DateFieldSeparator.Props {
+    }
+}
 
-export { DateField, DateField$1 as DateFieldRoot, DateFieldSeparator, DateInput, DateSegment };
+export { DateField };

package/dist/index.mjs

@@ -1 +1 @@
-import{DateField as e}from"./date-field.mjs";import{DateFieldConfig as i,useDateFieldConfig as r}from"./date-field-config.mjs";import{DateFieldSeparator as t}from"./date-field-separator.mjs";import{DateInput as a}from"./date-input.mjs";import{DateSegment as o}from"./date-segment.mjs";import{dateFieldVariants as m}from"./styles.mjs";import{useDateField as p}from"./use-date-field.mjs";import{useDateSegment as l}from"./use-date-segment.mjs";const c=Object.assign(e,{Input:a,Segment:o,Separator:t});export{c as DateField,i as DateFieldConfig,e as DateFieldRoot,t as DateFieldSeparator,a as DateInput,o as DateSegment,m as dateFieldVariants,p as useDateField,r as useDateFieldConfig,l as useDateSegment};
+import{DateField as e}from"./date-field.mjs";import{DateFieldSeparator as t}from"./date-field-separator.mjs";import{DateInput as r}from"./date-input.mjs";import{DateSegment as o}from"./date-segment.mjs";import{useDateField as a}from"./use-date-field.mjs";import{useDateSegment as p}from"./use-date-segment.mjs";const x=Object.assign(e,{Input:r,Segment:o,Separator:t});export{x as DateField,a as useDateField,p as useDateSegment};

package/dist/use-date-field.mjs

@@ -1 +1 @@
-"use client";import{useCallback as s,useRef as g,useState as o}from"react";import{dataAttrDev as a,mapPropsVariants as P}from"@jamsrui/utils";import{dateFieldVariants as r}from"./styles.mjs";import{DateFieldRoot as S}from"./date-field-root.mjs";const h=n=>{const[f,m]=P(n,r.variantKeys),[l,D]=o({day:"",month:"",year:""}),[i,p]=o("day"),y=g([]),[F,N]=o(null),t=r(m),c=s(e=>({...e,"data-component":a("date-field"),className:t.root({className:e.className}),"data-slot":a("root")}),[t]),d=s(e=>({...e,contentEditable:!0,suppressContentEditableWarning:!0,className:t.input({className:e.className}),"data-slot":a("input"),inputMode:"numeric",spellCheck:!1}),[t]),u=s(e=>({...e,className:t.separator({className:e.className}),"data-slot":a("separator")}),[t]);return{Component:S,segments:l,activeSegment:i,getRootProps:c,getInputProps:d,getSeparatorProps:u,setActiveSegment:p,segmentList:["day","month","year"],children:null}};export{h as useDateField};
+"use client";import{useCallback as t,useRef as l,useState as o}from"react";import{DateFieldRoot as m}from"./date-field-root.mjs";const f=d=>{const[r,c]=o({day:"",month:"",year:""}),[n,s]=o("day"),u=l([]),[g,S]=o(null),a=t(e=>({...e,"data-component":"date-field","data-slot":"root"}),[]),p=t(e=>({...e,contentEditable:!0,suppressContentEditableWarning:!0,"data-slot":"input",inputMode:"numeric",spellCheck:!1}),[]),i=t(e=>({...e,"data-slot":"separator"}),[]);return{Component:m,segments:r,activeSegment:n,getRootProps:a,getInputProps:p,getSeparatorProps:i,setActiveSegment:s,segmentList:["day","month","year"],children:null}};export{f as useDateField};

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@jamsrui/date-field",
-  "version": "0.0.22",
+  "version": "0.1.0",
   "peerDependencies": {
     "react": ">=19"
   },
   "dependencies": {
-    "@jamsrui/hooks": "^0.0.19",
-    "@jamsrui/input": "^0.0.22",
-    "@jamsrui/core": "^0.0.15",
-    "@jamsrui/utils": "^0.0.19"
+    "@jamsrui/hooks": "^0.1.0",
+    "@jamsrui/utils": "^0.1.0",
+    "@jamsrui/input": "^0.1.0",
+    "@jamsrui/core": "^0.1.0"
   },
   "exports": {
     ".": {

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

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

package/dist/date-field-config.mjs

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

package/dist/styles.d.mts

@@ -1,20 +0,0 @@
-import * as _jamsrui_utils from '@jamsrui/utils';
-import { VariantProps } from '@jamsrui/utils';
-
-declare const dateFieldVariants: _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 DateFieldVariants = VariantProps<typeof dateFieldVariants>;
-type DateFieldSlots = keyof ReturnType<typeof dateFieldVariants>;
-
-export { type DateFieldSlots, type DateFieldVariants, dateFieldVariants };

package/dist/styles.mjs

@@ -1 +0,0 @@
-import{tv as t}from"@jamsrui/utils";const a=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{a as dateFieldVariants};