@jamsrui/card 0.0.12 → 0.0.14

package/dist/{card-B-x30v8R.d.mts → card-c7opxkqe.d.mts}

@@ -1,26 +1,15 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Text } from '@jamsrui/text';
-import { PropGetter, UIProps, SlotsToClassNames } from '@jamsrui/utils';
+import { PropGetter, UIProps } from '@jamsrui/utils';
 import { CardContent } from './card-content.mjs';
 import { CardDescription } from './card-description.mjs';
 import { CardFooter } from './card-footer.mjs';
 import { CardHeader } from './card-header.mjs';
-import { CardHeaderContent } from './card-header-content.mjs';
 import { CardTitle } from './card-title.mjs';
-import { CardVariants, CardSlots } from './styles.mjs';
+import { CardVariants } from './styles.mjs';
 
 declare const useCard: (props: useCard.Props) => {
-    slotProps: {
-        header?: CardHeader.Props;
-        headerContent?: CardHeader.Props;
-        title?: Text.Props;
-        description?: Text.Props;
-        content?: CardContent.Props;
-        footer?: CardFooter.Props;
-    } | undefined;
     getRootProps: PropGetter<Card.Props>;
     getHeaderProps: PropGetter<CardHeader.Props>;
-    getHeaderContentProps: PropGetter<CardHeaderContent.Props>;
     getTitleProps: PropGetter<CardTitle.Props>;
     getDescriptionProps: PropGetter<CardDescription.Props>;
     getContentProps: PropGetter<CardContent.Props>;
@@ -28,15 +17,6 @@ declare const useCard: (props: useCard.Props) => {
 };
 declare namespace useCard {
     interface Props extends UIProps<"div">, CardVariants {
-        classNames?: SlotsToClassNames<CardSlots>;
-        slotProps?: {
-            header?: CardHeader.Props;
-            headerContent?: CardHeader.Props;
-            title?: Text.Props;
-            description?: Text.Props;
-            content?: CardContent.Props;
-            footer?: CardFooter.Props;
-        };
     }
 }
 

package/dist/card-config.d.mts

@@ -1,15 +1,14 @@
-import { C as Card } from './card-B-x30v8R.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { GlobalConfigProps } from '@jamsrui/core';
+import { C as Card } from './card-c7opxkqe.mjs';
+import '@jamsrui/utils';
 import './card-content.mjs';
+import 'react';
 import './card-description.mjs';
+import '@jamsrui/text';
 import './card-footer.mjs';
 import './card-header.mjs';
 import './card-title.mjs';
-import '@jamsrui/text';
-import '@jamsrui/utils';
-import './card-header-content.mjs';
-import 'react';
 import './styles.mjs';
 
 declare const useCardConfig: () => CardConfig.Props;

package/dist/card-config.mjs

@@ -1 +1 @@
-import{a,b}from"./chunk-HPZIIMR4.mjs";export{a as CardConfig,b as useCardConfig};
+"use client";import{createConfigContext as o}from"@jamsrui/utils";const[e,a]=o({displayName:"CardConfigContext"});export{e as CardConfig,a as useCardConfig};

package/dist/card-content.mjs

@@ -1 +1 @@
-import{a}from"./chunk-YUKB7KCD.mjs";import"./chunk-PRVJXBBM.mjs";export{a as CardContent};
+"use client";import{useRenderElement as r}from"@jamsrui/hooks";import{useCardContext as n}from"./card-context.mjs";const m=e=>{const{getContentProps:t}=n();return r("div",{props:t(e)})};export{m as CardContent};

package/dist/card-context.d.mts

@@ -1,13 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { u as useCard } from './card-B-x30v8R.mjs';
-import '@jamsrui/text';
+import { u as useCard } from './card-c7opxkqe.mjs';
 import '@jamsrui/utils';
 import './card-content.mjs';
 import 'react';
 import './card-description.mjs';
+import '@jamsrui/text';
 import './card-footer.mjs';
 import './card-header.mjs';
-import './card-header-content.mjs';
 import './card-title.mjs';
 import './styles.mjs';
 

package/dist/card-context.mjs

@@ -1 +1 @@
-import{a,b}from"./chunk-PRVJXBBM.mjs";export{a as CardContextProvider,b as useCardContext};
+"use client";import{jsx as C}from"react/jsx-runtime";import{createContext as n,use as a}from"react";const t=n(null),c=e=>{const{children:r,ctx:o}=e;return C(t,{value:o,children:r})},s=()=>{const e=a(t);if(!e)throw new Error("useCardContext must be used within a CardProvider");return e};export{c as CardContextProvider,s as useCardContext};

package/dist/card-description.mjs

@@ -1 +1 @@
-import{a}from"./chunk-RHOMM74N.mjs";import"./chunk-PRVJXBBM.mjs";export{a as CardDescription};
+"use client";import{jsx as e}from"react/jsx-runtime";import{Text as n}from"@jamsrui/text";import{useCardContext as s}from"./card-context.mjs";const d=r=>{const{children:t,...o}=r,{getDescriptionProps:p}=s();return e(n,{render:e("p",{}),...p(o),children:t})};export{d as CardDescription};

package/dist/card-footer.mjs

@@ -1 +1 @@
-import{a}from"./chunk-HE3WEAZV.mjs";import"./chunk-PRVJXBBM.mjs";export{a as CardFooter};
+"use client";import{useRenderElement as o}from"@jamsrui/hooks";import{useCardContext as t}from"./card-context.mjs";const m=e=>{const{getFooterProps:r}=t();return o("div",{props:r(e)})};export{m as CardFooter};

package/dist/card-header.d.mts

@@ -4,8 +4,6 @@ import { UIProps } from '@jamsrui/utils';
 declare const CardHeader: (props: CardHeader.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
 declare namespace CardHeader {
     interface Props extends UIProps<"div"> {
-        startContent?: React.ReactNode;
-        endContent?: React.ReactNode;
     }
 }
 

package/dist/card-header.mjs

@@ -1 +1 @@
-import{a}from"./chunk-57UC5TIQ.mjs";import"./chunk-RF72LOBZ.mjs";import"./chunk-PRVJXBBM.mjs";export{a as CardHeader};
+"use client";import{useRenderElement as t}from"@jamsrui/hooks";import{useCardContext as o}from"./card-context.mjs";const d=e=>{const{getHeaderProps:r}=o();return t("div",{props:[r(e)]})};export{d as CardHeader};

package/dist/card-title.mjs

@@ -1 +1 @@
-import{a}from"./chunk-FZEQ46ZM.mjs";import"./chunk-PRVJXBBM.mjs";export{a as CardTitle};
+"use client";import{jsx as t}from"react/jsx-runtime";import{Text as n}from"@jamsrui/text";import{useCardContext as s}from"./card-context.mjs";const d=e=>{const{children:r}=e,{getTitleProps:o}=s();return t(n,{render:t("h3",{}),...o(e),children:r})};export{d as CardTitle};

package/dist/card.d.mts

@@ -1,12 +1,11 @@
 import 'react/jsx-runtime';
-export { C as Card } from './card-B-x30v8R.mjs';
-import '@jamsrui/text';
+export { C as Card } from './card-c7opxkqe.mjs';
 import '@jamsrui/utils';
 import './card-content.mjs';
 import 'react';
 import './card-description.mjs';
+import '@jamsrui/text';
 import './card-footer.mjs';
 import './card-header.mjs';
-import './card-header-content.mjs';
 import './card-title.mjs';
 import './styles.mjs';

package/dist/card.mjs

@@ -1 +1 @@
-import{a}from"./chunk-RSO5OMY4.mjs";import"./chunk-4GB2CE7L.mjs";import"./chunk-3NFQCBR5.mjs";import"./chunk-HPZIIMR4.mjs";import"./chunk-PRVJXBBM.mjs";export{a as Card};
+"use client";import{jsx as C}from"react/jsx-runtime";import{useRenderElement as s}from"@jamsrui/hooks";import{mergeConfigProps as p}from"@jamsrui/utils";import{useCardConfig as d}from"./card-config.mjs";import{CardContextProvider as m}from"./card-context.mjs";import{useCard as i}from"./use-card.mjs";const g=e=>{const r=d(),t=p(r,r,e),o=i(t),n=s("div",{props:o.getRootProps({})});return C(m,{ctx:o,children:n})};export{g as Card};

package/dist/index.d.mts

@@ -1,14 +1,23 @@
-export { C as Card } from './card-B-x30v8R.mjs';
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { C as Card$1 } from './card-c7opxkqe.mjs';
 export { CardConfig, useCardConfig } from './card-config.mjs';
-export { CardContent } from './card-content.mjs';
-export { CardDescription } from './card-description.mjs';
-export { CardFooter } from './card-footer.mjs';
-export { CardHeader } from './card-header.mjs';
-export { CardTitle } from './card-title.mjs';
-import 'react/jsx-runtime';
-import '@jamsrui/text';
+import { CardContent } from './card-content.mjs';
+import { CardDescription } from './card-description.mjs';
+import { CardFooter } from './card-footer.mjs';
+import { CardHeader } from './card-header.mjs';
+import { CardTitle } from './card-title.mjs';
 import '@jamsrui/utils';
-import './card-header-content.mjs';
-import 'react';
 import './styles.mjs';
 import '@jamsrui/core';
+import '@jamsrui/text';
+
+declare const Card: ((props: Card$1.Props) => react_jsx_runtime.JSX.Element) & {
+    Content: (props: CardContent.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+    Description: (props: CardDescription.Props) => react_jsx_runtime.JSX.Element;
+    Footer: (props: CardFooter.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+    Header: (props: CardHeader.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+    Title: (props: CardTitle.Props) => react_jsx_runtime.JSX.Element;
+};
+
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/index.mjs

@@ -1 +1 @@
-"use client";import{a as f}from"./chunk-RSO5OMY4.mjs";import"./chunk-4GB2CE7L.mjs";import"./chunk-3NFQCBR5.mjs";import{a as r,b as o}from"./chunk-HPZIIMR4.mjs";import{a as e}from"./chunk-YUKB7KCD.mjs";import{a as t}from"./chunk-RHOMM74N.mjs";import{a as C}from"./chunk-HE3WEAZV.mjs";import{a}from"./chunk-57UC5TIQ.mjs";import"./chunk-RF72LOBZ.mjs";import{a as d}from"./chunk-FZEQ46ZM.mjs";import"./chunk-PRVJXBBM.mjs";export{f as Card,r as CardConfig,e as CardContent,t as CardDescription,C as CardFooter,a as CardHeader,d as CardTitle,o as useCardConfig};
+import{Card as a}from"./card.mjs";import{CardConfig as m,useCardConfig as C}from"./card-config.mjs";import{CardContent as r}from"./card-content.mjs";import{CardDescription as o}from"./card-description.mjs";import{CardFooter as t}from"./card-footer.mjs";import{CardHeader as e}from"./card-header.mjs";import{CardTitle as i}from"./card-title.mjs";const l=Object.assign(a,{Content:r,Description:o,Footer:t,Header:e,Title:i});export{l as Card,m as CardConfig,r as CardContent,o as CardDescription,t as CardFooter,e as CardHeader,i as CardTitle,C as useCardConfig};

package/dist/styles.d.mts

@@ -29,7 +29,6 @@ declare const cardVariants: _jamsrui_utils.TVReturnType<{
 }, {
     root: string;
     header: string;
-    headerContent: string;
     title: string;
     description: string;
     footer: string;
@@ -62,7 +61,6 @@ declare const cardVariants: _jamsrui_utils.TVReturnType<{
 }, {
     root: string;
     header: string;
-    headerContent: string;
     title: string;
     description: string;
     footer: string;
@@ -95,7 +93,6 @@ declare const cardVariants: _jamsrui_utils.TVReturnType<{
 }, {
     root: string;
     header: string;
-    headerContent: string;
     title: string;
     description: string;
     footer: string;

package/dist/styles.mjs

@@ -1 +1 @@
-import{a}from"./chunk-3NFQCBR5.mjs";export{a as cardVariants};
+import{radiusVariant as r,tv as t}from"@jamsrui/utils";const e=t({slots:{root:"card card__root relative flex flex-col overflow-hidden transition-colors",header:"card__header relative flex flex-col gap-1 px-4 pt-4",title:"card__title font-medium",description:"card__description text-foreground-secondary",footer:"card__footer flex justify-end gap-2 px-4 pb-4",content:"card__content h-full p-4"},variants:{bg:{default:{root:"bg-surface"},secondary:{root:"bg-surface"}},isBordered:{true:"border border-divider-dark"},isElevated:{true:"shadow-sm"},radius:r("root","card")},defaultVariants:{bg:"default",variant:"solid",radius:"md"}});export{e as cardVariants};

package/dist/use-card.d.mts

@@ -1,12 +1,11 @@
-import '@jamsrui/text';
 import '@jamsrui/utils';
-export { u as useCard } from './card-B-x30v8R.mjs';
+export { u as useCard } from './card-c7opxkqe.mjs';
 import './card-content.mjs';
 import './card-description.mjs';
 import './card-footer.mjs';
 import './card-header.mjs';
-import './card-header-content.mjs';
 import './card-title.mjs';
 import './styles.mjs';
 import 'react/jsx-runtime';
 import 'react';
+import '@jamsrui/text';

package/dist/use-card.mjs

@@ -1 +1 @@
-import{a}from"./chunk-4GB2CE7L.mjs";import"./chunk-3NFQCBR5.mjs";export{a as useCard};
+import{useCallback as a,useMemo as N}from"react";import{cn as f,dataAttrDev as e,mapPropsVariants as y}from"@jamsrui/utils";import{cardVariants as i}from"./styles.mjs";const v=l=>{const[P,C]=y(l,i.variantKeys),r=i(C),{...o}=P,s=a(()=>({"data-slot":e("root"),...o,className:r.root({className:f(o.className)})}),[o,r]),c=a(t=>({"data-slot":e("header"),...t,className:r.header({className:t.className})}),[r]),p=a(t=>({"data-slot":e("title"),...t,className:r.title({className:t.className}),variant:"h5"}),[r]),m=a(t=>({"data-slot":e("description"),variant:"caption",...t,className:r.description({className:t.className})}),[r]),n=a(t=>({"data-slot":e("content"),...t,className:r.content({className:t.className})}),[r]),d=a(t=>({"data-slot":e("footer"),...t,className:r.footer({className:t.className})}),[r]);return N(()=>({getRootProps:s,getHeaderProps:c,getTitleProps:p,getDescriptionProps:m,getContentProps:n,getFooterProps:d}),[n,m,d,c,s,p])};export{v as useCard};

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@jamsrui/card",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "peerDependencies": {
     "react": ">=19"
   },
   "dependencies": {
-    "@jamsrui/hooks": "^0.0.12",
-    "@jamsrui/utils": "^0.0.12",
-    "@jamsrui/core": "^0.0.10",
-    "@jamsrui/text": "^0.0.12"
+    "@jamsrui/hooks": "^0.0.14",
+    "@jamsrui/utils": "^0.0.14",
+    "@jamsrui/core": "^0.0.12",
+    "@jamsrui/text": "^0.0.14"
   },
   "exports": {
     ".": {

package/dist/card-header-content.d.mts

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

package/dist/card-header-content.mjs

@@ -1 +0,0 @@
-import{a}from"./chunk-RF72LOBZ.mjs";import"./chunk-PRVJXBBM.mjs";export{a as CardHeaderContent};

package/dist/chunk-3NFQCBR5.mjs

@@ -1 +0,0 @@
-import{radiusVariant as r,tv as e}from"@jamsrui/utils";var a=e({slots:{root:"relative flex flex-col overflow-hidden transition-colo",header:"relative flex items-center gap-2 px-4 pt-4",headerContent:"flex flex-col grow gap-1",title:"font-medium",description:"text-foreground-secondary",footer:"flex justify-end gap-2 px-4 pb-4",content:"h-full p-4"},variants:{bg:{default:{root:"bg-surface"},secondary:{root:"bg-surface"}},isBordered:{true:"border border-divider-dark"},isElevated:{true:"shadow-sm"},radius:r("root")},defaultVariants:{bg:"default",variant:"solid",radius:"md"}});export{a};

package/dist/chunk-4GB2CE7L.mjs

@@ -1 +0,0 @@
-import{a as s}from"./chunk-3NFQCBR5.mjs";import{useCallback as r}from"react";import{cn as h,dataAttrDev as a,mapPropsVariants as u}from"@jamsrui/utils";var T=n=>{let[p,c]=u(n,s.variantKeys),e=s(c),{classNames:d,slotProps:m,...o}=p,l=r(()=>({"data-slot":a("root"),...o,className:e.root({className:h(d?.root,o.className)})}),[o,d?.root,e]),i=r(t=>({"data-slot":a("header"),...t,className:e.header({className:t.className})}),[e]),C=r(t=>({"data-slot":a("title"),...t,className:e.title({className:t.className}),variant:"h5"}),[e]),P=r(t=>({"data-slot":a("description"),variant:"caption",...t,className:e.description({className:t.className})}),[e]),N=r(t=>({"data-slot":a("header-content"),...t,className:e.headerContent({className:t.className})}),[e]),f=r(t=>({"data-slot":a("content"),...t,className:e.content({className:t.className})}),[e]),y=r(t=>({"data-slot":a("footer"),...t,className:e.footer({className:t.className})}),[e]);return{slotProps:m,getRootProps:l,getHeaderProps:i,getHeaderContentProps:N,getTitleProps:C,getDescriptionProps:P,getContentProps:f,getFooterProps:y}};export{T as a};

package/dist/chunk-57UC5TIQ.mjs

@@ -1 +0,0 @@
-import{a as r}from"./chunk-RF72LOBZ.mjs";import{b as e}from"./chunk-PRVJXBBM.mjs";import{useRenderElement as C}from"@jamsrui/hooks";import{mergeProps as c}from"@jamsrui/utils";import{Fragment as l,jsx as i,jsxs as P}from"react/jsx-runtime";var x=t=>{let{getHeaderProps:o,slotProps:n}=e(),{startContent:d,endContent:s,children:a,...p}=c(n?.header??{},t),m=P(l,{children:[d,i(r,{children:a}),s]});return C("div",{props:[o(p),{children:m}]})};export{x as a};

package/dist/chunk-FZEQ46ZM.mjs

@@ -1 +0,0 @@
-import{b as e}from"./chunk-PRVJXBBM.mjs";import{Text as i}from"@jamsrui/text";import{mergeProps as l}from"@jamsrui/utils";import{jsx as r}from"react/jsx-runtime";var P=t=>{let{getTitleProps:o,slotProps:p}=e(),{children:s,...n}=l(p?.title??{},t);return r(i,{render:r("h3",{}),...o(n),children:s})};export{P as a};

package/dist/chunk-HE3WEAZV.mjs

@@ -1 +0,0 @@
-import{b as r}from"./chunk-PRVJXBBM.mjs";import{useRenderElement as p}from"@jamsrui/hooks";import{mergeProps as m}from"@jamsrui/utils";var P=e=>{let{getFooterProps:o,slotProps:t}=r(),s=m(t?.footer??{},e);return p("div",{props:o(s)})};export{P as a};

package/dist/chunk-HPZIIMR4.mjs

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

package/dist/chunk-PRVJXBBM.mjs

@@ -1 +0,0 @@
-import{createContext as n,use as a}from"react";import{jsx as C}from"react/jsx-runtime";var t=n(null),x=e=>{let{children:r,ctx:o}=e;return C(t,{value:o,children:r})},c=()=>{let e=a(t);if(!e)throw new Error("useCardContext must be used within a CardProvider");return e};export{x as a,c as b};

package/dist/chunk-RF72LOBZ.mjs

@@ -1 +0,0 @@
-import{b as e}from"./chunk-PRVJXBBM.mjs";import{useRenderElement as s}from"@jamsrui/hooks";import{mergeProps as p}from"@jamsrui/utils";var i=r=>{let{getHeaderContentProps:t,slotProps:o}=e(),n=p(o?.headerContent??{},r);return s("div",{props:t(n)})};export{i as a};

package/dist/chunk-RHOMM74N.mjs

@@ -1 +0,0 @@
-import{b as e}from"./chunk-PRVJXBBM.mjs";import{Text as s}from"@jamsrui/text";import{jsx as r}from"react/jsx-runtime";var d=o=>{let{children:t,...p}=o,{getDescriptionProps:n}=e();return r(s,{render:r("p",{}),...n(p),children:t})};export{d as a};

package/dist/chunk-RSO5OMY4.mjs

@@ -1 +0,0 @@
-import{a as n}from"./chunk-4GB2CE7L.mjs";import{b as e}from"./chunk-HPZIIMR4.mjs";import{a as t}from"./chunk-PRVJXBBM.mjs";import{useRenderElement as m}from"@jamsrui/hooks";import{mergeConfigProps as C}from"@jamsrui/utils";import{jsx as i}from"react/jsx-runtime";var g=p=>{let r=e(),s=C(r,r,p),o=n(s),d=m("div",{props:o.getRootProps({})});return i(t,{ctx:o,children:d})};export{g as a};

package/dist/chunk-YUKB7KCD.mjs

@@ -1 +0,0 @@
-import{b as e}from"./chunk-PRVJXBBM.mjs";import{useRenderElement as s}from"@jamsrui/hooks";import{mergeProps as p}from"@jamsrui/utils";var a=r=>{let{getContentProps:t,slotProps:o}=e(),n=p(o?.content??{},r);return s("div",{props:t(n)})};export{a};