@select-org/post-components 1.0.0 → 2.0.0

package/dist/styles.css

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-content:""}}}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:var(--space-0)}.-top-3{top:calc(var(--space-3) * -1)}.top-0{top:var(--space-0)}.top-1\/2{top:50%}.top-2{top:var(--space-2)}.top-4{top:var(--space-4)}.-right-2{right:calc(var(--space-2) * -1)}.right-0{right:var(--space-0)}.right-1{right:var(--space-1)}.right-2{right:var(--space-2)}.right-3{right:var(--space-3)}.right-4{right:var(--space-4)}.bottom-0{bottom:var(--space-0)}.bottom-2{bottom:var(--space-2)}.bottom-3{bottom:var(--space-3)}.bottom-full{bottom:100%}.left-0{left:var(--space-0)}.left-1\/2{left:50%}.left-2{left:var(--space-2)}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-500{z-index:500}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.container{width:100%}.m-3{margin:var(--space-3)}.m-6{margin:var(--space-6)}.-mx-5{margin-inline:calc(var(--space-5) * -1)}.mx-1{margin-inline:var(--space-1)}.mx-4{margin-inline:var(--space-4)}.my-3{margin-block:var(--space-3)}.-mt-0\.5{margin-top:calc(var(--space-0_5) * -1)}.mt-0\.5{margin-top:var(--space-0_5)}.mt-1{margin-top:var(--space-1)}.mt-2\.5{margin-top:var(--space-2_5)}.mt-3{margin-top:var(--space-3)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.-mr-0\.5{margin-right:calc(var(--space-0_5) * -1)}.mr-6{margin-right:var(--space-6)}.-mb-2\.5{margin-bottom:calc(var(--space-2_5) * -1)}.mb-1{margin-bottom:var(--space-1)}.mb-1\.5{margin-bottom:var(--space-1_5)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.aspect-\[0\.7\]{aspect-ratio:.7}.aspect-\[1\],.aspect-square{aspect-ratio:1}.size-4{width:var(--space-4);height:var(--space-4)}.size-5{width:var(--space-5);height:var(--space-5)}.size-6{width:var(--space-6);height:var(--space-6)}.size-7{width:var(--space-7);height:var(--space-7)}.size-8{width:var(--space-8);height:var(--space-8)}.size-10{width:var(--space-10);height:var(--space-10)}.size-full{width:100%;height:100%}.h-1{height:var(--space-1)}.h-3\.5{height:var(--space-3_5)}.h-full{height:100%}.h-screen{height:100vh}.max-h-screen{max-height:100vh}.w-3\.5{width:var(--space-3_5)}.w-\[256px\]{width:256px}.w-\[296px\]{width:296px}.w-full{width:100%}.max-w-full{max-width:100%}.min-w-0{min-width:var(--space-0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:1s linear infinite spin}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-flow-col{grid-auto-flow:column}.grid-flow-row{grid-auto-flow:row}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-baseline{align-items:baseline}.items-center{align-items:center}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-0\.5{gap:var(--space-0_5)}.gap-1{gap:var(--space-1)}.gap-1\.5{gap:var(--space-1_5)}.gap-2{gap:var(--space-2)}.gap-2\.5{gap:var(--space-2_5)}.gap-3{gap:var(--space-3)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--space-2) * var(--tw-space-y-reverse));margin-block-end:calc(var(--space-2) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:var(--radius-lg)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-t-md{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.rounded-b-xl{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-action-primary,.border-action-primary\/10{border-color:var(--color-action-primary)}@supports (color:color-mix(in lab, red, red)){.border-action-primary\/10{border-color:color-mix(in oklab, var(--color-action-primary) 10%, transparent)}}.border-background\/20{border-color:var(--color-surface)}@supports (color:color-mix(in lab, red, red)){.border-background\/20{border-color:color-mix(in oklab, var(--color-surface) 20%, transparent)}}.border-background\/40{border-color:var(--color-surface)}@supports (color:color-mix(in lab, red, red)){.border-background\/40{border-color:color-mix(in oklab, var(--color-surface) 40%, transparent)}}.border-border{border-color:var(--color-border)}.border-border-subtle{border-color:var(--color-border-subtle)}.border-border\/50{border-color:var(--color-border)}@supports (color:color-mix(in lab, red, red)){.border-border\/50{border-color:color-mix(in oklab, var(--color-border) 50%, transparent)}}.border-highlight-border{border-color:var(--color-highlight-border)}.bg-action-primary,.bg-action-primary\/5{background-color:var(--color-action-primary)}@supports (color:color-mix(in lab, red, red)){.bg-action-primary\/5{background-color:color-mix(in oklab, var(--color-action-primary) 5%, transparent)}}.bg-background,.bg-background\/20{background-color:var(--color-surface)}@supports (color:color-mix(in lab, red, red)){.bg-background\/20{background-color:color-mix(in oklab, var(--color-surface) 20%, transparent)}}.bg-feedback-danger\/8{background-color:var(--color-feedback-danger)}@supports (color:color-mix(in lab, red, red)){.bg-feedback-danger\/8{background-color:color-mix(in oklab, var(--color-feedback-danger) 8%, transparent)}}.bg-feedback-danger\/20{background-color:var(--color-feedback-danger)}@supports (color:color-mix(in lab, red, red)){.bg-feedback-danger\/20{background-color:color-mix(in oklab, var(--color-feedback-danger) 20%, transparent)}}.bg-feedback-info\/8{background-color:var(--color-feedback-info)}@supports (color:color-mix(in lab, red, red)){.bg-feedback-info\/8{background-color:color-mix(in oklab, var(--color-feedback-info) 8%, transparent)}}.bg-feedback-success\/15{background-color:var(--color-feedback-success)}@supports (color:color-mix(in lab, red, red)){.bg-feedback-success\/15{background-color:color-mix(in oklab, var(--color-feedback-success) 15%, transparent)}}.bg-foreground,.bg-foreground\/20{background-color:var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.bg-foreground\/20{background-color:color-mix(in oklab, var(--color-text-primary) 20%, transparent)}}.bg-foreground\/60{background-color:var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.bg-foreground\/60{background-color:color-mix(in oklab, var(--color-text-primary) 60%, transparent)}}.bg-highlight-surface{background-color:var(--color-highlight-surface)}.bg-muted{background-color:var(--color-surface-sunken)}.bg-overlay-scrim{background-color:var(--color-overlay-scrim)}.bg-transparent{background-color:#0000}.bg-linear-to-t{--tw-gradient-position:to top}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-t{--tw-gradient-position:to top in oklab}}.bg-linear-to-t{background-image:linear-gradient(var(--tw-gradient-stops))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-cover{background-size:cover}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.fill-highlight{fill:var(--color-highlight)}.object-cover{object-fit:cover}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-1\.5{padding:var(--space-1_5)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.px-2{padding-inline:var(--space-2)}.px-4{padding-inline:var(--space-4)}.px-5{padding-inline:var(--space-5)}.px-5\!{padding-inline:var(--space-5)!important}.px-6{padding-inline:var(--space-6)}.px-8{padding-inline:var(--space-8)}.py-2{padding-block:var(--space-2)}.py-2\.5{padding-block:var(--space-2_5)}.py-3{padding-block:var(--space-3)}.py-6{padding-block:var(--space-6)}.pb-3{padding-bottom:var(--space-3)}.pb-4{padding-bottom:var(--space-4)}.pb-4\!{padding-bottom:var(--space-4)!important}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl-line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl-line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl-line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base-line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg-line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm-line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl-line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs-line-height))}.text-\[11px\]{font-size:11px}.leading-4{--tw-leading:var(--space-4);line-height:var(--space-4)}.leading-5{--tw-leading:var(--space-5);line-height:var(--space-5)}.leading-6{--tw-leading:var(--space-6);line-height:var(--space-6)}.leading-\[100\%\]{--tw-leading:100%;line-height:100%}.leading-none{--tw-leading:1;line-height:1}.wrap-break-word{overflow-wrap:break-word}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.text-action-primary{color:var(--color-action-primary)}.text-background{color:var(--color-surface)}.text-feedback-danger,.text-feedback-danger\/80{color:var(--color-feedback-danger)}@supports (color:color-mix(in lab, red, red)){.text-feedback-danger\/80{color:color-mix(in oklab, var(--color-feedback-danger) 80%, transparent)}}.text-feedback-info,.text-feedback-info\/80{color:var(--color-feedback-info)}@supports (color:color-mix(in lab, red, red)){.text-feedback-info\/80{color:color-mix(in oklab, var(--color-feedback-info) 80%, transparent)}}.text-feedback-warning{color:var(--color-feedback-warning)}.text-foreground{color:var(--color-text-primary)}.text-highlight{color:var(--color-highlight)}.text-link{color:var(--color-link)}.text-muted-foreground{color:var(--color-text-muted)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.opacity-90{opacity:.9}.shadow-3{--tw-shadow:var(--shadow-3);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-background{--tw-ring-color:var(--color-surface)}.ring-border-subtle{--tw-ring-color:var(--color-border-subtle)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.select-none{-webkit-user-select:none;user-select:none}:is(.\*\:px-4\!>*){padding-inline:var(--space-4)!important}.not-first\:pt-4:not(:first-child){padding-top:var(--space-4)}@media (hover:hover){.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:text-action-primary:is(:where(.group):hover *){color:var(--color-action-primary)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.after\:h-10:after{content:var(--tw-content);height:var(--space-10)}.after\:w-10:after{content:var(--tw-content);width:var(--space-10)}.after\:animate-spin:after{content:var(--tw-content);animation:1s linear infinite spin}.after\:rounded-\[50\%\]:after{content:var(--tw-content);border-radius:50%}.after\:border-4:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:4px}.after\:border-border:after{content:var(--tw-content);border-color:var(--color-border)}.after\:border-foreground:after{content:var(--tw-content);border-color:var(--color-text-primary)}.after\:border-t-action-primary:after{content:var(--tw-content);border-top-color:var(--color-action-primary)}.after\:border-t-background:after{content:var(--tw-content);border-top-color:var(--color-surface)}@media (hover:hover){.hover\:scale-125:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:bg-action-primary\/10:hover{background-color:var(--color-action-primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-action-primary\/10:hover{background-color:color-mix(in oklab, var(--color-action-primary) 10%, transparent)}}.hover\:bg-background\/30:hover{background-color:var(--color-surface)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-background\/30:hover{background-color:color-mix(in oklab, var(--color-surface) 30%, transparent)}}.hover\:bg-feedback-danger\/10:hover{background-color:var(--color-feedback-danger)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-feedback-danger\/10:hover{background-color:color-mix(in oklab, var(--color-feedback-danger) 10%, transparent)}}.hover\:bg-foreground\/40:hover{background-color:var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-foreground\/40:hover{background-color:color-mix(in oklab, var(--color-text-primary) 40%, transparent)}}.hover\:bg-muted:hover{background-color:var(--color-surface-sunken)}.hover\:text-feedback-danger:hover{color:var(--color-feedback-danger)}.hover\:text-foreground:hover{color:var(--color-text-primary)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-50:hover{opacity:.5}.hover\:opacity-70:hover{opacity:.7}}:is(.\*\:data-link-preview\:mx-4\!>*)[data-link-preview]{margin-inline:var(--space-4)!important}:is(.\*\:data-\[media\=\'true\'\]\:my-2>*)[data-media=true]{margin-block:var(--space-2)}:is(.\*\:data-\[media\=\'true\'\]\:px-0\!>*)[data-media=true]{padding-inline:var(--space-0)!important}.\[\&\>\[data-media\=\'true\'\]\>img\]\:rounded-none\!>[data-media=true]>img{border-radius:0!important}.\[\&\>\[data-media\=\'true\'\]\>video\]\:size-full\!>[data-media=true]>video{width:100%!important;height:100%!important}.\[\&\>\[data-media\=\'true\'\]\>video\]\:rounded-none\!>[data-media=true]>video{border-radius:0!important}.\[\&\>div\]\:last-of-type\:mb-0\!>div:last-of-type{margin-bottom:var(--space-0)!important}@keyframes spin{to{transform:rotate(360deg)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}

package/dist/types.d.ts

@@ -0,0 +1,269 @@
+type TipTapTextAlign = 'left' | 'center' | 'right';
+type TipTapBoldMark = {
+    type: 'bold';
+};
+type TipTapItalicMark = {
+    type: 'italic';
+};
+type TipTapUnderlineMark = {
+    type: 'underline';
+};
+type TipTapStrikeMark = {
+    type: 'strike';
+};
+type TipTapCodeMark = {
+    type: 'code';
+};
+type TipTapSuperscriptMark = {
+    type: 'superscript';
+};
+type TipTapSubscriptMark = {
+    type: 'subscript';
+};
+type TipTapCustomLinkMark = {
+    type: 'customLink';
+    attrs: {
+        href: string;
+        text?: string | null;
+        uid?: string | null;
+        isLinkMode?: boolean;
+        previewPayload?: unknown;
+        target?: string | null;
+        rel?: string | null;
+        class?: string | null;
+    };
+};
+type TipTapLinkMark = {
+    type: 'link';
+    attrs: {
+        href: string;
+        target?: string | null;
+        rel?: string | null;
+        class?: string | null;
+    };
+};
+type TipTapMark = TipTapBoldMark | TipTapItalicMark | TipTapUnderlineMark | TipTapStrikeMark | TipTapCodeMark | TipTapSuperscriptMark | TipTapSubscriptMark | TipTapCustomLinkMark | TipTapLinkMark;
+interface TipTapTextNode {
+    type: 'text';
+    text: string;
+    marks?: TipTapMark[];
+}
+interface TipTapHardBreakNode {
+    type: 'hardBreak';
+}
+interface TipTapMentionNode {
+    type: 'mention';
+    attrs: {
+        id: string;
+        label: string;
+        type: 'mention' | 'hashtag';
+    };
+}
+type TipTapInlineNode = TipTapTextNode | TipTapHardBreakNode | TipTapMentionNode;
+interface TipTapParagraphNode {
+    type: 'paragraph';
+    attrs?: {
+        textAlign?: TipTapTextAlign;
+    };
+    content?: TipTapInlineNode[];
+}
+interface TipTapHeadingNode {
+    type: 'heading';
+    attrs: {
+        level: 1 | 2 | 3 | 4 | 5 | 6;
+        textAlign?: TipTapTextAlign;
+    };
+    content?: TipTapInlineNode[];
+}
+interface TipTapListItemNode {
+    type: 'listItem';
+    content?: TipTapParagraphNode[];
+}
+interface TipTapBulletListNode {
+    type: 'bulletList';
+    content?: TipTapListItemNode[];
+}
+interface TipTapOrderedListNode {
+    type: 'orderedList';
+    attrs?: {
+        start?: number;
+    };
+    content?: TipTapListItemNode[];
+}
+interface TipTapBlockquoteNode {
+    type: 'blockquote';
+    content?: TipTapParagraphNode[];
+}
+interface TipTapCodeBlockNode {
+    type: 'codeBlock';
+    attrs?: {
+        language?: string;
+    };
+    content?: TipTapTextNode[];
+}
+interface TipTapHorizontalRuleNode {
+    type: 'horizontalRule';
+}
+interface TipTapMediaNode {
+    type: 'media';
+    attrs: {
+        uid: string;
+        src: string;
+        type: 'image' | 'video' | 'audio';
+        style?: string | null;
+        maxWidth?: number | null;
+        align?: TipTapTextAlign | null;
+        caption?: string | null;
+        uploading?: boolean | null;
+        progress?: number | null;
+        payload?: unknown;
+        textAlign?: TipTapTextAlign;
+    };
+}
+interface TipTapMediaGroupNode {
+    type: 'mediaGroup';
+    attrs: {
+        uid: string;
+    };
+    content?: TipTapMediaNode[];
+}
+interface TipTapPollNode {
+    type: 'poll';
+    attrs: {
+        uid: string;
+    };
+}
+interface TipTapIframeNode {
+    type: 'iframe';
+    attrs: {
+        src: string;
+        width?: number | null;
+        height?: number | null;
+    };
+}
+interface TipTapLinkPreviewNode {
+    type: 'linkPreview';
+    attrs: {
+        uid: string;
+        href: string;
+        previewType: 'compact' | 'extended';
+    };
+}
+type TipTapBlockNode = TipTapParagraphNode | TipTapHeadingNode | TipTapBulletListNode | TipTapOrderedListNode | TipTapBlockquoteNode | TipTapCodeBlockNode | TipTapHorizontalRuleNode | TipTapMediaNode | TipTapMediaGroupNode | TipTapPollNode | TipTapIframeNode | TipTapLinkPreviewNode;
+interface TipTapDocument {
+    type: 'doc';
+    content?: TipTapBlockNode[];
+}
+
+interface PostAuthor {
+    id: string;
+    name: string;
+    avatar: string;
+    avatarPlaceholder?: string;
+    username?: string;
+}
+interface ImageInfo {
+    width: number;
+    height: number;
+    url: string;
+    isBase64: boolean;
+}
+interface ItemData {
+    type: string;
+    text?: string;
+    imageType: string;
+    playableDuration: number;
+    key: string;
+    sources: {
+        original: ImageInfo;
+        placeholder: ImageInfo;
+        thumbnail: ImageInfo;
+    };
+    file?: unknown;
+}
+interface PollItemData extends ItemData {
+    option_color: string;
+    option_id: string;
+    text?: string;
+}
+type LinkItemMetaData = {
+    type: string;
+    linkTitle: string;
+    linkDesc: string;
+    linkIcon: string;
+    linkImage?: {
+        width: number;
+        height: number;
+        url: string;
+    };
+    linkUrl?: string;
+    text?: string;
+};
+interface PollResult {
+    user_vote_option_id: string;
+    context_id: string;
+    options: {
+        option_id: string;
+        context_id: string;
+        count: number;
+    }[];
+}
+type MentionData = {
+    id: string;
+    selectId: string;
+    matchStartPosition: number;
+    name: string;
+    avatar: string;
+    type: 'mention' | 'hashtag';
+    inThisThread: number;
+    from?: 'post' | 'comment';
+    isCrossExposureEnable?: boolean;
+};
+type FormatMentionData = {
+    name: string;
+    type: string;
+    index: number;
+    endIndex: number;
+    data: MentionData;
+};
+type SectionItem = {
+    type: string;
+    data: {
+        body?: string;
+        items?: ItemData[];
+        mentionData?: MentionData[];
+        sourceInfo?: {
+            avatar: string;
+            username: string;
+            url: string;
+        };
+        [key: string]: unknown;
+    };
+};
+interface PostDataMetaData {
+    body: string;
+    htmlBody?: string;
+    textBody?: string;
+    jsonBody?: TipTapDocument | null;
+    items?: ItemData[] | LinkItemMetaData[] | PollItemData[];
+    sections?: any[];
+    mentionData?: MentionData[];
+    crossMentionData?: MentionData;
+    expiration?: number;
+    group_name?: string;
+    group_users?: string[];
+    add_users?: string[];
+    inviter_id?: string;
+    inviter_name?: string;
+    eventType?: string;
+    votes_data?: any;
+    featured_group_context_id?: string;
+    featured_group_name?: string;
+    other_group_allow_cross_exposure?: boolean;
+    other_group_context_id?: string;
+    other_group_name?: string;
+}
+
+type MediaUploadStatus = 'uploading' | 'processing' | 'uploaded' | 'error';
+
+export type { FormatMentionData, ImageInfo, ItemData, LinkItemMetaData, MediaUploadStatus, MentionData, PollItemData, PollResult, PostAuthor, PostDataMetaData, SectionItem, TipTapDocument };

package/dist/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@select-org/post-components",
-  "version": "1.0.0",
+  "version": "2.0.0",
   "description": "Select design system post family components.",
   "type": "module",
   "main": "./dist/index.js",
@@ -18,7 +18,8 @@
     "./types": {
       "types": "./dist/types.d.ts",
       "import": "./dist/types.js"
-    }
+    },
+    "./styles.css": "./dist/styles.css"
   },
   "files": [
     "dist"
@@ -40,10 +41,11 @@
   "peerDependencies": {
     "react": "^18 || ^19",
     "react-dom": "^18 || ^19",
-    "@select-org/tailwind-preset": "0.1.0",
-    "@select-org/ui": "0.2.0"
+    "@select-org/tailwind-preset": "1.0.0",
+    "@select-org/ui": "1.0.0"
   },
   "devDependencies": {
+    "@tailwindcss/cli": "^4.3.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "react": "^18.3.1",
@@ -53,7 +55,7 @@
     "vitest": "^2.0.0"
   },
   "scripts": {
-    "build": "tsup",
+    "build": "tsup && tailwindcss -i styles.src.css -o dist/styles.css --minify",
     "dev": "tsup --watch",
     "typecheck": "tsc --noEmit",
     "test": "vitest run"