@jamsrui/divider 0.0.2 → 0.0.3

package/dist/divider-config.mjs

@@ -1 +1 @@
-import{a,b}from"./chunk-NU7HNFTG.mjs";export{a as DividerConfig,b as useDividerConfig};
+import{createConfigContext as i}from"@jamsrui/utils";const[r,e]=i({displayName:"DividerConfig"});export{r as DividerConfig,e as useDividerConfig};

package/dist/divider.mjs

@@ -1 +1 @@
-import{a}from"./chunk-D6NH2KRI.mjs";import"./chunk-NU7HNFTG.mjs";import"./chunk-65AQCZWD.mjs";import"./chunk-5TIOUT4L.mjs";export{a as Divider};
+import{useRenderElement as p}from"@jamsrui/hooks";import{mergeConfigProps as m}from"@jamsrui/utils";import{useDividerConfig as c}from"./divider-config";import{useDivider as v}from"./use-divider";const D=e=>{const r=c(),t=m(r,r,e),n=v(t),{getRootProps:s,getDividerProps:o}=n,{children:i}=e,d=React.createElement(React.Fragment,null,React.createElement("div",{...o({})}),!!i&&React.createElement(React.Fragment,null,i,React.createElement("div",{...o({})})));return p("div",{props:[s({}),{children:d}]})};export{D as Divider};

package/dist/index.mjs

@@ -1 +1 @@
-"use client";import{a as r}from"./chunk-D6NH2KRI.mjs";import{a as i,b as e}from"./chunk-NU7HNFTG.mjs";import"./chunk-65AQCZWD.mjs";import"./chunk-5TIOUT4L.mjs";export{r as Divider,i as DividerConfig,e as useDividerConfig};
+"use client";import{Divider as r}from"./divider";import{DividerConfig as f,useDividerConfig as d}from"./divider-config";export{r as Divider,f as DividerConfig,d as useDividerConfig};

package/dist/styles.mjs

@@ -1 +1 @@
-import{a,b}from"./chunk-5TIOUT4L.mjs";export{b as dividerVariants,a as test};
+import{tv as r}from"@jamsrui/utils";const i="",a=r({slots:{root:"flex items-center gap-2",divider:""},variants:{orientation:{vertical:{root:"flex-col",divider:"h-full w-px"},horizontal:{divider:"h-px w-full"}},variant:{light:{divider:"bg-stroke-secondary"},dark:{divider:"bg-stroke-secondary"},default:{divider:"bg-stroke-primary"},gradient:{divider:"from-transparent via-[#989AA6]/[0.5] to-transparent"}}},compoundVariants:[{orientation:"horizontal",variant:"gradient",className:{divider:"bg-gradient-to-r"}},{orientation:"vertical",variant:"gradient",className:{divider:"bg-gradient-to-b"}}],defaultVariants:{variant:"default",orientation:"horizontal",color:"default"}});export{a as dividerVariants,i as test};

package/dist/use-divider.mjs

@@ -1 +1 @@
-import{a}from"./chunk-65AQCZWD.mjs";import"./chunk-5TIOUT4L.mjs";export{a as useDivider};
+import{useCallback as d,useMemo as n}from"react";import{cn as p,dataAttrDev as P,mapPropsVariants as D,mergeProps as N}from"@jamsrui/utils";import{dividerVariants as m}from"./styles";const x=v=>{const[l,c]=D(v,m.variantKeys),r=m(c),{classNames:s,slotProps:e,...o}=l,i=d(()=>({...o,"data-component":P("divider"),"data-slot":"root",className:r.root({className:p(s?.root,o.className)})}),[s?.root,o,r]),t=d(a=>({...N(e?.divider,a),"data-slot":"divider",className:r.divider({className:p(e?.divider?.className,s?.divider,a.className)})}),[s?.divider,e?.divider,r]);return n(()=>({getRootProps:i,getDividerProps:t}),[i,t])};export{x as useDivider};

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@jamsrui/divider",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "peerDependencies": {
     "react": ">=19"
   },
   "dependencies": {
-    "@jamsrui/hooks": "^0.0.2",
-    "@jamsrui/core": "^0.0.2",
-    "@jamsrui/utils": "^0.0.2"
+    "@jamsrui/hooks": "^0.0.3",
+    "@jamsrui/core": "^0.0.3",
+    "@jamsrui/utils": "^0.0.3"
   },
   "exports": {
     ".": {

package/dist/chunk-5TIOUT4L.mjs

@@ -1 +0,0 @@
-import{tv as r}from"@jamsrui/utils";var i="",a=r({slots:{root:"flex items-center gap-2",divider:""},variants:{orientation:{vertical:{root:"flex-col",divider:"h-full w-px"},horizontal:{divider:"h-px w-full"}},variant:{light:{divider:"bg-stroke-secondary"},dark:{divider:"bg-stroke-secondary"},default:{divider:"bg-stroke-primary"},gradient:{divider:"from-transparent via-[#989AA6]/[0.5] to-transparent"}}},compoundVariants:[{orientation:"horizontal",variant:"gradient",className:{divider:"bg-gradient-to-r"}},{orientation:"vertical",variant:"gradient",className:{divider:"bg-gradient-to-b"}}],defaultVariants:{variant:"default",orientation:"horizontal",color:"default"}});export{i as a,a as b};

package/dist/chunk-65AQCZWD.mjs

@@ -1 +0,0 @@
-import{b as i}from"./chunk-5TIOUT4L.mjs";import{useCallback as p,useMemo as n}from"react";import{cn as m,dataAttrDev as P,mapPropsVariants as D,mergeProps as N}from"@jamsrui/utils";var x=v=>{let[l,c]=D(v,i.variantKeys),r=i(c),{classNames:s,slotProps:e,...o}=l,t=p(()=>({...o,"data-component":P("divider"),"data-slot":"root",className:r.root({className:m(s?.root,o.className)})}),[s?.root,o,r]),a=p(d=>({...N(e?.divider,d),"data-slot":"divider",className:r.divider({className:m(e?.divider?.className,s?.divider,d.className)})}),[s?.divider,e?.divider,r]);return n(()=>({getRootProps:t,getDividerProps:a}),[t,a])};export{x as a};

package/dist/chunk-D6NH2KRI.mjs

@@ -1 +0,0 @@
-import{b as t}from"./chunk-NU7HNFTG.mjs";import{a as n}from"./chunk-65AQCZWD.mjs";import{useRenderElement as c}from"@jamsrui/hooks";import{mergeConfigProps as v}from"@jamsrui/utils";var D=e=>{let r=t(),s=v(r,r,e),d=n(s),{getRootProps:p,getDividerProps:o}=d,{children:i}=e,m=React.createElement(React.Fragment,null,React.createElement("div",{...o({})}),!!i&&React.createElement(React.Fragment,null,i,React.createElement("div",{...o({})})));return c("div",{props:[p({}),{children:m}]})};export{D as a};

package/dist/chunk-HZZZ2FIE.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _utils = require('@jamsrui/utils');var[r,e]=_utils.createConfigContext.call(void 0, {displayName:"DividerConfig"});exports.a = r; exports.b = e;

package/dist/chunk-NU7HNFTG.mjs

@@ -1 +0,0 @@
-import{createConfigContext as i}from"@jamsrui/utils";var[r,e]=i({displayName:"DividerConfig"});export{r as a,e as b};

package/dist/chunk-O3EGLMGJ.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _chunkSRJCOHXDjs = require('./chunk-SRJCOHXD.js');var _react = require('react');var _utils = require('@jamsrui/utils');var x=v=>{let[l,c]=_utils.mapPropsVariants.call(void 0, v,_chunkSRJCOHXDjs.b.variantKeys),r=_chunkSRJCOHXDjs.b.call(void 0, c),{classNames:s,slotProps:e,...o}=l,t=_react.useCallback.call(void 0, ()=>({...o,"data-component":_utils.dataAttrDev.call(void 0, "divider"),"data-slot":"root",className:r.root({className:_utils.cn.call(void 0, _optionalChain([s, 'optionalAccess', _ => _.root]),o.className)})}),[_optionalChain([s, 'optionalAccess', _2 => _2.root]),o,r]),a=_react.useCallback.call(void 0, d=>({..._utils.mergeProps.call(void 0, _optionalChain([e, 'optionalAccess', _3 => _3.divider]),d),"data-slot":"divider",className:r.divider({className:_utils.cn.call(void 0, _optionalChain([e, 'optionalAccess', _4 => _4.divider, 'optionalAccess', _5 => _5.className]),_optionalChain([s, 'optionalAccess', _6 => _6.divider]),d.className)})}),[_optionalChain([s, 'optionalAccess', _7 => _7.divider]),_optionalChain([e, 'optionalAccess', _8 => _8.divider]),r]);return _react.useMemo.call(void 0, ()=>({getRootProps:t,getDividerProps:a}),[t,a])};exports.a = x;

package/dist/chunk-SRJCOHXD.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _utils = require('@jamsrui/utils');var i="",a= exports.b =_utils.tv.call(void 0, {slots:{root:"flex items-center gap-2",divider:""},variants:{orientation:{vertical:{root:"flex-col",divider:"h-full w-px"},horizontal:{divider:"h-px w-full"}},variant:{light:{divider:"bg-stroke-secondary"},dark:{divider:"bg-stroke-secondary"},default:{divider:"bg-stroke-primary"},gradient:{divider:"from-transparent via-[#989AA6]/[0.5] to-transparent"}}},compoundVariants:[{orientation:"horizontal",variant:"gradient",className:{divider:"bg-gradient-to-r"}},{orientation:"vertical",variant:"gradient",className:{divider:"bg-gradient-to-b"}}],defaultVariants:{variant:"default",orientation:"horizontal",color:"default"}});exports.a = i; exports.b = a;

package/dist/chunk-ZYIIUDSK.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkHZZZ2FIEjs = require('./chunk-HZZZ2FIE.js');var _chunkO3EGLMGJjs = require('./chunk-O3EGLMGJ.js');var _hooks = require('@jamsrui/hooks');var _utils = require('@jamsrui/utils');var D=e=>{let r=_chunkHZZZ2FIEjs.b.call(void 0, ),s=_utils.mergeConfigProps.call(void 0, r,r,e),d=_chunkO3EGLMGJjs.a.call(void 0, s),{getRootProps:p,getDividerProps:o}=d,{children:i}=e,m=React.createElement(React.Fragment,null,React.createElement("div",{...o({})}),!!i&&React.createElement(React.Fragment,null,i,React.createElement("div",{...o({})})));return _hooks.useRenderElement.call(void 0, "div",{props:[p({}),{children:m}]})};exports.a = D;

package/dist/divider-config.d.ts

@@ -1,15 +0,0 @@
-import { Divider } from './divider.js';
-import * as react from 'react';
-import { GlobalConfigProps } from '@jamsrui/core';
-import '@jamsrui/utils';
-
-declare const useDividerConfig: () => DividerConfig.Props;
-declare const DividerConfig: (props: DividerConfig.Props & {
-    merge?: boolean;
-}) => react.JSX.Element;
-declare namespace DividerConfig {
-    interface Props extends Divider.Props, GlobalConfigProps<Divider.Props> {
-    }
-}
-
-export { DividerConfig, useDividerConfig };

package/dist/divider-config.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkHZZZ2FIEjs = require('./chunk-HZZZ2FIE.js');exports.DividerConfig = _chunkHZZZ2FIEjs.a; exports.useDividerConfig = _chunkHZZZ2FIEjs.b;

package/dist/divider.d.ts

@@ -1,10 +0,0 @@
-import * as react from 'react';
-import { UIProps } from '@jamsrui/utils';
-
-declare const Divider: (props: Divider.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
-declare namespace Divider {
-    interface Props extends UIProps<"div"> {
-    }
-}
-
-export { Divider };

package/dist/divider.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkZYIIUDSKjs = require('./chunk-ZYIIUDSK.js');require('./chunk-HZZZ2FIE.js');require('./chunk-O3EGLMGJ.js');require('./chunk-SRJCOHXD.js');exports.Divider = _chunkZYIIUDSKjs.a;

package/dist/index.d.ts

@@ -1,5 +0,0 @@
-export { Divider } from './divider.js';
-export { DividerConfig, useDividerConfig } from './divider-config.js';
-import 'react';
-import '@jamsrui/utils';
-import '@jamsrui/core';

package/dist/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunkZYIIUDSKjs = require('./chunk-ZYIIUDSK.js');var _chunkHZZZ2FIEjs = require('./chunk-HZZZ2FIE.js');require('./chunk-O3EGLMGJ.js');require('./chunk-SRJCOHXD.js');exports.Divider = _chunkZYIIUDSKjs.a; exports.DividerConfig = _chunkHZZZ2FIEjs.a; exports.useDividerConfig = _chunkHZZZ2FIEjs.b;

package/dist/styles.d.ts

@@ -1,90 +0,0 @@
-import * as tailwind_variants from 'tailwind-variants';
-import { VariantProps } from '@jamsrui/utils';
-
-declare const test = "";
-declare const dividerVariants: tailwind_variants.TVReturnType<{
-    orientation: {
-        vertical: {
-            root: string;
-            divider: string;
-        };
-        horizontal: {
-            divider: string;
-        };
-    };
-    variant: {
-        light: {
-            divider: string;
-        };
-        dark: {
-            divider: string;
-        };
-        default: {
-            divider: string;
-        };
-        gradient: {
-            divider: string;
-        };
-    };
-}, {
-    root: string;
-    divider: string;
-}, undefined, {
-    orientation: {
-        vertical: {
-            root: string;
-            divider: string;
-        };
-        horizontal: {
-            divider: string;
-        };
-    };
-    variant: {
-        light: {
-            divider: string;
-        };
-        dark: {
-            divider: string;
-        };
-        default: {
-            divider: string;
-        };
-        gradient: {
-            divider: string;
-        };
-    };
-}, {
-    root: string;
-    divider: string;
-}, tailwind_variants.TVReturnType<{
-    orientation: {
-        vertical: {
-            root: string;
-            divider: string;
-        };
-        horizontal: {
-            divider: string;
-        };
-    };
-    variant: {
-        light: {
-            divider: string;
-        };
-        dark: {
-            divider: string;
-        };
-        default: {
-            divider: string;
-        };
-        gradient: {
-            divider: string;
-        };
-    };
-}, {
-    root: string;
-    divider: string;
-}, undefined, unknown, unknown, undefined>>;
-type DividerVariants = VariantProps<typeof dividerVariants>;
-type DividerSlots = keyof ReturnType<typeof dividerVariants>;
-
-export { type DividerSlots, type DividerVariants, dividerVariants, test };

package/dist/styles.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkSRJCOHXDjs = require('./chunk-SRJCOHXD.js');exports.dividerVariants = _chunkSRJCOHXDjs.b; exports.test = _chunkSRJCOHXDjs.a;

package/dist/use-divider.d.ts

@@ -1,20 +0,0 @@
-import { PropGetter, UIProps, SlotsToClassNames } from '@jamsrui/utils';
-import { Divider } from './divider.js';
-import { DividerVariants, DividerSlots } from './styles.js';
-import 'react';
-import 'tailwind-variants';
-
-declare const useDivider: (props: useDivider.Props) => {
-    getRootProps: PropGetter<Divider.Props>;
-    getDividerProps: PropGetter<Divider.Props>;
-};
-declare namespace useDivider {
-    interface Props extends UIProps<"div">, DividerVariants {
-        classNames?: SlotsToClassNames<DividerSlots>;
-        slotProps?: {
-            divider?: UIProps<"div">;
-        };
-    }
-}
-
-export { useDivider };

package/dist/use-divider.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkO3EGLMGJjs = require('./chunk-O3EGLMGJ.js');require('./chunk-SRJCOHXD.js');exports.useDivider = _chunkO3EGLMGJjs.a;